问题标签 [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.
angular - 在 Angular 5 中添加 ServiceWorkerModule 后,PWA 显示独立和全屏无法正常工作
当前行为
将配置添加到应用程序模块environment.production ? ServiceWorkerModule.register('./ngsw-worker.js') : []
并serviceWorker
在 .angular-cli.json 中启用后,我的应用程序通过 Chrome 安装在我的设备(LG G6)上并display
在 manifest.json 中设置属性standalone
或fullscreen
在我的设备上打开后,应用程序始终在浏览器中打开在新标签中。当我删除服务工作者配置(应用程序模块中的行)时,只有清单的应用程序以独立或全屏模式打开。
预期行为
安装应用程序后,应用程序应该以 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/ 的示例和我克隆并构建并正常工作(显示为独立应用程序)。
环境
reactjs - 如何将 Web App Manifest 和 favicon 与 webpack 捆绑在一起
有没有办法将 Web App Manifest (manifest.json) 和 favicon 与 webpack 捆绑在一起?
我正在使用反应。到目前为止,我将所有的网站图标,包括 manifest.json,直接包含在 public 文件夹的 index.html 中(所以它没有通过 webpack)。但是,我需要动态加载网站图标,因此我决定将代码和网站图标图像移动到 React 应用程序中并动态注入标签。但我不知道如何处理 manifest.json,因为有指向网站图标的路径,并且当包含在 React 应用程序中并与 webpack 捆绑时,网站图标具有随机散列名称。
有任何想法吗?
google-chrome - 改进了 Google Chrome 上已安装 Web 应用程序的添加到主屏幕 (WebAPK) 图标和名称在清单更新后未升级
我有一个网站,该网站满足适用于 Android 的“改进的”添加到主屏幕 (A2HS) 功能的 Google Chrome 浏览器的所有先决条件。我可以安装该应用程序,并形成一个 APK 并安装在设备上,并且图标在主屏幕上可用。
在谷歌开发者博客文档中,据说现在有了“改进的”A2HS,manifest.json
以后访问网站后可以用新的图标和名称修改文件,安装的网络应用程序的图标和名称应该升级:
您现在可以更新 Progressive Web App 的图标和名称,并将其反映给用户。更改清单中的图标或名称将在用户随后打开站点后更新主屏幕上的图标。
我尝试使用新值修改清单,并验证在再次打开站点时已将修改后的清单下载到浏览器,但未更新已安装 Web 应用程序的名称和图标。这是在 Chrome for Android v63 上测试的。
我如何让它工作?有什么特别的步骤需要注意吗?我错过了什么吗?
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)中,它会显示一个灰色弹出框,其中包含上述错误消息。
这是我在工作中的扩展示例:
欢迎任何帮助。
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 链接?我缺少一些权限吗?
google-chrome - 将焦点转移到 Chrome 扩展程序中的选项卡
在我的扩展中,我创建了一个小的弹出窗口:
然后将一些 JavaScript 注入到活动选项卡中加载的页面。它应该改变光标形状并注册一个“onclick”事件。
它工作正常,但是,用户需要单击页面/选项卡两次。第一次单击将焦点转移到页面/选项卡,只有第二次单击由 onclick 处理程序处理。同样,光标形状 ( style.cursor = 'crosshair'
) 仅在第一次单击后发生变化。
如何自动将焦点转移到选项卡?我已经尝试过chrome.tabs.update({"active":true});
,但这不起作用。
清单.json
popup.html
popup.js
page.js
javascript - 在 Chrome 扩展程序中为每个顶级域阻止一个域
我正在寻找用于制作 Google Chrome 扩展程序的匹配模式规则的解决方案 - 我正在尝试阻止 Pinterest 等网站,问题是 Pinterest 拥有一百万个顶级域名,而不是写出来......
"*://pinterest.com/*, *://pinterest.se/*, *://pinterest.co.uk/*..
等永远
我正在尝试阻止 Pinterest 的所有顶级域。
使用"*://pinterest.*/*"
或"*://*.pinterest.*/*"
不起作用。
上面的代码有效。任何人都知道如何做到这一点,任何朝着正确方向推动的人都将不胜感激。非常感谢。
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。这是原因吗?