【问题标题】:The 'Add to homescreen' link is not visible in Chrome Devtools - Application - ManifestChrome Devtools - 应用程序 - 清单中看不到“添加到主屏幕”链接
【发布时间】:2019-09-20 01:15:13
【问题描述】:

我正在尝试模拟this guide from google 中描述的“添加到主屏幕”事件。但是,他们在 DevTools - Application - Manifest 下的屏幕截图中的蓝色链接“添加到主屏幕”根本不在我的 Chrome 开发工具上。我已经在几个 PWA 上进行了尝试(包括 Google I/O 2016 progressive web app PWA 建议作为第一个链接中尝试该功能的页面)。没运气。该链接根本不存在。

最终,我想捕捉事件,阻止默认设置,然后向用户显示自定义的“安装此应用”消息,正如建议的 in this guide。但是为了测试它,我需要这个 Chrome DevTools 功能。

我的 Chrome DevTools 版本是 76。

【问题讨论】:

标签: google-chrome-devtools


【解决方案1】:

链接网络清单并在 html 文件中添加网站链接

https://openclassrooms.com/en/courses/2479876-build-your-website-with-html5-and-css3/2490386-creating-links

例如

<p>This is the homescreenlink <a href="http://www.homescreenlink.domainame"></a>?<br />
</p>

在运行chrome开发工具中,

检查应用程序列表中的错误信息很重要。

https://developers.google.com/web/tools/chrome-devtools/progressive-web-apps

您在处理此问题时收到哪些错误消息? https://developers.google.com/web/fundamentals/app-install-banners/

可以使用本教程进行调试。 https://developers.google.com/web/tools/chrome-devtools/javascript/reference

【讨论】:

    猜你喜欢
    • 2020-01-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-04-17
    • 2015-12-10
    • 2013-02-14
    • 2011-12-28
    • 1970-01-01
    相关资源
    最近更新 更多