|View Source Chart by Jennifer Madden|
Get the View Source Chart bookmarklet
1. Choose one of these bookmarklet versions:
3. Click the bookmarklet to launch the source chart for a given page.
If you are not sure how to install a bookmarklet, watch the video demo below!
Because iPad installation is unique, watch the how to install a bookmarklet on iPad video (here) if you are unsure how to proceed.
How to Install various bookmarklet versionsThe demo video uses the Chrome browser, but installation is similar on other browsers. The PageEdit editor extension for Chrome is used in the "embed in page" portion of the demo.
Note: iPad Safari does not display the video's captions, so it may be more useful to view the video on a laptop or PC.
How to install bookmarklet on iPad Safari
"This Simple Tool can make it easier and faster for any Web developer to debug a design"
"...the most accessible DOM inspector available to web developers. (This) extension should be standard in every web developer's toolkit."
What Why & How Get the bookmarklet