Chrome扩展替换新标签页后如何修改地址栏显示内容？

方案1：使用Chrome扩展原生新标签页声明（优先推荐） #

这是实现地址栏空白效果的最优解，不需要依赖服务端配置：

• 不要直接用远程站点的HTML作为新标签页，首先在扩展的manifest.json中声明chrome_url_overrides字段，指定扩展本地的HTML文件作为新标签页入口，该场景下地址栏默认会保持空白，不会显示任何资源地址：

{
  "name": "你的扩展名称",
  "version": "1.0",
  "manifest_version": 3,
  "chrome_url_overrides" : {
    "newtab": "local_newtab.html"
  }
}

• 如果你需要加载自有站点的内容，直接在本地的local_newtab.html中用iframe嵌入你的https://example.com/index.html即可，将iframe宽高设为100%铺满整个页面，用户完全感知不到差异，地址栏依然保持空白状态。

方案2：实现地址栏自定义提示文本 #

如果你需要地址栏显示「Search here」类的自定义文本，可以使用Chrome扩展的omniboxAPI实现：

• 在manifest.json中声明omnibox权限和触发关键字即可：

{
  "manifest_version": 3,
  "permissions": ["omnibox"],
  "omnibox": {
    "keyword": "Search here"
  }
}

• 该配置生效后，用户点击地址栏时就会显示你设置的自定义提示文本。

不可行方案说明 #

你尝试的前端修改地址栏操作、以及服务端配置都无法实现隐藏实际域名、替换地址栏为自定义文本的需求：浏览器地址栏的显示逻辑属于客户端安全管控范畴，服务端没有权限篡改该区域内容；前端调用history.pushState等API修改地址也只能修改同域下的路径部分，无法隐藏域名或替换为非URL格式的自定义文本。

内容的提问来源于stack exchange，提问作者mukberty