WEB前端逆向拦截页面跳转
💡
原文中文，约3600字，阅读约需9分钟。
📝
内容提要
本文探讨了如何在JavaScript中定位导致页面跳转的代码。通过使用beforeunload事件和navigate事件，结合调试工具，可以有效追踪跳转原因。作者提供了两种方案，分别是事件监听和调用栈回溯，以确认跳转代码的目标URL。
🎯
关键要点
- 文章探讨如何在JavaScript中定位导致页面跳转的代码。
- 使用beforeunload事件和navigate事件结合调试工具可以追踪跳转原因。
- 作者提供了两种方案：事件监听和调用栈回溯，以确认跳转代码的目标URL。
- 背景中提到访问中途自动跳转到'abount:blank'，最初未考虑js反调试。
- 通过F12调试工具，确认跳转发生在混淆过的js中。
- AI回答了关于js如何跳转到'abount:blank'的相关代码。
- 网友提供了两组解决方案，第一组较重，第二组为改进版。
- 方案1涉及beforeunload事件监听和调用栈回溯。
- 方案2简化了步骤，使用debugger语句进行断点调试。
- navigate事件的解决方案可以通过js触发页面跳转。
- 最终确认在混淆js中执行window.document.location = 'about:blank'，并使用preventDefault()防止跳转。
❓
延伸问答
如何在JavaScript中定位导致页面跳转的代码？
可以使用beforeunload事件和navigate事件结合调试工具来追踪跳转原因。
beforeunload事件的作用是什么？
beforeunload事件可以在页面跳转前执行特定代码，允许开发者查看调用栈或阻止跳转。
文章中提到的两种方案分别是什么？
方案1是使用beforeunload事件监听和调用栈回溯，方案2是简化步骤，使用debugger语句进行断点调试。
如何使用navigate事件来处理页面跳转？
可以通过navigation.addEventListener('navigate', ...)来监听navigate事件，并使用event.preventDefault()来阻止跳转。
在调试中如何确认跳转发生的代码？
可以在F12调试工具中设置断点，查看调用栈，确认跳转代码的目标URL。
混淆过的JavaScript代码如何影响页面跳转？
混淆过的JavaScript可能包含反调试代码，导致在调试时误判跳转，影响正常访问。
➡️
