问题标签 [web-app-manifest]

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 投票
0 回答
259 浏览

office365 - 发布到存储后如何在 Office 插件清单文件中添加自定义域?

将清单文件发布到应用商店后,是否有可能添加自定义域?我有一个要求,在将其发布到 App Store 后,我必须在清单文件中添加一个新的 AppDomain。

例如,我的清单文件包含以下 AppDomains

发布后,我想再添加一个域,例如https://login.customdomain.com

是否可以动态添加自定义域,例如:

对此的任何帮助将不胜感激!

谢谢。

0 投票
2 回答
352 浏览

login - Microsoft Graph 应用程序清单

我需要建议:如何防止租户组织以外的人员在 microsoft-graph web-app 中登录?我必须将 Web 应用程序仅限于我的组织/租户。选项availableToOtherTenants已设置为false。是否有最佳实践或 HowToDo?

0 投票
1 回答
11137 浏览

scope - 从带有端口号的本地 IP 地址提供渐进式 Web 应用程序时,我应该在 manifest.json 文件中赋予范围属性什么值?

我的本地 Node JS 测试服务器上的 Web 应用程序清单范围存在问题。我无法获得正确的范围,因为 IP 地址上的端口号妨碍了我。我正在使用以下地址访问我的服务器:

当我使用 Chrome 开发工具查看我的清单时,在 Application 选项卡下,它显示清单文件的 url 为::2468/manifest.json:2468不是我的根文件夹中的目录。

我将所有文件保存在根目录中,包括server.jsmanifest.json和索引,称为my-app.html

在我的清单文件中,我有:

当我将代码上传到我的 Github Pages 站点时,一切都运行良好:工作示例。我认为问题出:2468在我的 IP 地址后面。我没有像 Github Pages 这样的完全限定域名的问题。

如果我尝试将端口号放入清单的范围,如下所示:

它打破了我的清单的范围,我收到了这个警告:Manifest: property 'scope' ignored. Start url should be within scope of scope URL.这很有意义,因为:2468它不是我目录中的文件夹。这只是 Chrome 决定附加到我的清单文件的 url 的东西。

如何解决清单文件的范围以忽略端口号?为什么 Chrome 开发工具显示我的清单位于:2468不存在的目录中?

这是一个问题的原因是因为我的 Web 应用程序无法在应用程序模式下打开,并带有全屏窗口和启动画面。它仅在带有 url 栏的浏览器中打开,并且似乎根本没有使用应用程序清单。

更新:2017 年 11 月 5 日

通过使用该 URL https://192.168.0.101:2468/my-app.html,我可以访问我的 Web 应用程序,而无需:2468/在清单 url 中显示开发工具。我的应用程序确实安装到主屏幕和应用程序抽屉,但它只在浏览器中打开,而不是带有启动屏幕的全屏应用程序。我没有收到有关清单范围的警告,并且我的服务人员注册并完美运行。我开始认为不能从 IP 地址安装渐进式 Web 应用程序,而只能从完全限定的域名安装。这可能是问题吗?

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 投票
2 回答
1617 浏览

html - How can I use Web App Manifest and Application Cache at the same time?

I'm trying to build a simple single HTML page that can be launched when offline (on Android, if that matters).

I'm using the Web App Manifest to give the app a name for adding to the home screen and display fullscreen with no browser chrome. This much works.

This does not appear to be cached when offline. Separately, I can make a page which is cached offline using the application cache:

However, when I try to combine these two (so I can have an offline-cached page that launches fullscreen), the Web App Manifest is ignored and I only get the offline behaviour as in the second example.

What I ultimately want is a single page that can be added to the home screen, that opens full screen with no browser/OS chrome at all, and is cached for use offline. A solution that works just on Android using Chrome 65 is acceptable.

0 投票
2 回答
2840 浏览

google-chrome - Progressive Web Apps - 有没有办法关闭 Chrome 显示的启动画面,或者至少控制启动画面何时消失?

Chrome 引入了闪屏作为 PWA 功能,使其看起来和感觉更像原生应用程序。它在 Web 应用程序清单中name生成icon启动画面。bg_color更多细节在这里:

虽然这一切都很好,但没有适当的文档说明 Chrome 决定保持启动画面可见的时间。

理想情况下,我认为应该直到在屏幕上绘制一些有意义的东西(只是首屏上的东西),但根据我的经验,Chrome 似乎会在很长一段时间内保持这个闪屏(可能是直到页面加载?)

