从现有站点选择性复制HTML + CSS + JS的工具

Question

像大多数Web开发人员一样，我偶尔也喜欢查看网站的来源，以了解其标记的构建方式。Firebug和Chrome开发者工具之类的工具使检查代码变得容易，但是如果我要复制一个孤立的部分并在本地使用它，则复制所有单个元素及其关联的CSS会很痛苦。保存整个源代码并剪切不相关的代码可能需要做很多工作。

如果可以在Firebug中右键单击一个节点并具有“为该节点保存HTML + CSS”选项，那就太好了。是否存在这样的工具？可以扩展Firebug或Chrome开发者工具来添加此功能吗？

Answer 1

这可以通过称为“ 剪贴簿”的Firebug插件来完成您可以在设置中检查Javascript选项这也可以帮助Firequark是Firebug的扩展，可帮助HTML屏幕抓取过程。Firequark使用Firebug（Firefox的网络开发插件）自动从网页中提取单个或多个html节点的css选择器。生成的css选择器可以作为html屏幕抓取工具（如Scrapi）的输入，以提取信息。Firequark旨在释放CSS选择器的功能，以使用html屏幕抓取功能。