eXtract Snippet

从网站提取 HTML/CSS 代码片段。检查元素并提取 HTML 和 CSS。 eXtract Snippet 可用于轻松提取任意网站上任何片段的 HTML 和 CSS 代码。按以下方式从网站提取 HTML/CSS 代码片段：安装“eXtract Snippet”=> 使用 Chrome 开发者工具的“检查元素”检查一个元素。开发者工具中还应显示名为“eXtract HTML CSS”的面板。点击“eXtract HTML CSS”面板，然后点击面板中的“Get HTML/CSS of inspected element”按钮。提取工具会筛选相关 CSS 并提取所检查片段的 HTML 代码，请耐心等待。较小的片段可能很快完成，较大的片段可能需要一些时间。最终提取的代码与网站上的实际片段非常接近，只需点击提取代码下方的按钮，即可在“codepen”“jsfiddle”或“JSbin”中预览。请注意，1.4 版会提取媒体查询，但同一媒体规则中的每个选择器都会重复包含该媒体查询。1.4 版还更新了从 iframe 中提取 HTML 和 CSS 的功能。