浏览器开发者工具笔记

浏览器开发者工具,开发网页必备的工具。

打开浏览器开发者工具

我目前用的两种方式

  1. 快捷键 F12
  2. 右键 - 检查

查看浏览器中使用的HTML代码

浏览器会对原始的 HTML 进行纠错,标准化等操作,可以通过下面的方式查看

  1. 打开浏览器开发者工具

  2. 在选项卡中点击元素,下面会自动显示出 HTML 代码。(谷歌浏览器不行,我用了 edge 可以)

    示例如下,如果你选中 HTML 相应的代码,下面应该是显示该部分使用的样式,最下面的控制台会给出报错信息,也是输入 JS 代码的地方。

  • 版权声明: 本博客所有文章除特别声明外,著作权归作者所有。转载请注明出处!
  • Copyrights © 2019-2026 Vincere Zhou
  • 访问人数: | 浏览次数:

请我喝杯茶吧~

支付宝
微信