用于复制具有样式的页面元素的附加组件

Posted 2023-03-06

【中文标题】用于复制具有样式的页面元素的附加组件

【英文标题】：Add-on to copy a page element with styles

【发布时间】：2012-05-03 05:25:11

【问题描述】：

我正在为任何浏览器寻找一个插件，它可以将任何特定网页元素及其所有样式复制到剪贴板，以便粘贴并显示给某人。

目的是有机会快速分享我的大项目的一小部分，或协助撰写有关此 html 和 CSS 技巧的文章或检查其他人的部分工作。

有什么想法吗？如果不存在这样的插件，我会尝试自己写。

【参考方案1】：

您是否尝试过 Web Developer 插件（firefox/chrome）？不确定它是否完全符合您的要求，但它会在页面内显示源代码，允许您选择页面/源代码的特定部分。您可以使用此功能，然后复制粘贴您要使用的相关元素。那就是如果我了解您的需求。如果不是，请澄清...

【讨论】：

并非如此。 Web Developer，只要 Firebug，让你检查和复制 HTML OR 样式。我需要的是一键式工具来同时复制 HTML 和相关的 CSS，并可能将它们全部包装到一个简单的页面标记（html、head 和 body 标签）。

【参考方案2】：

还没有看到有人提到过这样的扩展，并且 快速 搜索不会产生一个。您可能需要build one yourself。

优秀的 Firebug 插件已经收集了这些信息，可能更容易让a Firebug plugin 增加按钮的便利性。

请注意，这个问题被标记为 Greasemonkey，但 Greasemonkey 并不是这项工作的最佳工具。

【讨论】：

我没有遗漏一些明显的东西这一事实就是我需要知道的。我将尝试自己构建它并在这里写下我的成功（如果有的话）。谢谢！

【参考方案3】：

这可能为时已晚。但是，如果有人在寻找相同的东西，请使用 SnappySnippet。它是由Konrad Dzwinel构建的

Firefox Add-on

Chrome extension

More details

这是一个很棒的扩展。

【讨论】：

不幸的是找不到 SnappySnippet for firefox :( 有没有其他解决方案？