--- theme: smartblue --- ## 问题描述公司有个内部项目是用 `Electron` 来开发的，有个功能需要像浏览器一样加载第三方站点。本来一切安好，但是某天打开某个站点的链接，导致 **整个客户端直接变成了该站点的页面**。这一看就是该站点做了特殊的处理，经排查网页源码后，果然发现了有这么一句代码。 ```js if (window.top !== window.self) { window.top.location = window.location; } ``` 翻译一下就是：如果当前窗口不是顶级窗口的话，将当前窗口设置为顶级窗口。奇怪的是两者不是 **跨域** 了吗，为什么 `iframe` 还可以影响顶级窗口。 **先说一下我当时的一些解决办法：** 1. 用 `webview` 替换 `iframe` 2. 给 `iframe` 添加 `sandbox` 属性后续内容就是一点复盘工作。 ## 场景复现（Web端）一开始怀疑是客户端的问题，所以我用在纯 Web 上进行了一次对比验证。这里我们新建两个文件：`1.html` 和 `2.html`，我们称之为 **页面A** 和 **页面B**。然后起了两个本地服务器来模拟同源与跨域的情况。页面A：`http://127.0.0.1:5500/1.html` 页面B：`http://127.0.0.1:5500/2.html` 和 `http://localhost:3000/2.html` ### 符合同源策略 ```html

这是页面A