打开浏览器自带的工具，用它来检查、测试和诊断一个页面。
在 Kodokon 中打开本课你的浏览器里藏着一整套工作台，早就装好了，免费，而且大多数人一辈子都不会打开它。它叫做开发者工具，通常简称 devtools。要打开它，按 F12，或者在页面上任意位置右键点击，然后选择“检查”。在 Mac 上，快捷键是 Cmd + Option + I。接着窗口的侧边或者底部会打开一个面板，上面有好几个标签页。
第一个标签页叫元素（Elements）或者检查器（Inspector），具体名字取决于你用的浏览器，它显示的是此刻存在于浏览器内存里的页面 HTML。把鼠标移到某一行上：页面里对应的区域就会亮起来。双击一段文字：你可以直接改写它，并且立刻看到变化。想搞懂一个页面是怎么搭起来的，最好的办法就是去拆别人的页面。
控制台（Console）标签页是你以后待得最久的地方。出问题的时候，它会用红色显示错误信息；同时它还接受你直接输入的指令，这些指令会在你当前打开的这个页面的上下文里执行。随便找个网站试试：输入一行，按回车，看看会发生什么。
document.title
document.querySelectorAll("a").length
document.body.style.background = "gold"网络（Network）标签页把你在前几课学到的东西全都变成了看得见的。打开它，然后按 F5 重新加载页面：每个请求都会单独占一行，显示它的地址、方法、状态码、大小和耗时。红色的那一行表示这个请求失败了。比如说，一张图片显示不出来是因为它返回了 404，你就是在这里发现的。