为JSFiddle制作Web应用程序的静态副本的简便方法?

时间:2013-06-18 22:48:24

标签: css dom web-applications jsfiddle

我经常遇到一个问题,我正在开发一个包含大量前端或后端代码的动态网络应用程序,并且有一个CSS问题,尽管我花了一个小时的时间,但我还是躲过了我。我知道StackOverflow可以在一秒钟内解决它,我想发布它,但我要么

  1. 将应用程序公开以及重现状态的步骤,或
  2. 繁琐地复制DOM和资产(CSS)以及当前状态。
  3. 两者都不是很直接。请注意,DOM是动态生成的,因此“View Source”不会删除它。同样,CSS可以分散在多个文件中,我只想一次抓住它。

    有没有一种简单的方法可以将DOM和所有CSS作为单个文件复制出来,这样我就可以将它插入JSFiddle之类的东西并继续使用?

1 个答案:

答案 0 :(得分:0)

在网页上获取所有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。