eXtract Snippet
Extract HTML/CSS snippets from websites. Inspect an element and eXtract HTML CSS
什麼是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 |
| 官方網址 | 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": [
" | |
