浏览器的开发者工具使用介绍

浏览器的开发者工具使用介绍

浏览器开发者工具（通常称作devtools）是一种网页开发者测试和调试代码的工具，一般内置于网页浏览器或者作为浏览器的附加组件使用。不同于网站创建器或者集成开发环境，Web 开发工具不直接参与网站的创建，而用于测试网站或网页应用的用户界面。Web 开发工具便于开发人员调试各种浏览器网页处理技术，例如HTML、CSS、DOM、JavaScript，显示每个资源页面的请求以及载入所花费的时间等。

打开浏览器后，按下F12键，可以打开浏览器自带的开发工具，它有多个面板。Microsoft Edge浏览器的参见下图：

【打开浏览器空白页的命令about:blank

about:blank是打开浏览器空白页的命令——内置在浏览器中的命令，可以打开浏览器空白页（没有任何内容）。在Firefox、Chrome、Edge、Safari等浏览器的地址栏输入about:blank回车将打开浏览器空白页，打开浏览器但没有保留任何上次浏览会话中的任何内容。这实现了在没有网络的情况下即可启动浏览会话，又因为它是空白的，这给了你更多的自由来决定你这次用它做什么。