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

标签 javascript redirect google-chrome-devtools

我有这个 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,我也曾尝试降低网络选项卡上的加载速度,但没有任何效果。

一些想法?

最佳答案

在 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

关于javascript - 在调用响应页面脚本之前暂停 [Chrome DevTools],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50082093/

相关文章:

google-chrome-devtools - 性能选项卡中的 Chrome Dev Tools 体验部分不起作用

javascript - 在 Angular 应用程序中,通过 chrome 开发工具检查元素时,为什么我看不到纯 html?

javascript - 同步操作调用后立即调用时存储值错误

java - Play Framework 中 AJAX 调用的部分渲染

php - 使用 php 检测远程 url 的重定向

apache - 使用 .htaccess 重写规则重定向到我服务器上的不同文件夹

google-chrome - 从 chrome 调试 Ember.js

javascript - 如何使用 javascript 获取数组中特定 id 的最后一个值?

javascript - 如何使用 jQuery 从所有 div 中删除一个类,而不仅仅是 sibling ?

将流量从测试站点重定向到正常站点