问题标签 [manifest.json]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
497 浏览

css - 如何在我的网络扩展上添加图标字体(附加组件、插件)

我正在尝试添加图标字体,但某些网页阻止了我的字体,因为我使用的是这样的外部 URL:

控制台错误显示如下:

拒绝加载字体 'data:font/woff;base64,.....ZU=' 因为它违反了以下内容安全策略指令:“default-src 'self' *.mozilla.net *.mozilla.org * .mozilla.com”。请注意,'font-src' 没有显式设置,所以 'default-src' 用作后备。

我不确定是否可以从外部服务器加载此字体,因此我已经下载了该字体并尝试将其添加到我的附加组件中,但没有成功。

这是我的根路径:

我的Material_Icons.woff2

我的manifest.json

我添加了这个来解决我的第一个问题:

内容安全政策

我添加了解决我的第二个问题:

web_accessible_resources

但我还没有成功。

0 投票
0 回答
187 浏览

javascript - 让 Chrome 扩展程序在不同的标签上工作?

我对 chrome 扩展编程很陌生。我编写的程序可以按我的意愿工作,但是您需要单击特定选项卡才能使其工作。例如,我不能只在单独的窗口中浏览互联网时打开网站。

该网页是我公司的服务检查页面,公司的不同团队在该页面上发布他们已经供其他人查看和处理的问题。我的扩展程序会读取此页面以查找超过十分钟未被注意到的任何问题,并使用 toast 弹出窗口通知用户。我认为它是活动选项卡,因此扩展程序在当前单击的任何选项卡上运行,但我不确定。无论如何我可以做到这一点,所以这个扩展程序无需在标签中就可以运行吗?

这是我的代码,也欢迎任何有关如何设置扩展的建议:

清单.json

背景.js

内容脚本.js:

0 投票
0 回答
1752 浏览

json - 清单不是有效的 JSON。行:10,列:3,根元素后的意外数据

我正在学习开发 Google Chrome 扩展。在尝试加载我的扩展程序时,我收到以下消息:

Manifest is not valid JSON. Line: 10, column: 3, Unexpected data after root element.

下面是我的 manifest.json 文件:

0 投票
1 回答
311 浏览

google-chrome - Error in Google Chrome Lighthouse's Best Practice audit regarding manifest 'short_name'?

I'm getting an error when using Google Chrome's new auditing features (Lighthouse). I get the following message as a failed audit:

Manfiest's short_name will be truncated when displayed on homescreen

They suggest I make short_name less than 12 characters, which it already is.

manifest.json

I'm just trying to figure out if it's something wrong on Lighthouse's end, or is there something incorrect / invalid from the manifest that's failing this audit?

0 投票
1 回答
455 浏览

javascript - 使用 hosts 文件中的主机名在本地测试 Service Worker

我正在为工作构建一个渐进式 Web 应用程序,但由于 SSL 要求,我无法在本地对其进行测试。

通常,这很简单,因为如果您使用 localhost(我相信即使没有 SSL),Chrome 也允许这样做。但是,我没有使用“本地主机”。我们有一个内部 Web 应用程序,其 URL 如下:“website.company.com”。登录此站点时,会为该子域 (company.com) 添加身份验证 cookie。为了让我的本地网站使用这些相同的 cookie,我在主机文件 (Windows) 中添加了一个条目,例如“127.0.0.1 my-local-site.company.com”。这样,当我访问我的本地站点 (my-local-site.company.com) 时,我拥有所有身份验证 cookie,并且可以对我真正部署的站点进行 CORS 调用。

除了服务工作人员现在无法工作之外,这非常有效,因为“ https://my-local-site.company.com ”的证书无效并且服务工作人员没有加载。我尝试创建一个自签名证书并将其添加到受信任的证书中,但 Chrome 仍然说该站点不受信任,并且服务工作者和 manifest.json 文件不加载。

我的问题是有人知道如何:1. 使 PWA 在没有有效证书的情况下完全在本地工作......或 2. 让 chrome 识别我的自签名证书。

注意:我确实在 Chrome 启动中找到了一个标志,它允许服务人员在没有有效证书的情况下运行,这很好……但是,它仍然没有加载我的 manifest.json 文件。这是一个问题,因为我真的想(向我的团队)演示 PWA 很酷的添加到主屏幕功能。

0 投票
0 回答
36 浏览

json - 如何在 chrome 扩展的 manifest.json 中选择一个随机变量(字符串/HTML 文件的名称)

我正在尝试制作一个 chrome 扩展,我想从 10 页中选择一个随机页面并将其设置为“新标签”。我怎么能这样做,因为我不能使用js?

我正在尝试做这样的事情

"newtab": "%VAR%/index.html"

%VAR% 是从 10 个元素的数组中随机选择的。

0 投票
1 回答
6617 浏览

html - 在已安装的 PWA 上应用对 Web App Manifest 的更改

如果我想对我的 Progressive Web App 进行更改,例如稍微更改应用程序名称或更新徽标,是否可以强制更新所有用户已安装的应用程序?

我尝试将 "?v=2" 添加到清单 URL,

并且还强制更新服务人员。

但是,它似乎没有在已安装的应用程序上应用新的更改。
我在 Android 上的 Google Chrome 上试过这个。

0 投票
1 回答
1114 浏览

google-chrome-extension - 如何添加要在网上商店中显示的 chrome 扩展缩略图?

我发现其他 chrome 扩展在 chrome 网上商店中显示全宽缩略图,但我的只显示一个小的模糊图标。我在哪里可以更新图像?清单 json 中是否有我遗漏的内容?

我的清单 json 有以下图标

在此处输入图像描述

0 投票
1 回答
3865 浏览

manifest - 清单主题/背景色

在我的 manifest.json 文件中,我设置了我的主题颜色和背景颜色

但是当我在 Chrome 中查看时,它们已经消失了 在此处输入图像描述

有谁知道如何解决这一问题?先感谢您!

0 投票
0 回答
879 浏览

google-chrome-extension - 如何获取我解压后的 Chrome 扩展程序的自动生成密钥

我正在尝试访问我的 chrome 扩展程序的自动生成的密钥,并将其放在我的清单文件中,如https://developer.chrome.com/apps/app_identity上标题为将密钥复制到清单的部分中详细说明的。

但是,在第 2 步中,我在我的用户目录数据中找不到“已安装的应用程序和扩展”页面中显示的应用程序 ID(在 macOS 上,路径为~/Library/Application\ Support/Google/Chrome/Default/Extensions)。

我想知道如何找到这个密钥,因为我在用户数据目录中找不到与我的应用 ID 对应的文件夹。谢谢!