问题标签 [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 投票
2 回答
6941 浏览

angular - 在 Angular 5 中添加 ServiceWorkerModule 后,PWA 显示独立和全屏无法正常工作

当前行为

将配置添加到应用程序模块environment.production ? ServiceWorkerModule.register('./ngsw-worker.js') : []serviceWorker在 .angular-cli.json 中启用后,我的应用程序通过 Chrome 安装在我的设备(LG G6)上并display在 manifest.json 中设置属性standalonefullscreen在我的设备上打开后,应用程序始终在浏览器中打开在新标签中。当我删除服务工作者配置(应用程序模块中的行)时,只有清单的应用程序以独立或全屏模式打开。

预期行为

安装应用程序后,应用程序应该以 stadalone 或全屏模式打开,取决于 manifest.json 中的设置值。

使用说明最小化重现问题

我有使用 4.3 版生成并更新到 5.1.3 的应用程序,添加 @angular/service-worker 并使用build带有--prod. 为了为应用程序提供服务,我在我的 chrome 中使用端口转发。

清单.json

ngsw-config.json

改变行为的动机/用例是什么?

我不知道为什么不使用我的应用程序,因为我发现类似于我的应用程序 https://angularfirebase.com/lessons/hnpwa-angular-5-progressive-web-app-service-worker-tutorial/ 的示例和我克隆并构建并正常工作(显示为独立应用程序)。

环境

0 投票
1 回答
688 浏览

reactjs - 如何将 Web App Manifest 和 favicon 与 webpack 捆绑在一起

有没有办法将 Web App Manifest (manifest.json) 和 favicon 与 webpack 捆绑在一起?

我正在使用反应。到目前为止,我将所有的网站图标,包括 manifest.json,直接包含在 public 文件夹的 index.html 中(所以它没有通过 webpack)。但是,我需要动态加载网站图标,因此我决定将代码和网站图标图像移动到 React 应用程序中并动态注入标签。但我不知道如何处理 manifest.json,因为有指向网站图标的路径,并且当包含在 React 应用程序中并与 webpack 捆绑时,网站图标具有随机散列名称。

有任何想法吗?

0 投票
2 回答
14004 浏览

javascript - 清单:属性“start_url”被忽略,应该与文档同源

我只是在构建一个静态 HTML 页面,我想让它可以安装。

清单.json

索引.html

项目结构

在此处输入图像描述

错误

清单:属性“start_url”被忽略,应该与文档的来源相同。

0 投票
1 回答
1138 浏览

google-chrome - 改进了 Google Chrome 上已安装 Web 应用程序的添加到主屏幕 (WebAPK) 图标和名称在清单更新后未升级

我有一个网站,该网站满足适用于 Android 的“改进的”添加到主屏幕 (A2HS) 功能的 Google Chrome 浏览器的所有先决条件。我可以安装该应用程序,并形成一个 APK 并安装在设备上,并且图标在主屏幕上可用。

谷歌开发者博客文档中,据说现在有了“改进的”A2HS,manifest.json以后访问网站后可以用新的图标和名称修改文件,安装的网络应用程序的图标和名称应该升级:

您现在可以更新 Progressive Web App 的图标和名称,并将其反映给用户。更改清单中的图标或名称将在用户随后打开站点后更新主屏幕上的图标。

我尝试使用新值修改清单,并验证在再次打开站点时已将修改后的清单下载到浏览器,但未更新已安装 Web 应用程序的名称和图标。这是在 Chrome for Android v63 上测试的。

我如何让它工作?有什么特别的步骤需要注意吗?我错过了什么吗?

0 投票
1 回答
13856 浏览

google-chrome - 拒绝框架“https://api.xxx.jp/”,因为它违反了以下内容安全策略指令:“frame-src 'self'

我们开始吧:我是 google 的 chrome 扩展开发的新手,所以请多多包涵。

我有一个扩展程序,它给了我以下错误:

拒绝框架“ https://api.xxx.jp/ ”,因为它违反了以下内容安全策略指令:“frame-src 'self' https://staticxx.facebook.com https://twitter.com https: //*.twimg.com https://5415703.fls.doubleclick.net https://player.vimeo.com https://pay.twitter.com https://www.facebook.com https://ton .twitter.com https://syndication.twitter.com https://vine.co推特: https: //www.youtube.com https://platform.twitter.com https://upload.twitter.com https ://s-static.ak.facebook.com https://4337974.fls.doubleclick.net https://8122179.fls.doubleclick.net https://donate.twitter.com”。

我的manifest.json文件具有以下有关内容安全策略的设置:

在我的content.js文件中,我通过iframe标记调用 api:

api 的url始终采用 https 形式。

  • 此扩展适用于大多数网站,但在某些网站(如https://twitter.com/?lang=en)中,它会显示一个灰色弹出框,其中包含上述错误消息。

灰色弹出框 请帮我找到这个问题的解决方案。

这是我在工作中的扩展示例:

欢迎任何帮助。

0 投票
1 回答
299 浏览

javascript - 使用 Chrome 扩展通过 HTTP 加载脚本

我正在开发一个 Chrome 扩展,我的 index.html 头中有这个:

我收到此错误:

拒绝加载脚本' https://cdnjs.cloudflare.com/ajax/libs/js-beautify/1.7.5/beautify-html.js ',因为它违反了以下内容安全策略指令:“script-src 'unsafe -评估'”。

这是我的 manifest.json 配置:

有谁知道是否有可能的方法来加载<script>'s哪个引用 www 链接?我缺少一些权限吗?

0 投票
0 回答
307 浏览

google-chrome - 将焦点转移到 Chrome 扩展程序中的选项卡

在我的扩展中,我创建了一个小的弹出窗口:

然后将一些 JavaScript 注入到活动选项卡中加载的页面。它应该改变光标形状并注册一个“onclick”事件。

它工作正常,但是,用户需要单击页面/选项卡两次。第一次单击将焦点转移到页面/选项卡,只有第二次单击由 onclick 处理程序处理。同样,光标形状 ( style.cursor = 'crosshair') 仅在第一次单击后发生变化。

如何自动将焦点转移到选项卡?我已经尝试过chrome.tabs.update({"active":true});,但这不起作用。

清单.json

popup.html

popup.js

page.js

0 投票
1 回答
710 浏览

javascript - 在 Chrome 扩展程序中为每个顶级域阻止一个域

我正在寻找用于制作 Google Chrome 扩展程序的匹配模式规则的解决方案 - 我正在尝试阻止 Pinterest 等网站,问题是 Pinterest 拥有一百万个顶级域名,而不是写出来......

"*://pinterest.com/*, *://pinterest.se/*, *://pinterest.co.uk/*..等永远

我正在尝试阻止 Pinterest 的所有顶级域。

使用"*://pinterest.*/*""*://*.pinterest.*/*" 不起作用。

上面的代码有效。任何人都知道如何做到这一点,任何朝着正确方向推动的人都将不胜感激。非常感谢。

0 投票
1 回答
4291 浏览

google-chrome-extension - Chrome 扩展问题(无效的清单)

我有一个奇怪的错误,我最近向 chrome 网上商店发布了一个 chrome 扩展,它只发布给测试人员,任何尝试安装它的人都会收到以下错误

下载出现问题。请联系开发者或稍后再试。

无效的清单

在此处输入图像描述

在我的清单看起来不错的地方,我可以在开发人员模式下测试扩展 -

我的清单如下所示

我究竟做错了什么?

仅供参考,我的浏览器是最新的

0 投票
1 回答
2332 浏览

php - 属性“start_url”被忽略,应该与文档同源

我在这里签署了一个跨域 Manifest.Json 我的 Json 文件(位于http://123myblog14.co.nf/manifest.json):

但是 Crome 在警告中显示低于错误。

property "start_url" ignored,should be same origin as document

我使用 Https 在我的网站上使用它,但托管它的网站不是 https。这是原因吗?