You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

求助:如何让四款新标签页扩展打开网站时不显示URL?

嘿,我来帮你解决这个问题!首先得明确一点:直接通过chrome.tabs.update或browser.tabs.update跳转网站,地址栏必然会显示目标URL——因为这本质是触发了浏览器的导航行为。要实现地址栏不显示你的网站URL,核心思路是替换浏览器默认的新标签页,用自定义页面嵌套你的网站内容,这样地址栏只会显示新标签页的系统/扩展内部URL,而用户看到的是你的网站。

下面分Chrome和Firefox给出具体修改方案,你可以直接套用在你的扩展上:


Chrome 扩展修改方案

步骤1:更新manifest.json配置

把原来依赖tabs.onCreated监听的逻辑,换成chrome_url_overrides来替换默认新标签页。假设你的扩展用Manifest V3(现在Chrome推荐的版本),修改后的manifest.json如下:

{
  "manifest_version": 3,
  "name": "自定义新标签页",
  "version": "1.0",
  // 关键配置:替换默认新标签页为我们的自定义页面
  "chrome_url_overrides": {
    "newtab": "newtab.html"
  }
}

步骤2:创建自定义新标签页newtab.html

这个页面会用iframe全屏加载你的网站,同时隐藏所有边框和滚动条,让用户感觉就是在访问你的网站,但地址栏显示的是chrome://newtab/:

<!DOCTYPE html>
<html>
<head>
  <style>
    /* 让页面和iframe占满整个窗口,无多余留白 */
    body, html {
      margin: 0;
      padding: 0;
      height: 100%;
      overflow: hidden;
    }
    iframe {
      width: 100%;
      height: 100%;
      border: none; /* 去掉iframe边框 */
    }
  </style>
</head>
<body>
  <!-- 加载你的网站,sandbox属性根据需求调整,保证网站功能正常 -->
  <iframe 
    src="https://www.mywebsite.com"
    sandbox="allow-same-origin allow-scripts allow-storage-access-by-user-activation allow-popups allow-forms"
  ></iframe>
</body>
</html>

为什么这能隐藏URL?

因为浏览器打开新标签页时,加载的是chrome://newtab/(系统级URL),而我们用iframe把你的网站嵌入进去,地址栏不会显示iframe的内容URL,只会保留chrome://newtab/。


Firefox 扩展修改方案

Firefox的逻辑和Chrome类似,只是需要额外配置浏览器特定的信息:

步骤1:更新manifest.json配置

{
  "manifest_version": 3,
  "name": "自定义新标签页",
  "version": "1.0",
  // Firefox必填的扩展标识(随便填一个符合格式的邮箱即可)
  "browser_specific_settings": {
    "gecko": {
      "id": "your-extension-id@your-domain.com"
    }
  },
  // 同样用chrome_url_overrides替换新标签页
  "chrome_url_overrides": {
    "newtab": "newtab.html"
  }
}

步骤2:复用Chrome的newtab.html

直接用上面Chrome的newtab.html文件即可,Firefox会自动识别并加载,地址栏会显示moz-extension://[你的扩展ID]/newtab.html,但用户看不到你的网站URL。


注意事项

  • 确保你的网站是HTTPS协议:浏览器对扩展页面的安全限制很高,如果你的网站是HTTP,可能会被阻止加载。
  • 调整sandbox属性:如果你的网站需要使用本地存储、弹出窗口等功能,要在sandbox里添加对应的权限(比如allow-storage-access-by-user-activation允许访问存储)。
  • 移除旧的监听代码:把原来的tabs.onCreated监听逻辑删掉,因为我们已经用替换新标签页的方式实现了需求,不需要再触发跳转。

内容的提问来源于stack exchange,提问作者Laurie Williams

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.22 10:06:40