为 JSFiddle 制作 Web 应用程序的静态副本的简单方法？答案

【问题标题】：Easy way to make a static copy of a web app for JSFiddle?为 JSFiddle 制作 Web 应用程序的静态副本的简单方法？
【发布时间】：2013-06-15 08:11:42
【问题描述】：

我经常遇到一个问题，即我正在开发一个包含大量前端或后端代码的动态 Web 应用程序，并且有一个 CSS 问题让我无法理解，尽管我摸索了一个小时。我知道 StackOverflow 可以在一秒钟内解决它，我想发布它，但我要么必须

两者都不是很简单。请注意，DOM 是动态生成的，因此“查看源代码”不会剪切它。同样，CSS 可以分布在多个文件中，我想一次全部获取。

是否有一种简单的方法可以将 DOM 和所有 CSS 复制为单个文件，以便我可以将其插入到 JSFiddle 之类的文件中并继续执行？

【问题讨论】：

【解决方案1】：

按原样获取页面上所有 HTML 的最快方法是将其粘贴到地址栏中：

javascript:alert(document.body.outerHTML)

当然，您也可以使用控制台，但上述方法即使在旧 IE 版本中也有效，并且更易于复制/粘贴。

我认为根本没有获取 CSS 的好方法，但您可以尝试使用 jQuery 选择器或类似工具来获取 URL：

$('link[type="text/css"]')
  .each(function(x, link){
    console.log(link.attributes.href.value)});

以及下载和连接 CSS。

【讨论】：