eXtract Snippetとは何ですか？

eXtract SnippetはMelwyn Pawarによって開発されたChromeの拡張機能で、その主な機能は「Extract HTML/CSS snippets from websites. Inspect an element and eXtract HTML CSS」です。

拡張機能のスクリーンショット

eXtract Snippet拡張機能のCRXファイルをダウンロード

eXtract Snippet拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

eXtract Snippet may be used to easily extract the HTML & CSS code for any snippet over any website. Extract HTML/CSS snippets from websites in the following way. Install "eXtract Snippet"=> Inspect an element using chrome's 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 and further click onto the "Get HTML/CSS of inspected element" button withing the panel. Please be patient while the eXtractor filters only the relevant CSS and pulls out the HTML CODE for 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 and can be previewed onto "codepen", "jsfiddle" or "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 for each selector within the same media rule. 1.4 comes with an update of extracting HTML & CSS from iframes too.

拡張機能の基本情報

名前	eXtract Snippet
ID	bfcjfegkgdoomgmofhcidoiampnpbdao
公式URL	https://chromewebstore.google.com/detail/extract-snippet/bfcjfegkgdoomgmofhcidoiampnpbdao
説明	Extract HTML/CSS snippets from websites. Inspect an element and eXtract HTML CSS
ファイルサイズ	297 KB
インストール数	10,398
現在のバージョン	1.5
最終更新日	2016-04-20
公開日	2016-04-20
評価	3.11/5 合計 38 レビュー
開発者	Melwyn Pawar
支払い方法	free
対応言語	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "background": { "scripts": [ "background.js" ] }, "externally_connectable": { "matches": [ ":\/\/.example.com\/*" ] }, "browser_action": { "default_icon": "icon.png" }, "content_scripts": [ { "js": [ "allLibs.js" ], "matches": [ "" ] } ], "description": "Extract HTML\/CSS snippets from websites. Inspect an element and eXtract HTML CSS", "icons": { "128": "l1.png", "16": "icon.png", "48": "l2.png" }, "devtools_page": "devtools.html", "manifest_version": 2, "name": "eXtract Snippet", "permissions": [ "tabs", "", "background" ], "version": "1.5" }