DOM to JSON Selector

The tool extracts element details for highlighted component of webpage DOM.

What is DOM to JSON Selector?

DOM to JSON Selector is a Chrome extension developed by victor013, and its main feature is "The tool extracts element details for highlighted component of webpage DOM.".

Extension Screenshots

screenshot
screenshot

Download DOM to JSON Selector Extension CRX File

Download DOM to JSON Selector 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

                        The "DOM to JSON Selector" is a modified version of the "DOM to JSON Converter" Extension. The selector allows users to choose a specific element. Just click on the extension icon and hover over the webpage. As you hover over an element, it would highlighted. Click on the element you would like to get the DOM-JSON of.

The extension would then extract the node name, depth, id, src, href, alt and text content of the selected element and it's children.                    

Extension Basic Information

Name DOM to JSON Selector DOM to JSON Selector
ID mgnnbcacopddmbmikjmhadpchchcekln
Official URL https://chromewebstore.google.com/detail/dom-to-json-selector/mgnnbcacopddmbmikjmhadpchchcekln
Description The tool extracts element details for highlighted component of webpage DOM.
File Size 48.55 KB
Installation Count 384
Current Version 1.1
Last Updated 2017-08-16
Publish Date 2017-08-15
Developer victor013
Payment Type free
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "DOM to JSON Selector",
    "version": "1.1",
    "description": "The tool extracts element details for highlighted component of webpage DOM.",
    "browser_action": {
        "default_title": "DOM-JSON Selector"
    },
    "background": {
        "scripts": [
            "background.js"
        ]
    },
    "content_scripts": [
        {
            "js": [
                "js\/jquery-3.2.1.min.js"
            ],
            "css": [
                "css\/style.css"
            ],
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*"
            ],
            "run_at": "document_end"
        }
    ],
    "offline_enabled": false,
    "permissions": [
        "activeTab"
    ],
    "web_accessible_resources": [
        "css\/*.css",
        "js\/*.js"
    ],
    "icons": {
        "16": "icons\/icon16.png",
        "32": "icons\/icon32.png",
        "64": "icons\/icon64.png",
        "128": "icons\/icon128.png"
    }
}