User:Proteins/Writing scripts for Wikipedia: Difference between revisions
Content deleted Content added
firefox 3 instructions |
Google Chrome and new section |
||
| Line 1: | Line 1: | ||
==How to access the DOM tree== |
==How to access the DOM tree in your browser== |
||
The DOM tree is created by the browser, and most browsers allow you to see it. The following instructions should allow you to see it in different browsers: |
The DOM tree is created by the browser, and most browsers allow you to see it. The following instructions should allow you to see it in different browsers: |
||
* In [[Mozilla Firefox 3|Firefox 3]], the best approach is to download an add-on known as "[https://addons.mozilla.org/en-US/firefox/addon/6622 DOM inspector]". Once added, it should appear under the "Tools" menu in the top bar of the browser, which is next to the "Bookmarks" menu". DOM Inspector can also be activated using the keycode Ctrl-Shift-I. |
* In [[Mozilla Firefox 3|Firefox 3]], the best approach is to download an add-on known as "[https://addons.mozilla.org/en-US/firefox/addon/6622 DOM inspector]". Once added, it should appear under the "Tools" menu in the top bar of the browser, which is next to the "Bookmarks" menu". DOM Inspector can also be activated using the keycode Ctrl-Shift-I. |
||
* In [[Google Chrome]], you right-click on the part of the page you're interested in, which summons a menu. At the bottom of that menu is the choice "Inspect element", which shows the position of the element in the DOM tree. |
|||
==The DOM tree of typical Wikipedia pages== |
|||
Inspecting the DOM tree of Wikipedia articles will reveal a common architecture. |
|||
Revision as of 12:28, 30 October 2008
How to access the DOM tree in your browser
The DOM tree is created by the browser, and most browsers allow you to see it. The following instructions should allow you to see it in different browsers:
- In Firefox 3, the best approach is to download an add-on known as "DOM inspector". Once added, it should appear under the "Tools" menu in the top bar of the browser, which is next to the "Bookmarks" menu". DOM Inspector can also be activated using the keycode Ctrl-Shift-I.
- In Google Chrome, you right-click on the part of the page you're interested in, which summons a menu. At the bottom of that menu is the choice "Inspect element", which shows the position of the element in the DOM tree.
The DOM tree of typical Wikipedia pages
Inspecting the DOM tree of Wikipedia articles will reveal a common architecture.