The tool extracts element details for highlighted component of webpage DOM..
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.
You can Follow the below Step By Step procedure to install the DOM to JSON Selector Chrome Extension to your Chrome Web browser.
It is the DOM to JSON Selector Chrome extension download link you can download and install Chrome Browser.
Tags: Json Converter , Selected Element , Dom Json , Element Details , Webpage Dom , Depth Id Src Href Alt , Tool Extracts Element Details , Text Content , Node Name , Json Selector , Specific Element , Extension Icon ,
Assign keys to click for you
Export table(s) in the web pages into downloadable CSV, JSON file(s)
Easy, powerful CSS Selector generation.
JSON online formatting tool. Simple, quick and easy to use.
Build CSS selector for any element. Intended for use with Selenium, but works very well for building CSS or jQuery selectors
Generate a copiable CSS Selector with a mouseover without Devtool
Minimal JSON Viewer with JSON Path
Makes JSON easy to read. Open source.
Extends the Developer Tools and context menu, adding a sidebar that displays the css path of DOM element.
Visual selection of page element, navigate to parent, build XTag Selector (for XTagManager and Schneider Electric Tag Manager)