about:blank

50 阅读1分钟

在公司项目里发现了一段 React JSX 代码,讲的是点击按钮后如何将按钮外的 iframe 的内容刷新。我一开始是打算给 iframe 赋一个 key ,然后想要刷新的时候把 key 换掉触发更新。但是我发现代码里是先将 iframe 的 src 赋了一个 about:blank, 然后过个百来毫秒再把原来的 src 塞回来实现的刷新。

about:blank 讲道理这个东西并不陌生,经常见,但是从来都没有仔细想过是个什么。他会返回一个空白页:

image.png

这个空白页不是网络资源,而是浏览器的内部内容。除了空白页,我们可以利用 about:[URI] 去获取浏览器的信息,例如在 Chrome 的地址栏中输入 about:about 获得一份资源索引,这个地址会自动跳转到 chrome://about 中:

image.png

这个索引中所有在 chrome:// 后面的内容,我们都可以放在 about: 的后面,浏览器会自动跳转。