问题标签 [manifest.json]

我刚刚开始涉足 PWA 领域，并开始在我正在构建的网站上使用 manifest.json。我的目标是让它全屏打开。

我在 iOS 上遇到了一些非常奇怪的行为。

我将 PWA 很好地添加到了主屏幕，它正确地使用了清单指定的短名称。但是当我试图打开它时，事情就出轨了。该应用程序似乎尝试根据清单以全屏方式加载，但随后停止，该网站改为在新的 Safari 选项卡中打开两次。我有两个新选项卡都指向 PWA 的 URL。

有谁知道是什么导致了这种奇怪的行为？

在content_script我的扩展选项中manifest.json：

www.pipedrive.com我希望这些脚本在除主主页（ ）之外的 pipedrive 的子域中运行，两者exclude_globs都exclude_matches不起作用，这些脚本仍然在www.pipedrive.com. 我怎样才能做到？

我刚刚开始开发一个小型 Chrome 扩展程序，并按照https://developer.chrome.com/extensions/getstarted教程，我试图找到一种方法，以便即使在开发人员模式下，扩展程序也可以在所有选项卡上单击。

目前，该扩展程序只能在developer.chrome.com主机下的页面上单击。

这可能是一个愚蠢的问题，但是我们是否有可能在开发时在其他选项卡上（不在developer.chrome.com主机下）对其进行测试？如果是，我们如何设置此选项？我尝试<all_tabs>在清单中添加权限，但它似乎不起作用。

谢谢！

当您使用 Vue CLI 3.0 生成应用程序并选择 PWA 支持时。它生成一个public/manifest.json文件。但是，这些设置不会在元标记中使用，例如更改manifest.json文件中的主题颜色不会更改<meta name="theme-color" ...>标记。

要配置它，您必须遵循自述文件并在文件@vue/cli-plugin-pwa中添加选项。vue.config.js

那么manifest.json文件是干什么用的呢？

我制作了一个 Chrome 扩展程序，并正在使用 Firebase 对用户进行身份验证。我从https://www.gstatic.com/firebasejs/4.11.0/firebase.js下载了 Firebase.js ，希望将 firebase 代码添加到我的 chrome 扩展清单中。Firebase 身份验证发生在内容脚本中，因此它需要包含在“content_scripts”下的“js”中。

Manifest.json 内容脚本示例

相反，我在放置 firebase.js 时收到 UTF-8 错误。

错误：无法为内容脚本加载文件“js/lib/firebase.js”。它不是 UTF-8 编码的。无法加载清单。

我尝试在 Mac 上使用 TextEdit 将文件保存为 UTF-8 - 仍然不走运。

我究竟做错了什么？

尝试在 chrome 最新浏览器的主屏幕中添加网络应用程序，它在第一次访问时正常工作但第二次无法正常工作，这意味着不提示消息：

下面是我的代码：

1. 创建了有效的清单 json

2. 在 index.html 中包含清单文件

3. 并创建了 service-worker.js

   /li>

4. 在 html 页面中注册 service worker

   /li>

设想：

1. 我第一次点击网页，它显示添加屏幕提示

2. 在主屏幕中添加

3. 卸载主屏幕页面

4. 我尝试再次点击网页，它没有显示添加屏幕提示

我有以下 Chrome 扩展代码

清单.json：

你好.html：

我在 iframe 中提到的网站是一个纪念品。基本上，在弹出窗口中，我想打开一个页面，其中所有“Go”链接都强制在新选项卡中打开一个页面，强制弹出窗口关闭。

有没有办法编辑 HTML 代码，以便在新选项卡中不打开任何内容，以便我基本上可以做画中画？

我正在 AWS Cloud9 中开发 PWA，但它不允许我的 manifest.json 包含/引用在链接标签中。它在开发工具中显示“VFS 连接不存在”，就好像它无法找到清单一样，因为它在应用程序外部。我在控制台中收到 499 错误。如果我停止节点 http-server 并重新加载预览页面，这与我收到的消息相同，因为它没有在端口 8080 上提供服务。它确实在链接标签中找到了 CSS 文件（在同一个文件夹中） )，是因为它是 rel=manifest，还是出于安全原因或其他原因，它不允许包含 json 文件？有谁知道为什么这个文件不起作用？

当我将渐进式 Web 应用程序添加到主屏幕时，我希望我的渐进式 Web 应用程序显示为全屏，而顶部没有显示 chrome 地址/工具栏。因此，我在 manifest.json 上添加了 display:fullscreen 但它不起作用。这是我的 manifest.json 代码：

我用 USB 数据线将我的智能手机连接到我的电脑，并在我的电脑上打开了 chrome。然后导航到 chrome 检查器中的“远程设备”，这样我就可以在我的 android 上浏览到 localhost，看看应用程序添加到主屏幕后的样子。但即使在 manifest.json 上声明“显示：全屏”后，我仍然可以在其顶部看到浏览器地址工具栏。

我怎样才能解决这个问题？

是否可以将 SSO 用于 PWA 以进行独立显示？

我可以通过电子邮件登录我的应用程序，但如果我尝试 twitter/fb/google SSO，它会打开一个新浏览器，因为它们超出了范围。这让它变得非常无用......

只是包装应用程序的唯一解决方案吗？