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

Question

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

1. 公开应用程序以及重现状态的步骤，或
2. 繁琐地复制 DOM 和资产 (CSS) 以及当前状态。

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

有没有一种简单的方法可以将 DOM 和所有 CSS 作为单个文件复制出来，以便我可以将其插入到 JSFiddle 之类的东西中并继续前进？

Answer 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。