HTML and CSS Reference
var test = 0;
When the script is run and reaches this break point, the debugger has references to both the
audio and video objects, and you can explore their implementations within the debugger.
Figure 20 shows the video element in the newest Canary build for Google's Chrome. Notice
the support for several new vendor-specific properties (designated by the “webkit” prefix).
Notice also the support for the seekable property, which is of type TimeRanges . This prop-
erty is formally supported in the HTML5 specification, and, in fact, was necessary in order to
implement the fourth version of the custom media control, described in the last section.
To access the debugger for our five target browsers, follow these guidelines:
▪ For Chrome, access the Tools main menu (look for the wrench), then the Tools submenu,
and finally select Developer Tools.
▪ For Opera, access the Tools main menu, then the Advanced submenu option, and select
▪ For Safari/Webkit Nightly, select the Page main menu (document icon), and then the
▪ For Internet Explorer, press F12, or select the Tools main menu option, then the F12
Developer Tools submenu option. The Developer Tools open in a separate window. You'll
need to enable script debugging. For IE10, select the Debug menu option, then F12
▪ For Firefox, you'll need to install Firebug. Once installed, make sure the Add-on Bar is
showing, and then click the Firebug icon in the Add-on Bar.