Google Chrome浏览器网页调试工具的使用步骤如下：
1. 打开Chrome浏览器，访问需要调试的网页。
2. 在地址栏输入“chrome://inspect”或“chrome://inspect/”，然后按回车键。这将打开一个名为“开发者工具”的新标签页。
3. 在“开发者工具”中，点击左侧的“Console”选项卡。
4. 在“Console”选项卡中，可以看到一个控制台窗口，其中包含了各种调试信息。你可以在这里查看和修改网页的源代码、变量值等。
5. 如果你需要调试某个特定的代码片段，可以在控制台窗口中输入相应的代码，然后按回车键运行。例如，如果你想调试以下代码：
javascript
function add(a, b) {
return a + b;
}

你可以在控制台窗口中输入以下代码：
javascript
console.log(add(1, 2));

然后在控制台窗口中查看输出结果。
6. 如果你想查看网页的响应时间、加载速度等信息，可以在控制台窗口中输入以下代码：
javascript
console.time("load");
document.write("");
document.write("");
console.timeEnd("load");

然后在控制台窗口中查看输出结果，以了解网页的加载时间。
7. 如果你想查看网页的DOM结构，可以在控制台窗口中输入以下代码：
javascript
console.log(document.documentElement);

然后在控制台窗口中查看输出结果，以了解网页的根元素。
8. 当你完成调试后，可以关闭“开发者工具”。在“开发者工具”右上角，点击“X”按钮关闭工具。