javascript - 在调用响应页面脚本之前暂停 [Chrome DevTools]

Question

我有这个 HTML 页面，但我不想访问服务器端源代码。这个页面有一个基本的 POST 表单，当它被成功提交时，它会重新加载相同的页面，脚本 windows.location('someothersite.com'); 在头上，所以脚本立即启动。

这是一个简单的片段

之前:

 <form method="POST">
        <input type="password" name="password"><br><br>
        <input type="submit" value="Submit">
 </form>

成功提交后:

<script>windows.location('someothersite.com');</script>

因此，服务器会加载包含此脚本的同一页面(这是一个非常基本的示例，只是为了让您最容易理解我的问题所在)我将立即重定向到'someothersite.com'...

我想在脚本启动之前拦截并暂停页面以防止重定向。

我尝试按 F8 但没有任何反应，因为第一页没有 js，第二页速度太快无法让我按 F8 或在源代码上放置一些断点。

我使用的是 google chrome 65.0，我也曾尝试降低网络选项卡上的加载速度，但没有任何效果。

一些想法？

Answer 1

在 chrome 调试器中设置断点或在脚本中要暂停执行的位置插入 debugger 语句。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/debugger

您还可以在导航之前发生的 unload 事件上设置断点。在 chrome 开发工具中转到 Sources -> Event Listener Breakpoints -> Load -> unload。

https://developers.google.com/web/tools/chrome-devtools/javascript/breakpoints#event-listeners

在控制台设置中启用“导航时保留日志”以在页面加载时保留断点:

https://developers.google.com/web/tools/chrome-devtools/console/#additional_settings