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”。

扩展截图

screenshot

下载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 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"
}