在前端开发中，有时我们需要在新窗口中展示内容，但又希望隐藏原始 URL 或实现更精细的界面控制。使用 document.open 与 window.open 方法组合，可以创建高度定制化的新窗口，并在其中动态加载内容。本文将深入探讨这一技术的实现原理、实际应用和注意事项。

首先，我们需要了解哪些操作会导致页面重载，这能为我们提供排查方向：

个人习惯，非最佳实践，非强制要求

service worker：是运行于浏览器后台，非阻塞的 js 脚本，只要用于缓存资源、拦截网络请求和处理推送通知，其本质上是一个基于浏览器和服务器之间的代理，如下图