前端HTML/JS代理实现及阻止重定向相关技术咨询

问题一：你写的代码能不能阻止重定向？ #

不能。beforeunload事件的核心作用是在用户主动关闭/离开页面时弹出确认提示，并非用来阻止重定向：

• 对于HTTP层面的3xx重定向、直接通过location.href触发的跳转，这个事件根本拦不住，浏览器会直接执行跳转；
• 现代浏览器还对beforeunload做了严格限制，必须有用户交互（比如点击按钮）触发的页面跳转才可能触发这个事件，自动触发的重定向完全不受影响；
• 你写的event.preventDefault()在多数浏览器里只会触发默认的离开提示，没法真正阻止页面跳转。

问题二：能不能跳转至指定URL并向被重定向页面注入这段代码？ #

完全做不到，核心原因是浏览器的同源策略限制：

• 当你跳转到其他域名的页面时，当前页面的JS会被销毁，新页面的上下文和你原来的页面完全隔离，你没有任何权限去修改新页面的JS代码；
• 就算是同域页面，跳转后原页面已经被卸载，也没有机会向新页面注入代码；
• 目标设备上的拦截程序是直接修改请求/跳转逻辑，你在前端层面根本碰不到被重定向后的页面的执行环境。

可行方案建议 #

转回编写Web服务器做中间层是正确的思路：

• 服务器作为代理，接收你的请求后去拉取目标网站的内容，再把内容返回给你的前端页面；
• 用iframe渲染代理后的内容时，因为iframe的内容来自你的服务器（同源），你可以完全控制页面逻辑，包括拦截可能的重定向操作；
• 这种方案绕开了前端跨域和拦截程序的前端限制，是目前这类场景下最可行的方案。

内容的提问来源于stack exchange，提问作者Zachary