eXtract Snippet

Extract HTML/CSS snippets from websites. Inspect an element and eXtract HTML CSS

What is eXtract Snippet?

eXtract Snippet is a Chrome extension developed by Melwyn Pawar, and its main feature is "Extract HTML/CSS snippets from websites. Inspect an element and eXtract HTML CSS".

Extension Screenshots

screenshot

Download eXtract Snippet Extension CRX File

Download eXtract Snippet extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        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.                    

Extension Basic Information

Name eXtract Snippet eXtract Snippet
ID bfcjfegkgdoomgmofhcidoiampnpbdao
Official URL https://chromewebstore.google.com/detail/extract-snippet/bfcjfegkgdoomgmofhcidoiampnpbdao
Description Extract HTML/CSS snippets from websites. Inspect an element and eXtract HTML CSS
File Size 297 KB
Installation Count 10,398
Current Version 1.5
Last Updated 2016-04-20
Publish Date 2016-04-20
Rating 3.11/5 Total 38 Ratings
Developer Melwyn Pawar
Payment Type free
Supported Languages 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"
}