window.open 卡死

最近公司里开发了一个低代码平台，使用的react技术栈。

这个平台顶部有一个预览按钮，当点击时，会使用window.open打开一个新的浏览器tab，显示预览页的内容。

开发的时候，发现一个奇怪的现象，如果打开之后的页面，资源没加载完（页面内有不少ajax交互），就快速关闭掉了，父页面就会卡死。

另一个同事对这个事情进行了排查，最后发现是window.open的问题，这个看似不起眼的api，其实暗藏玄机

最终发现问题和chrome的进程机制有关系。

原因：谷歌浏览器在给新开窗口分配进程时，看是否同源，非同源页面会单独分配一个新进程，而同源页面只会分配一个相同的新进程。在上述场景中，A，B页面同源，所以谷歌浏览器只会分配一个进程，这就导致B页面在请求未结束时就关闭，A页面会卡死。

对具体分析原因感兴趣，请访问:谷歌浏览器新开页面进程问题 - MinorF_γ - 博客园

记录一下解决方案：

1	window.open(url, windowName, 'noopener')

只要在window.open第三个参数上加一个 noopener 就可以了，这样chrome在分配进程的时候，就会单独分配一个新的进程，就不会造成父页面卡死了

noopener会导致新打开的页面无法使用window.opener访问到父页面。如果需要访问的话就不能这么干了。我们现在两个页面之间没有交互，就直接用noopener解决了。