Differences
This shows you the differences between two versions of the page.
Last revisionBoth sides next revision | |||
grab_xpaths_with_firebug [2007/10/17 17:48] – created kdiment | dev:grab_xpaths_with_firebug [2011/07/23 10:40] – redirect ajlyon | ||
---|---|---|---|
Line 1: | Line 1: | ||
- | ====== Quick guide to grabbing xpath expressions with Firebug ====== | + | See [[dev:technologies# |
- | + | ||
- | You can get Firebug, a Firefox web developer extension from [[http:// | + | |
- | + | ||
- | First install | + | |
- | + | ||
- | {{firebug2.png|}} | + | |
- | + | ||
- | {{firebug1.png|}} | + | |
- | + | ||
- | Firebug displays a tick if there are no javascript errors and a cross if there are one or more errors. | + | |
- | + | ||
- | + | ||
- | Click on the tick or cross and you get to see a lot of details about the current document which you are viewing: | + | |
- | + | ||
- | {{firebug3.png}} | + | |
- | + | ||
- | Next up, click on the " | + | |
- | + | ||
- | {{firebug4.png}} | + | |
- | + | ||
- | The next step is a little tricky. | + | |
- | + | ||
- | Then we paste the xpath expression into our editor: | + | |
- | + | ||
- | < | + | |
- | / | + | |
- | </ | + | |
- | + | ||
- | We can edit this xpath down to something with a relative path: | + | |
- | + | ||
- | < | + | |
- | // | + | |
- | </ | + | |
- | + |