FirePath for Firefox

XPath allows you to identify an element on a webpage as addresses do in real life. With FireBug, you can edit and manage the CSS, HTML, and javascript in real-time. FireBug and FirePath add-ons extend this idea to give you a convenient way to manage your web development.

FireBug integrates with the Firefox browser and gives you a wide array of tools for web development within the browser environment. It allows you to view and edit CSS, HTML, and javascript on any webpage. FirePath add-on for the FireBug extension enables you to add development tools to edit XPath expressions and CSS selectors on any page. 

Installation can't be more straightforward. From the menu Tools>>Web Developer>>Get More Tools, go to the web page where you can find the FireBug add-on. Install it like you would with any other add-on. You can start it by pressing the F12 button on your keyboard. Then install the FirePath add-on from the same page. 

It extends the FireBug add-on allowing real-time monitoring

To use FirePath, open the FireBug add-on, and navigate to the FirePath tab. From that tab, you can view and edit any web element. Just locate the XPath edit field, which points to the desired web element, and you can inspect and then edit your custom XPath, which can then be verified using the highlight button. 

FirePath add-on makes inspecting, editing, and testing the XPath straightforward. You can copy the XPath of any selected web elements quickly and reuse the values in other projects.

Features:

• Inspect HTML sources after processing
• Highlight changes in HTML source for easier inspection
• Real-time, on the fly inspection of the codes
• Easily copy any HTML code on a page 

FirePath add-on will let you extend the capabilities of your FireBug add-on by giving you the options to change, view, and make the XPath and CSS selector locations.