11.4.4 打开浏览器的开发者工具

除了查看网页的源代码，你还可以利用浏览器的开发者工具，来检查页面的HTML。在 Windows 版的Chrome 和 IE 中，开发者工具已经安装了。可以按下 F12，让它们出现（参见图 11-4）。再次按下 F12，可以让开发者工具消失。在 Chrome 中，也可以选择 View⯈Developer⯈Developer  Tools，调出开发者工具。在 OS  X 中按下 -Option-I，将打开 Chrome 的开发者工具。
对于Firefox，可以在 Windows 和Linux 中需要按下 Ctrl-Shift-C，或在 OS X 中按下 -option-C，调出开发者工具查看器。它的布局几乎与 Chrome 
的开发者工具一样。

图 11-4    Chrome 浏览器中的开发者工具窗口

在Safari 中，打开 Preferences 窗口，并在 Advanced pane 选中Show Develop menu in the menu bar 选项。在它启用后，你可以按下 
-option-I，调出开发者工具。
在浏览器中启用或安装了开发者工具之后，可以在网页中任何部分点击右键，在弹出菜单中选择 Inspect Element，查看页面中这一部分对应的 HTML。如果需要在 Web 抓取程序中解析 
HTML，这很有帮助。