如何使用谷歌浏览器调试网页

2025-04-11 18:33:00

1、打开谷歌浏览器并登录需要查看源代码的网页

如何使用谷歌浏览器调试网页
如何使用谷歌浏览器调试网页

2、鼠标单击右键,找到并点击检查

如何使用谷歌浏览器调试网页

3、关闭不需要的窗口并调整开发者工具窗口至适当大小

如何使用谷歌浏览器调试网页

4、点击开发者工具左上角的箭头

如何使用谷歌浏览器调试网页

5、将箭头移至你想要查看的位置并单击

如何使用谷歌浏览器调试网页

6、开发者工具框左侧有蓝色背景的代码即为你想要查看的代码(可以适当拖动工具框以方便查看代码)

如何使用谷歌浏览器调试网页

7、开发者工具框右侧即为该段代码的样式

如何使用谷歌浏览器调试网页

8、点击开发者工具框右侧的computed

如何使用谷歌浏览器调试网页

9、在搜索框中搜索你想要知道的样式

如何使用谷歌浏览器调试网页
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