当我们开发网页或应用程序时，经常需要对JavaScript代码进行调试。谷歌浏览器提供了强大的调试工具，让我们可以轻松地调试JavaScript代码。
步骤
下面是如何在谷歌浏览器中启动JavaScript调试器的详细步骤：
打开谷歌浏览器并进入需要调试的网页或应用程序。
点击浏览器右上角的“三个点”图标，选择“更多工具” > “开发者工具”，或直接按下快捷键“Ctrl+Shift+I”（Windows）或“Cmd+Option+I”（Mac）来打开开发者工具。
选择“Sources”选项卡，并找到需要调试的JavaScript文件。如果需要调试网页中嵌入的JavaScript代码，则可以在“Sources”面板的左侧栏中选择“Page”选项卡，然后展开“top”文件夹并找到相应的JavaScript文件。
在需要调试的JavaScript代码行左侧单击，设置断点。断点会在这个位置停止代码执行，方便我们进行调试。
在网页或应用程序中触发需要调试的JavaScript代码，比如点击按钮、输入内容等。此时代码执行到断点处会停止，并且开发者工具会自动切换到“Sources”选项卡并显示当前调试的文件和行号。
使用调试工具进行调试。在“Sources”选项卡中，可以查看代码变量、执行栈等信息，单步执行代码、跳过代码、恢复代码执行等操作。
示例代码
以下是一个简单的JavaScript示例代码，演示如何使用断点来调试代码：
-- -------------------- ---- ------- --------- ----- ------ ------ ------------------------------- -------- ----------------------- ---------- ------ -- - ------ ------ - - - -- --------- ------- --- ----- - - -- ----- - - -- ----- - - ------ --- ----------------- ---------- ------- ------ ------------------------- ----------------------------------------- ------- -------
在这个示例代码中，我们定义了一个名为sum的函数，该函数接受两个参数并返回它们的和。然后，我们定义了三个变量x、y和z，并将它们赋值为1、2和调用sum函数的结果。最后，我们使用console.log函数将z的值输出到控制台。
如果我们想要调试这段代码，可以按照上述步骤打开开发者工具，并在var result = a + b;这一行设置断点。然后，刷新页面并点击“请在浏览器中打开开发者工具并进入“Sources”选项卡进行调试。”这一段文字，这时代码执行到断点处会停止，我们就可以使用调试工具进行调试了。
结论
启动JavaScript调试器是前端开发中非常重要的技能之一。通过谷歌浏
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8355
