关键词：

【中文标题】在谷歌浏览器中调试时如何终止脚本执行？【英文标题】：How to terminate script execution when debugging in Google Chrome? 【发布时间】：2012-10-19 12:58:15 【问题描述】：

在 Google Chrome 调试器中单步执行 JavaScript 代码时，如果我不想继续，如何终止脚本执行？我发现的唯一方法是关闭浏览器窗口。

按“重新加载此页面”会运行其余代码，甚至可以像按 F8“继续”一样提交表单。

更新：

在脚本暂停时按 F5（刷新）：

Google Chrome (v22) 运行脚本。如果脚本提交 HTTP 请求，则会显示该请求的 HTTP 响应。原始页面未刷新。 IE 9 只是冻结。但是 IE 有一个“停止调试”选项，当按下它时（前提是您之前没有按 F5），它会继续在调试器之外运行脚本。 Firebug 的行为与 Chrome 相同。

关闭然后再次打开浏览器窗口并不总是最简单的方法 因为它会杀死浏览器会话状态，这可能很重要。您的所有断点也会丢失。

更新（2014 年 1 月）：

调试时刷新：

Chrome v31：允许脚本在更多断点处运行和停止（但不提交 ajax 请求），然后刷新。 IE 11：刷新不执行任何操作，但您可以按 F5 继续。 Firefox v26：允许脚本运行但不会在更多断点处停止，提交 ajax 请求，然后刷新。

有点进步！

调试时导航到同一页面：

Chrome v31：与刷新相同。 IE 11：脚本终止，新的浏览器会话开始（与关闭和再次打开相同）。 Firefox v26：没有任何反应。

juacala 还提出了一个有效的解决方法。例如，如果您使用 jQuery，从控制台运行 delete $ 将在遇到任何 jQuery 方法时停止执行。我已经在上述所有浏览器中进行了测试，可以确认它可以正常工作。

更新（2015 年 3 月）：

最后，经过 2 年多和近 1 万次浏览，Alexander K 给出了正确答案。谷歌浏览器有自己的任务管理器，它可以杀死一个标签进程而不用关闭标签本身，保持所有断点和其他东西都完好无损。

我什至跑到 BrowserStack.com 在 Chrome v22 中对其进行测试，发现即使在当时也是如此。

在 IE 或 Firefox 中调试时，Juacala 的解决方法仍然有用。

更新（2019 年 1 月）：

Chrome 开发工具最后添加了一种停止脚本执行的正确方法，这很好（虽然有点隐藏）。有关详细信息，请参阅 James Gentes 的回答。

【问题讨论】：

在开发工具控制台中输入debugger;，它会立即将内容放入调试器并停止脚本。 James Gentes 的回答似乎是 2019 年更好的解决方案 为什么大家都在谈论停止脚本？这是关于终止/破坏所有“跟随/计划”的代码。 同意 Andre：对于希望终止当前执行 Javascript 而不会丢失窗口的人 - 下面的 Dan Dascalescu 给出了答案。 @Jake 你拯救了我的一天...简单但直接...非常感谢... 【参考方案1】：

在 Chrome 中，有“任务管理器”，可通过 Shift+ESC 或通过

访问

菜单 → 更多工具 → 任务管理器

您可以选择您的页面任务并按“结束进程”按钮结束它。

【讨论】：

chrome 48这只会关闭开发工具，不会终止它，重新打开它，你可以看到程序仍在运行（tried setInterval()） 我在“更多工具”下看不到“任务管理器”，而 shift+esc 什么也不做...（Chrome 50、OSX）虽然 Shift+ESC 在 Chrome/Windows 下工作... 哇——我想要这个很久了，而且它已经存在很多年了！这是我一年来见过的最有用的 *** 答案！ 在 Macintosh (Chrome v.63) 上，此选项显示在“窗口”菜单的第三组中。没有明显的键盘快捷键。 这会杀死标签【参考方案2】：

截至April 2018, you can stop infinite loops in Chrome：

在开发者工具中打开Sources面板（Ctrl+Shift+I**）。李> 点击暂停按钮暂停脚本执行。

还要注意快捷键：F8和Ctrl+\

【讨论】：

UI 上隐藏的宝石。 回答者有一把打开宇宙秘密的钥匙。 当您有一个无休止运行的脚本想要停止以检查控制台时，该快捷方式特别有用。谢谢。 @DanDascalescu 我有 Chrome 80.0.3987.149，它看起来一样 在我的情况下，即使用 requestAnimationFrame()，Chrome 会继续工作，因此无论脚本是否暂停，CPU 使用率都是 100%。【参考方案3】：

2020 年 4 月更新

从 Chrome 80 开始，当前的答案都不起作用。没有可见的“暂停”按钮 - 您需要长按“播放”按钮才能访问停止图标：

【讨论】：

