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

2024-11-08 08:11:25

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

如何使用谷歌浏览器调试网页
猜你喜欢