谷歌浏览器（google chrome）的开发者工具是一个非常强大的工具，可以帮助你调试和优化网页。以下是一些基本的调试技巧：
1. 打开开发者工具：在谷歌浏览器中，点击右上角的三个点，然后选择“检查”或“开发者工具”。
2. 设置断点：在你想要测试的代码行上点击，然后按 `f10` 键。这将暂停执行，直到你再次按下 `f10`。
3. 单步执行：当你的程序运行到断点时，它会暂停并显示一个控制台窗口，你可以在这里输入命令来控制程序的执行。
4. 查看变量值：在开发者工具中，你可以查看当前正在执行的代码的变量值。这可以帮助你理解程序的状态。
5. 查看堆栈跟踪：当你的程序抛出异常时，开发者工具会显示一个堆栈跟踪，显示了异常发生的位置以及调用栈。
6. 使用console.log()：在你想要输出信息的地方，使用 `console.log()` 函数。例如，`console.log('Hello, world!')` 会在控制台输出 "Hello, world!"。
7. 使用console.error()：如果你想要在控制台输出错误信息，可以使用 `console.error()` 函数。例如，`console.error('This is an error message')` 会在控制台输出 "This is an error message"。
8. 使用console.info()：如果你想要在控制台输出信息，可以使用 `console.info()` 函数。例如，`console.info('This is an info message')` 会在控制台输出 "This is an info message"。
9. 使用console.warn()：如果你想要在控制台输出警告信息，可以使用 `console.warn()` 函数。例如，`console.warn('This is a warning message')` 会在控制台输出 "This is a warning message"。
10. 使用console.assert()：如果你想要在控制台输出断言信息，可以使用 `console.assert()` 函数。例如，`console.assert(true, 'Assertion failed')` 会在控制台输出 "Assertion failed"，如果断言失败，还会抛出一个错误。
11. 使用console.time()和console.timeEnd()：如果你想要在控制台输出时间信息，可以使用 `console.time()` 函数开始计时，使用 `console.timeEnd()` 函数结束计时。例如，`console.time('my time')` 和 `console.timeEnd('my time')` 会在控制台输出 "my time"，表示从开始到结束的时间。
12. 使用console.dir()：如果你想要在控制台输出对象的所有属性和方法，可以使用 `console.dir()` 函数。例如，`console.dir(obj)` 会在控制台输出 "obj"，表示对象的详细信息。
以上就是一些基本的调试技巧，希望对你有所帮助。