以下是谷歌浏览器网页调试工具使用指南：
1. 打开方式：在Windows上按Ctrl+Shift+I或F12，在Mac上按Cmd+Opt+I；右键点击页面元素，选择“检查”或“Inspect”；点击右上角的三点菜单，选择“更多工具”，然后点击“开发者工具”。
2. 元素面板使用：可查看和编辑网页的DOM结构，并实时看到修改后的效果。选中元素后，右侧Styles中Ctrl+鼠标左键（Mac上的Cmd+鼠标左键）一个CSS属性名，开发调试工具会在Sources面板跳转定位到定义这个CSS属性的位置。
3. 强制激活伪类：右侧Styles中的:hov按钮可以让你为选中的元素启用/禁用状态，或者元素右键选择强制执行状态，从而看到元素的激活、悬停、聚焦状态的样式。
4. 添加新类名：右侧Styles中的:cls按钮可以让你为选中的元素增加新的类名。
5. 新建样式规则：右侧Styles中的+按钮可以让你为选中的元素新建样式规则。
6. 快速隐藏与显示元素：选中元素，按下h可快速隐藏、显示该元素。