使用JavaScript打开新窗口时如何隐藏地址栏

当前所有主流浏览器（Chrome、Edge、Firefox、Safari等）出于反钓鱼安全要求，已经完全禁止普通网页通过window.open的location=no等参数隐藏地址栏，你使用的旧API参数在现代浏览器中已失效，无法通过前端JS实现普通新窗口隐藏地址栏的需求。

方案1：内部场景使用浏览器应用模式 #

如果你的使用场景是企业内部可控环境，可以让用户使用浏览器的应用模式打开目标页面，该模式默认无地址栏：

• Chrome/Edge快捷方式启动参数添加--app=你的目标页面完整URL，打开后就是无地址栏的独立窗口
• 若需要通过页面触发，可在内部告知用户右键创建应用快捷方式的操作方法

方案2：替换新窗口为当前页模态弹窗（全场景通用） #

放弃开新窗口的逻辑，把第二个页面的内容嵌入当前页面的全屏模态框中，完全看不到地址，兼容性最好，修改方法如下：

修改后的firstPage.html代码 #

<html>
    <style>
        /* 模态框样式 */
        #modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #fff;
            z-index: 99999;
        }
        #closeBtn {
            position: absolute;
            top: 10px;
            right: 20px;
            font-size: 24px;
            cursor: pointer;
        }
    </style>
    <body>
        <h1>The a element</h1>
        <a href="#" onclick="openModal(); return false">Print</a>
        <!-- 模态框 -->
        <div id="modal">
            <span id="closeBtn" onclick="closeModal()">×</span>
            <iframe width="100%" height="100%" src="docView.html" frameborder="0"></iframe>
        </div>
        <script>
            function openModal() {
                document.getElementById('modal').style.display = 'block';
            }
            function closeModal() {
                document.getElementById('modal').style.display = 'none';
            }
        </script>
    </body>
</html>

方案3：桌面套壳场景 #

如果是PC端桌面应用场景，使用Electron、NW.js等框架打包网页，可直接在窗口配置中关闭地址栏显示，完全可控。

你当前代码中禁用右键、禁用快捷键防复制的逻辑防护性极低，懂前端基础的用户都可以轻松绕过，若要保护PDF内容，建议后端添加权限校验、动态加水印、禁止下载等控制，安全性更高。

内容的提问来源于stack exchange，提问作者Bala Bhavani Illa