这对于从慢速连接浏览我的网站的人来说是非常糟糕的——以前他们至少可以看到屏幕上正在工作和发生的事情,现在他们只看到一个静态图像(带有图标和名称的启动画面)——他们不知道如何打开网络应用程序需要很长时间,很容易感到无聊和下车。这是非常危险的。

我可以控制闪屏何时消失甚至完全禁用它吗?

0 投票
1 回答
204 浏览

javascript - Web App Manifest 是否包含订单事项?

我正在尝试将 PWA 功能添加到一个简单的站点,但我遇到了 Chrome 版本 68.0.3440.106 的奇怪问题。

我在http://localhost:4502上运行我的测试,在 CMS 的上下文中(所以我在一些限制内工作)。另外,请注意,我删除了所有 PWA/Service Worker 代码,因此没有缓存在起作用。

<head>..我通过以下方式包含清单:

(清单文件的“奇数”名称是我正在使用的 CMS 的约束;我还使用了“json”扩展名来达到与下文所述相同的效果)。

其中包含...

我观察到以下情况:当我的 JS/CSS 包含 ABOVE 时,我的<link rel="manifest" ..事情就乱套了。* 如果我复制页面的 URL,将其粘贴到新的 chrome 选项卡中(刷新现有选项卡不会剪切它),然后为该新选项卡打开 Chrome 开发工具,我可以看到清单的 HTTP 请求/响应,并且在 Dev Tools > Application > Manifest 中似乎可以正确显示所有内容。(到目前为止,一切都很好)。* 如果我然后刷新此选项卡,我看不到清单的请求,并且应用程序 > 清单部分是空白的。HTML 源代码根本没有改变。* 无论我刷新多少次它似乎都没有帮助(也清除缓存等)

2)当我将其移动<link rel="manifest"到任何 CSS/JS 之上时,<head>它似乎可以一致且正确地加载。刷新显示清单的 HTTP 请求的页面,应用程序 > 清单显示正确的信息。

我一直在搜索文档(谷歌,MDN)以查看清单是否必须在任何其他包含之前包含,但我找不到任何说明 - 奇怪的是,在第一次加载选项卡时,它似乎即使在 CSS/JS 之后包含也可以工作。

我希望有一种方法可以加载它,无论发生在哪里<head><link rel="manifest"..因为 CMS 很难保证订单)

0 投票
2 回答
4485 浏览

javascript - Cookie 未随 Web 应用 manifest.json 请求一起发送

我正在尝试在需要身份验证的网站上启用 PWA(通过 Cookie 管理的登录令牌)。

我正在本地尝试这个(http://localhost:4502)并为网站登录(并发出登录 cookie)。

问题是当请求 Web 应用清单时,请求上没有发送任何 Cookie,因此请求没有经过身份验证。

如您所见,清单与包含它的网页使用相同的主机/方案。

清单的请求是否传递了 cookie?我什至将我的登录 cookie 设置为尽可能宽松,但没有。cookie 在所有其他请求(JS、CSS 等)上发送——也许 localhost 有什么特别之处吗?或者它不是http?

0 投票
1 回答
218 浏览

progressive-web-apps - 移动 PWA 打开上一个页面

我向我的网络应用程序添加了一个网络应用程序清单,现在我可以将我的网络应用程序添加到我的 iPhone 主屏幕。我还添加了谷歌工作箱并实施了一些缓存策略。不幸的是,当关闭我的网络应用程序并再次打开它时,它总是显示开始屏幕。我想自动跳回最后看到的屏幕(调用最后打开的 url),而不是总是跳到起始页面。

有没有办法做到这一点?提前致谢!

0 投票
1 回答
320 浏览

ios - Web App iOS 滑动查看上一页

我刚刚向我的网络应用程序添加了一个网络应用程序清单,以便获得更好的移动体验。

当我现在将我的网络应用程序添加到我的 iOS 主屏幕时,一切看起来就像一个真正的应用程序,但不幸的是,左右滑动以跳转到上一个看到的页面不再起作用。它似乎被禁用了。有没有办法再次启用它?在 safari 中运行 Web 应用程序时,滑动手势可以正常工作。

在我的网络应用程序清单中,我设置了 "display": "standalone"。

我不想显示浏览器控件,它应该看起来像一个真正的应用程序。

有没有办法再次启用刷卡?

提前致谢!此致

克里斯