感谢上帝！对 OP 问题的真正回答。 @user1023110：我不了解上帝，但不客气 :) 我没有看到停止图标 @SuperUberDuper 你必须按下播放/暂停键，等待下拉菜单出现，然后拖动光标停止图标，然后释放。 我希望我能多次投票！这是对 OP 问题的真正答案，至少在 Chrome 再次更新并[重新]移动此功能之前...【参考方案4】：

您可以这样做的一种方法是暂停脚本，查看您当前停止的位置后面的代码，例如：

var something = somethingElse.blah;

在控制台中，执行以下操作：

delete somethingElse;

然后播放脚本：尝试访问somethingElse时会出现致命错误，脚本会死掉。瞧，你已经终止了脚本。

编辑：最初，我删除了一个变量。这还不够好。您必须删除 JavaScript 尝试访问其属性的函数或对象。

【讨论】：

you have to delete a function or an object 真是个讨厌的黑客！ （在 UI 中，它很适合作为 kill all 按钮） 这很恶心，但我想不出别的办法。 一年后我又回到了同样的问题……我想不通！有没有办法让它更通用？ 你不知道如何终止脚本执行？我一直都能做到这一点。您是否有一个不允许您以这种方式杀死脚本的示例？ @Hashim，您需要能够在函数内放置断点。因此，请确保函数内部与函数定义位于不同的行上。在您的情况下，您需要在控制台中，一旦暂停，输入“document.getElementById('see_older').parentNode.removeChild(document.getElementById('see_older'));”。这是因为您在 javascript 中没有任何东西可以破解。不幸的是，这也改变了 HTML。如果您可以将代码更改为“var el = document.getElementById('see_older');\n el.getEl...”，那么您可以执行“delete el;”这将阻止它。【参考方案5】：

如果您在使用debugger 语句时遇到这种情况，

debugger;

...然后我认为页面将继续运行直到 js 运行时产生或下一次中断。假设您处于错误中断模式（暂停图标切换），您可以通过执行以下操作来确保发生中断：

debugger;throw 1;

或者调用一个不存在的函数：

debugger;z();

（当然，如果您尝试单步执行函数，这无济于事，但也许您可以在 Sources 面板中动态添加 throw 1 或 z() 或类似内容，按 ctrl-S 保存，然后ctrl-R 刷新...但是，这可能会跳过一个断点，但如果您处于循环中，则可能会起作用。）

如果您正在执行循环并希望再次触发 debugger 语句，则可以直接键入 throw 1。

throw 1;

然后当你按下 ctrl-R 时，下一个 throw 就会被命中，页面会刷新。

（使用 Chrome v38 测试，大约 2017 年 4 月）

【讨论】：

【参考方案6】：

参考@scottndecker 对下面question 的回答，chrome 现在在开发者工具下提供了“禁用 JavaScript”选项：

右上角垂直... 设置 在“首选项”下，转到最底部的“调试器”部分并选择“禁用 JavaScript”

好消息是您可以通过选中/取消选中它来停止并再次重新运行。

【讨论】：

