拦截 jsonp 中的页面跳转：应对 window.location.href
JSONP 作为一种常用的跨域数据获取方案，有时会遇到第三方接口返回 window.location.href，导致页面意外跳转的问题。本文探讨如何有效拦截这种跳转行为。
挑战与局限
直接从 JSONP 回调函数中获取原始文本内容是不可行的，因此无法直接判断是否存在跳转指令。
解决方案：利用 iframe 框架
一个有效的策略是使用 iframe 框架：
- 创建一个 iframe 元素，并将 JSONP 请求的 URL 设置为其
src属性。 - 监听 iframe 的
load事件。当 iframe 加载完成后，表示 JSONP 请求已完成，返回数据已加载。 - 通过
iframe.contentDocument.body.innerText(或兼容性更好的方法) 获取 iframe 中的文本内容。
重要考量
-
高级跳转策略: 一些接口可能使用了
window.top.location.href进行跳转，绕过 iframe 的限制。这需要更复杂的处理，例如在 iframe 中再次拦截window.top.location的赋值操作，但这会涉及到安全性和浏览器兼容性问题。 - 性能开销: 使用 iframe 会增加页面加载时间和资源消耗。
其他方法的无效性
-
Object.defineProperty无法拦截window.location，因为它是一个受保护属性。 - 直接遍历
Location原型链也无法直接访问window.href的赋值过程。
总结
目前，使用 iframe 框架是处理 JSONP 返回 window.location.href 跳转的最可行方案，但需要权衡其性能开销，并考虑可能存在的更高级的跳转策略。 对于复杂的场景，可能需要结合其他技术手段，例如服务端代理或更精细的 JavaScript 代码来应对。
