代码之家 › 专栏 › 技术社区 › Fez Vrasta

从Chrome扩展从Chrome打开PWA框架窗口

google-chrome-extension google-chrome

Fez Vrasta · 技术社区 · 3 年前

我有一个PWA,当我使用打开辅助窗口时,它能够打开它们 window.open 新窗口具有与主PWA相同的窗口样式(没有Chrome UI,没有选项卡,没有地址栏,没有我的应用程序定义的颜色的状态栏),新窗口也将分组在操作系统Dock/任务栏中的PWA图标下。

窗口的外观如下图所示:

我还有一个Chrome扩展,它必须能够打开这样的窗口,但我遇到的问题是,如果我使用 chrome.windows.create 具有 popup 键入,则生成的窗口具有正常的Chrome状态栏颜色,并且它们不会列在PWA图标下。这样地:

我想知道是否有任何方法可以从Chrome扩展打开一个窗口,并让它遵循PWA定义的主题,并在PWA停靠/任务栏图标下列出?

0 回复 | 直到 3 年前

woxxom 3 年前

要启动已安装的PWA,请使用 chrome.management 扩展页或后台脚本中的API:

chrome.management.getAll(apps => {
  const pwa = apps.find(a => a.appLaunchUrl === 'https://pwa.foo.bar/');
  if (pwa) chrome.management.launchApp(pwa.id);
});

如果要设置 launch type :

chrome.management.getAll(apps => {
  for (const a of apps) {
    if (a.appLaunchUrl === 'https://pwa.foo.bar/') {
      chrome.management.setLaunchType(a.id, 'OPEN_AS_WINDOW', () => {
        chrome.management.launchApp(a.id);
      });
      break;
    }
  }
});

manifest.json:

{
  "permissions": ["management"],

推荐文章

cheese-berry · Chrome扩展:点击后弹出图像更改

2 年前

Freelancer · 无cookie嵌入YouTube视频的内容脚本

6 年前

Hamdi Alp · 镀铬。存储同步设置和获取失败

6 年前

trebleCode · Google Chrome扩展-JSON格式错误

6 年前

Foobar · Web扩展-文档。getElementById在执行异步方法之前返回null

6 年前

Wyatt Arent · 在哪里接受订阅付款?

6 年前

oban_internet · 突变观察者-添加的节点[0]最终变得不确定

6 年前

nico_lrx · Chrome扩展,获取selectionText周围的文字

7 年前

Mahendra · 如何注销chrome。标识oauth2.0令牌[重复]

7 年前

Bobby Mor · 无法使用selenium Java或JavascriptExecutor发送密钥/单击

7 年前