如果你因为在开发者工具菜单和 Chrome 菜单之间感到困惑而投了反对票，那非常可悲:( 对我不起作用。我选中了禁用 JavaScript 框，但脚本仍在运行。【参考方案7】：

这是个好问题。我认为您不能终止脚本执行。虽然我从来没有找过，但我在工作中使用 chrome 调试器已经很长时间了。我通常在我的 javascript 代码中设置断点，然后调试我感兴趣的代码部分。当我完成调试该代码时，我通常只运行程序的其余部分或刷新浏览器。

如果您想阻止脚本的其余部分被执行（例如，由于将要进行 AJAX 调用）您唯一能做的就是在控制台中删除该代码 - fly，从而阻止这些调用被执行，那么你可以毫无问题地执行剩余的代码。

我希望这会有所帮助！

P.S：我试图在以下一些教程/指南中找到终止执行的选项，但找不到。正如我之前所说，可能没有这样的选择。

http://www.codeproject.com/Articles/273129/Beginner-Guide-to-Page-and-Script-Debugging-with-C

http://www.nsbasic.com/app/tutorials/TT10.htm

【讨论】：

我帮忙了吗？似乎没有终止选项，但是为了防止执行以下代码，您可以在之前对其进行注释或删除以下代码/在 Chrome 调试器中调用“live”（后一个选项将使继续按钮表现得像一个终止）。我知道它们不是理想的解决方案，但我认为它们是最容易接受的。有cmets吗？ 在许多情况下，需要阻止执行的代码位于调用堆栈（当前函数返回后将获得控制权的函数）。当然，我可以在调用堆栈中向上编辑函数，然后找到并编辑所有可能被异步调用的函数。我敢肯定，如果在按下“页面刷新”按钮时它被暂停，浏览器刷新页面而脚本仍处于暂停状态肯定是一件微不足道的事情。我也认为这应该是任何浏览器的预期行为（不幸的是，它不是）。 其实我找到了一种解决方法来实现脚本执行的终止！：在chrome中，我打开调试器来调试我的一个应用程序并设置了一个断点。我运行页面。执行在断点处暂停。然后我检查问题并了解导致错误的原因。 要终止执行 我单击 URL 旁边的 X 按钮（停止页面加载），然后在继续执行脚本 (F8) 时它将终止。我认为，实现它的方法相当简单。你觉得这个怎么样？ Chrome 中的 X 按钮在页面加载后被刷新按钮替换，因此之后无法按 X（我也在 IE 中尝试过，它一直都有可用的 X，但是它总是冻结）。我还在页面加载期间测试了您的建议，发现按 X 和 F8 后脚本没有终止。很可能在按下 X 时尚未加载到浏览器中的脚本之后没有加载，但这应该很明显。 哦，你是对的，这是一个快速测试，没有代表性......然后似乎没有解决方案。【参考方案8】：

您可以暂停任何我认为在调试此类场景时非常有用的 XHR 模式。

例如，我在包含“/”的 URL 模式上给出了断点

【讨论】：

【参考方案9】：

如果您有恶意循环，请暂停 Google Chrome 调试器中的代码（源标签中的“||”小按钮）。

切换回 Chrome 本身，打开“任务管理器”（Shift+ESC），选择您的选项卡，单击“结束进程”按钮。

您将收到 Aww Snap 消息，然后您可以重新加载 (F5)。

正如其他人所指出的，在暂停点重新加载页面与重新启动流氓循环相同，如果调试器随后也锁定（在某些情况下会导致重新启动 chrome 甚至 PC ）。调试器需要一个“停止”按钮。 Nb：接受的答案已经过时，因为它的某些方面现在显然是错误的。如果你投票给我，请解释一下:)。

【讨论】：

有一个better way。【参考方案10】：

在“开发人员工具”中打开源代码选项卡，单击正在运行的脚本中的行号，这将创建一个断点，调试器将在那里中断。

【讨论】：

【参考方案11】：

本文上面提到的这个问题有很多合适的解决方案，但我发现了一个小技巧，可以插入到脚本中或粘贴到 Chrome 控制台（调试器）中来实现它：

jQuery(window).keydown(function(e)  if (e.keyCode == 123) debugger; );

这将导致在您点击F12 时暂停执行。

【讨论】：

如果你（希望）不使用 jQuery 怎么办？ 然后使用纯Javascript，比如document.addEveneListner..来获取keydown事件..

如何调试nodejs程序在谷歌浏览器

参考技术A该工具基于Electron将Node.js和Chromium的功能融合在了一起。它的目的在于为调试、分析和开发Node.js应用程序提供一个简单的界面。你可以使用npm来安装它:npminstall-gdevtool在某种程度上，我们可以用它来作为nodeshell命令的替... 查看详情

如何自动终止脚本内命令的无限执行？

