eXtract Snippet

eXtract Snippet插件简介

eXtract Snippet插件描述

eXtract Snippet may be used to easily extract the HTML & CSS code f any snippet over any website. Extract HTML/CSS snippets from websites in the following way. Install "eXtract Snippet"=> Inspect an element using chromes developer tools inspect element. Within the developer tools you should also see a panel named "eXtract HTML CSS". Click on to the "eXtract HTML CSS" panel  further click onto the "Get HTML/CSS of inspected element" button withing the panel. Please be patient while the eXtract filters only the relevant CSS  pulls out the HTML CODE f the inspected snippet. Smaller snippets may get done quickly, bigger snippets may take a while. The final extracted code is a close match to the actual snippet onto the site  can be previewed onto "codepen", "jsfiddle"  "JSbin" by simply clicking on to the buttons below the eXtracted code. Kindly note that media queries are extracted in version 1.4 , but has been duplicated f each select within the same media rule. 1.4 comes with an update of extracting HTML & CSS from iframes too.
                                

eXtract Snippet插件离线安装方法

1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入：chrome://extensions/

3.找到自己已经下载好的Chrome离线安装文件xxx.crx，然后将其从资源管理器中拖动到Chrome的扩展管理界面中，这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。

4.下载 eXtract SnippetChrome插件v1.5版本到本地。

5.勾选开发者模式，点击加载已解压的扩展程序，将文件夹选择即可安装插件。

注意：最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息，参照这篇文章即可解决