javascript 相关问题

考虑下面这个愚蠢的例子：愚蠢的片段变量我 = 0; 同时（我< 100) { console.log(i); ...</desc> <question vote="2"> 考虑以下愚蠢的例子： <pre><code><!doctype html> <meta charset="utf-8"> <title>dumb snippet</title> <script> var i = 0; while (i < 100) { console.log(i); debugger; i += 1; } </script> </code></pre> 如果我使用 Google Chrome 的 DevTools 运行此代码，调试器会尽职尽责地在 <pre><code>debugger</code></pre> 语句处停止执行，但我还没有找到任何方法来立即中止（并重新启动）脚本。 AFAICT，按 <pre><code>Ctrl-R</code></pre> 甚至 <pre><code>Shift-Ctrl-R</code></pre>，而不是重新加载页面，只会导致执行继续。 我发现的唯一办法是显而易见的，但不必要地不方便：完全杀死选项卡/窗口，然后打开一个新的。 Google Chrome DevTools 是否提供某种方法来立即中止在<pre><code>debugger</code></pre>语句处停止的脚本？ （如果答案恰好是“否”，请不要发布解决方法。我可以想到很多解决方法，例如按住 F-8 直到循环退出，当然，这不会起作用，如果无论如何，循环结果是一个无限循环，这里我只感兴趣是否有一个“官方”方法来中止和重新启动这样的脚本。） </question> <answer tick="false" vote="1"> 你可以这样做，但你必须先准备好你的代码。 在 Google Chrome 开发工具中停止脚本执行的说明： (1) 创建一个全局变量： <pre><code>var devquit=0; $(document).ready({ //the rest of your code </code></pre> (2) 在您可能希望退出的任何地方，插入此变量的测试： <pre><code>//Lotsa code if (devquit > 0) return false; </code></pre> (3) 在上述测试行或之前暂停执行脚本 (4)切换到控制台 (5) 类型： <pre><code>> devquit 0 > devquit=1 <=== only this line is necessary > devquit 1 </code></pre> (6) 继续执行脚本。当脚本执行上面步骤 (2) 中的测试时，将会 <pre><code>return false</code></pre> <hr/> 备注： (A) 这个技巧适用于全局变量和对象，但不适用于局部变量。 (B) 因此，您仍然可以对已经运行的代码使用此技巧 IF 您有一个全局变量或一个对象，如果它具有给定值，则该对象将返回 false。 (C) 在紧要关头，您还可以从 DOM 中（在“元素”选项卡上）删除一个元素，这将导致 JavaScript 错误。例如，假设你有代码 <pre><code>var cartype = $('#cartype').val();</code></pre> 如果你删除该行代码之前 ID=<pre><code>cartype</code></pre> 的元素，那么 js 将在该行中断。 但是，当您尝试重新运行代码时，该元素仍然会丢失。上述技巧允许您无限地运行和重新运行代码。 <hr/>更多注意事项： (a) 在代码中插入断点：只需在一行中单独键入 <code>debugger;</code><pre> 即可。如果 DevTools 打开，脚本将在此时跳转到调试器。如果 DevTools 未打开，代码将忽略语句。</pre> (b) 想要在调试代码时避免跳入 jQuery 库？将其黑盒化。请参阅适用于 Chrome 的黑盒说明<a href="https://developer.chrome.com/devtools/docs/blackboxing" rel="nofollow noreferrer"> - 或 - </a>适用于 Firefox<a href="https://hacks.mozilla.org/2013/08/new-features-of-firefox-developer-tools-episode-25/" rel="nofollow noreferrer"></a> <hr/>参考资料： 使用 Google Chrome 逐行调试 Javascript<a href="https://stackoverflow.com/questions/10638059/javascript-debugging-line-by-line-using-google-chrome?rq=1"></a> 在 Google Chrome 中调试时是否可以更改 javascript 变量值？<a href="https://stackoverflow.com/questions/4603021/is-it-possible-to-change-javascript-variable-values-while-debugging-in-google-ch"></a> </answer></body>

javascript debugging google-chrome google-chrome-devtools

回答 0 投票 0

Laravel Vue axios 端点获取数据并在控制台日志中显示，但不在 Vue 模板中

我有一个 laravel 8 项目，最近从版本 7 升级。我更新了 webpack 和 package.json 等。这是我的 Vue 模板的准系统结构，它应该显示文档...

javascript php laravel vue.js axios

回答 1 投票 0

使用 [id] 参数设置 SvelteKit CRUD 路由

我正在开发一个 Svelte - Java Spring - MongoDB CRUD 应用程序，我需要处理 4 个 HTTP 请求：GET、POST、DELETE、UPDATE。我有以下问题。当我尝试访问以下内容时...

javascript svelte sveltekit

回答 1 投票 0

通过控制台获取TD元素中的所有名称

我只是尝试新事物。这是 https://lodash.com/docs/4.17.15 lodash 文档站点，左侧是包含所有功能的菜单。我想知道是否有办法提取...的所有名字

javascript google-chrome firefox console

回答 1 投票 0

为什么刷新后本地存储会被删除？

在 Next.js 中我使用以下代码： const [card, setcard] = useState([]); 使用效果（（）=> { localStorage.setItem('items', JSON.stringify(card)); }， [卡片]）; 使用效果（（）=> { 合作...

javascript next.js local-storage

回答 4 投票 0

扩展一个函数 - 合并两个函数？

例如，拥有 Javascript“类”的最佳方式是什么 // 在父实例中函数 xyz() { var x = 1; } 我想在类中设置它，当用户扩展类时，我想...

javascript jquery

回答 5 投票 0

如何让按钮在 React Native 中按下时改变颜色？

我的按钮没有改变颜色。这是我的代码：从“反应”导入反应；从 'react-native' 导入 { View, Text, StyleSheet, TouchableOpacity }; const MyButton = () => { const [按下，

javascript react-native button styling

回答 1 投票 0

javascript 相关问题

最新问题