This extension will help determine unique selenium webelement that can be used with PageFactory to initialize elements on the page..
Overview:
Tired of typing json files for the automation of your webpages?
Installed an element locator extension in your browser to inspect elements?
Cool, no doubt about it, but how about an extension which can generate json files for all the inspected elements of your webpage?
Well, this extension resolves this hassle.
Guide to use:
• Add Element Inspector extension to your browser.
• Turn the extension on (eye icon will be shown).
• Hover mouse on the element.
• Press:
1. ‘X’ for XPath.
2. ‘C’ for Class Name.
3. ‘S’ for CSS Selector.
4. ‘N’ for Name.
5. ‘I’ for ID.
6. ‘F’ for Full XPath.
• Enter the Key in the prompt to save the JSON object against that key and click OK.
TADA!
Maintain your JSON in the same fashion and have fun!
Setup Guide for Element Inspector:
Chrome (In case of locally deployed websites):
• Create a copy of google chrome.
• Append --disable-web-security --user-data-dir=~/chromeTemp after the target’s address: for example: "C:\Users\JohnDoe\AppData\Local\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir=~/chromeTemp
• Open google chrome and add this extension.
• Route to chrome://flags/#block-insecure-private-network-requests
• Disable Block insecure private network requests.
Server:
• Download and install Node.js
• Download the repository and unzip it to some location, i.e. Desktop.
• Open index.js file in the visual studio code.
• Open the terminal of Visual Studio code.
• Run the command npm i
• Run command as, node .\index.js
Switch the extension on, hover mouse to some element on webpage and press Keys (i.e. x, s, n etc.).
JSON File should be created as Sample.json in the folder of nodetest.
Link for node server repository:
https://github.com/JawadRehmanCS/NodeServer
You can Follow the below Step By Step procedure to install the Eye Web Element V3.0 Chrome Extension to your Chrome Web browser.
It is the Eye Web Element V3.0 Chrome extension download link you can download and install Chrome Browser.
Tags: Json File , Element Inspector , Json Files , Google Chrome , Chrome Block Insecure , Generate Json Files , Element Inspector Extension , Private Network Requests , Open Google Chrome , Disable Block Insecure , Visual Studio Code , Append Disablewebsecurity Userdatadir Chrometemp , Unique Selenium Webelement , Element Locator Extension , Disable Web ,
Get web element information like locator, name, size and position.
Solve a series of challenging puzzles by collecting tokens and turning your element into Earth, Water, Fire and Air
Remove an HTML element from the context menu (right-click).
Inspect element for content, and margin.
Take screenshot of any HTML element on a webpage.
Only keep the single element visible by a click
Chromium - in the element series
A theme based of the Nord colour swatch by arctic ice studios
Enhance the element selection function of the debugging tool, which can mark element borders and sizes, and mark the spacing…
Capture an element in html