如何隐藏Chrome创建的网站应用标题栏及指定信息栏（绿色区域）？

嘿，我来帮你搞定这两个Chrome应用扩展的隐藏需求！

首先得明确这个绿色栏的类型，分两种情况处理：

• 如果是Chrome原生弹出的提示栏（比如首次安装应用后的「已安装成功」提示）：
  这个提示栏通常用户手动关闭一次后就不会再出现。如果要强制全局隐藏这类提示，你可以通过Chrome的企业策略配置（适合团队/批量场景），添加InfobarSuppressList策略来屏蔽指定类型的信息栏。个人使用的话，手动关闭其实是最便捷的方式。
• 如果是你自己开发的扩展页面里的绿色信息栏：
  直接用CSS注入隐藏就行！比如假设信息栏的类名是green-notice-bar，写一段content script注入目标页面：

  .green-notice-bar {
    display: none !important;
  }
  

  在你的扩展manifest里配置content script，把这段CSS应用到对应的页面即可。

这个需求分两种场景处理：

场景1：你自己开发Chrome扩展（打包应用） #

如果是用manifest v2（注意v3已弃用chrome.app API），可以在后台脚本里用chrome.app.window.create创建无标题栏的窗口：

chrome.app.runtime.onLaunched.addListener(() => {
  chrome.app.window.create('your-app-page.html', {
    bounds: { width: 800, height: 600 },
    frame: 'none' // 完全隐藏系统标题栏
  });
});

这样创建的窗口没有原生标题栏，你需要自己在页面里添加自定义的关闭、最小化按钮，用chrome.app.window.current().close()这类API来控制窗口行为。

如果是manifest v3，推荐用PWA模式，在你的网站manifest.json里设置：

{
  "display": "borderless" // 实验性特性，需开启Chrome对应实验开关
}

或者用"display": "fullscreen"实现全屏无标题栏，但会占满整个屏幕。

场景2：通过Chrome「创建快捷方式」生成的网站应用 #

这种情况没法直接修改原生标题栏，但可以尝试修改快捷方式的启动参数：
右键快捷方式 → 属性 → 目标字段末尾添加：

--app=https://your-site-url.com --frame=none

不过这个方法不一定在所有Chrome版本生效，因为原生网站应用的窗口样式受Chrome限制，最可靠的还是自己开发扩展来定制窗口。

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