...它发生时，我想终止该命令的进程并继续执行脚本。我用谷歌搜索并试图找到重复的答案-没有结果：("myProgram"是bash脚本中的一个C语言简 查看详情

插入新行时在谷歌电子表格上触发脚本

】插入新行时在谷歌电子表格上触发脚本【英文标题】：Triggerscriptongooglespreadsheetwhenanewrowisinserted【发布时间】：2015-05-1614:22:31【问题描述】：我正在谷歌电子表格上运行一个脚本，该脚本应该由来自Zapier(www.zapier.com)的zap的onChan... 查看详情

javascript的window.close()在谷歌和火狐下失效

...  解释：  为了阻止恶意的脚本终止用户的浏览器。只有通过JavaScript代码打开的窗口才能够由JavaScript代码关闭，如某个窗口可以通过调用self.close()或只调用close()来关闭其自身。在IE中， 查看详情

如何在谷歌脚本中定义模式而不是使用模式检测？

】如何在谷歌脚本中定义模式而不是使用模式检测？【英文标题】：Howtodefineschemainthegooglescriptinsteadofusingschemadetect?【发布时间】：2021-07-0813:15:10【问题描述】：我一直在使用以下google脚本将表格从云存储上传到bigquery。trysource="g... 查看详情

为啥同一网页在谷歌浏览器中另存为 PDF 时字体大小不同？

】为啥同一网页在谷歌浏览器中另存为PDF时字体大小不同？【英文标题】：WhythesamewebpagehavedifferentfontsizewhensaveasPDFinGoogleChrome?为什么同一网页在谷歌浏览器中另存为PDF时字体大小不同？【发布时间】：2020-09-0821:11:33【问题描述】... 查看详情

谷歌浏览器中的用户脚本调试

】谷歌浏览器中的用户脚本调试【英文标题】：UserScriptDebugginginGoogleChrome【发布时间】：2010-12-0803:50:37【问题描述】：在Chrome中调试自定义用户脚本（又名Greasemonkey）的最佳方法是什么？有没有办法在开发者工具中启用用户脚本... 查看详情

仅在谷歌浏览器中删除 Summernote 中的字符时出错

】仅在谷歌浏览器中删除Summernote中的字符时出错【英文标题】：Errordeletingcharacterinsummernoteonlyingooglechrome【发布时间】：2019-05-0903:37:29【问题描述】：代码SummernoteHTML<divclass="col-lg-12col-md-12col-xs-12"><divclass="form-group"><divi... 查看详情

如何在谷歌浏览器中禁用站点隔离？

】如何在谷歌浏览器中禁用站点隔离？【英文标题】：HowtodisableSiteIsolationinGoogleChrome?【发布时间】：2018-07-1307:57:42【问题描述】：Chrome67在Windows、Mac、Linux和Chrome操作系统上启用了SiteIsolation，这会增加10-13%的内存使用量，并给We... 查看详情

如何在谷歌浏览器中一步删除所有断点？

】如何在谷歌浏览器中一步删除所有断点？【英文标题】：HowtoremoveallbreakpointsinonestepinGoogleChrome?【发布时间】：2011-06-2115:47:28【问题描述】：使用版本11。[更新]现在有一个featurerequest。[更新]featurerequest已关闭（2011年12月）！【... 查看详情

如何在没有 ScriptDB 的情况下在谷歌应用程序脚本中汇集连接？

】如何在没有ScriptDB的情况下在谷歌应用程序脚本中汇集连接？【英文标题】：HowtopoolaconnectioningoogleappsscriptwithoutScriptDB?【发布时间】：2014-06-0911:33:12【问题描述】：我希望以类似的方式asdescribedinthisquestion建立连接。但是我不想... 查看详情

为啥设置“可见性：隐藏”时表格单元格边框在谷歌浏览器中消失和“边界崩溃：崩溃；”？

】为啥设置“可见性：隐藏”时表格单元格边框在谷歌浏览器中消失和“边界崩溃：崩溃；”？【英文标题】：WhydotablecellbordersdisappearinGoogleChromewhensetting"visibility:hidden;"and"border-collapse:collapse;"?为什么设置“可见性... 查看详情

在谷歌浏览器中禁用检查元素，右键单击和 F12

】在谷歌浏览器中禁用检查元素，右键单击和F12【英文标题】：Disablinginspectelement,rightclickandF12ingooglechrome【发布时间】：2014-01-0617:41:57【问题描述】：有没有办法在谷歌浏览器中禁用检查元素、右键单击和F12？【问题讨论】：参... 查看详情

如何在电子表格中的日历谷歌中获得执行操作的权限

】如何在电子表格中的日历谷歌中获得执行操作的权限【英文标题】：Howtogetpermissiontoperformactionincalendargoogleinspreadsheet【发布时间】：2019-12-2919:43:34【问题描述】：我在Google表格的脚本编辑器中编写了一个代码，以在Google日历中... 查看详情

websocket的客户端端口号如何在谷歌浏览器中获取

】websocket的客户端端口号如何在谷歌浏览器中获取【英文标题】：HowclientportnumberofwebsocketgetinGoogleChrome【发布时间】：2020-07-2911:40:38【问题描述】：在javascript中创建一个websocketconnect使用newWebSocket("ws://localhost:8080/ws")然后使用一个... 查看详情

在谷歌应用程序脚本中解析 html 的最佳方法是啥

】在谷歌应用程序脚本中解析html的最佳方法是啥【英文标题】：Whatisthebestwaytoparsehtmlingoogleappsscript在谷歌应用程序脚本中解析html的最佳方法是什么【发布时间】：2013-10-2714:55:14【问题描述】：varpage=UrlFetchApp.fetch(contestURL);vardoc=X... 查看详情

我需要在我的谷歌驱动器中显示一个 pdf 作为缩略图，在谷歌表中..如何使用谷歌脚本？

】我需要在我的谷歌驱动器中显示一个pdf作为缩略图，在谷歌表中..如何使用谷歌脚本？【英文标题】：Ineedtodisplayapdfinmygoogledriveasathumbnail,inagooglesheet..howtodoitUsinggooglescript?【发布时间】：2020-01-2002:30:39【问题描述】：我在google... 查看详情

如何在谷歌浏览器中设置兼容性视图

...在谷歌商店或者网上搜索下载谷歌插件IETab,然后打开谷歌浏览器，点击右上角地址栏后面的三条设置按钮。2、在下拉列表中选择“设置”。3、选择“扩展程序”选项。4、将下载好的文件夹中的IETab插件直接拖入谷歌浏览器中。5... 查看详情