Handy menu shortcuts to remember

Easy access to the Web Inspector
To easily inspect any element on a web page, follow these steps.
1. Highlight that element in the browser window, the same way you
would highlight text in a word-processing program, and right-click
your mouse.
The contextual menu appears.
2. Choose Inspect Element.
The Elements pane in the Web Inspector opens with the text or other
object that you highlighted.


View Source
As helpful as the Web Inspector is for debugging and figuring out what’s
going on with a web page, sometimes you just need to see all the HTML that
makes up a page. Viewing the source can also be a great learning tool —
when you see a page that you really like, you can simply view the source and
get an idea for how that page was built.
I encourage you to use view source often, especially as you work your way
through the next part of this book, to see what’s going on with various web
pages and web apps.

You can also go to www.dummies.com/go/webkit and find all the code
examples and example web apps in this book. Use View Source to see and
then copy the source code for these apps, and save yourself some typing.
The keyboard shortcut for View Source is
✓ In Mac OS X: Command-Option-U
✓ In Windows: Ctrl+Alt+U