Extract, edit, and evaluate xpath queries with ease. this fork from https://github.com/google/xpaf.
this is forked from ^_^ https://github.com/google/xpaf
this extension give you good xpath,not /html/div/div/div....etc (such as: //div[@prop='positionName' and '职位名称 ']//input)
xpath helper makes it easy to extract, edit, and evaluate XPath queries on any webpage.
IMPORTANT: After installing this extension, you must reload any existing tabs or restart Chrome for the extension to work.
Instructions:
1. Open a new tab and navigate to any webpage.
2. Hit Ctrl-Shift-X (or Command-Shift-X on OS X), or click the xpath helper button in the toolbar, to open the xpath helper console.
3. Hold down Shift as you mouse over elements on the page. The query box will continuously update to show the xpath query for the element below the mouse pointer, and the results box will show the results for the current query.
4. If desired, edit the xpath query directly in the console. The results box will immediately reflect your changes.
5. Repeat step (2) to close the console.
If the console gets in your way, hold down Shift and then move your mouse over it; it will move to the opposite side of the page.
One word of caution: When rendering html tables, chrome inserts artificial <tbody> tags into the DOM, which will consequently show up in queries extracted by this extension.
change log:
fix xpath return [null]
You can Follow the below Step By Step procedure to install the XPath Helper for developer Chrome Extension to your Chrome Web browser.
It is the XPath Helper for developer Chrome extension download link you can download and install Chrome Browser.
Tags: Good Xpath , Fix Xpath Return Null , Html Div Div Div , Results Box , Xpath Queries , Xpath Helper Console , Artificial Tbody Tags , Xpath Helper Button , Query Box , Xpath Helper , Xpath Query , Evaluate Xpath Queries ,
Create XPath queries select similar elements and visualize the results.
Extract, edit, and evaluate XPath queries with ease.
The extension allows you to generate a readable XPath for HTML elements
output all xpath of web page to console
Toggle active state by clicking the extention icon. Then click on the DOM element and you get JS prompt with XPATH expression in it.
Ruto brings the best XPath to you. We are striving hard to improve better performance and more new features
Woohoo, just right click on the first and second element to get the relative xpath. Have Fun!!
PreFlight let's anyone to generate unique CSS and XPath generators easily without opening the inspection tool with iframe support.
Generate and test xpath expressions hassle free with WYSIWYG GUI
Click on any element to get the xPath