问题标签 [progressive-web-apps]

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 投票
1 回答
2516 浏览

javascript - 渐进式 Web 应用程序中的重定向

我正在尝试在通知单击时重定向到渐进式 Web 应用程序中的特定 URL,但它不会重定向。

案例 1:如果 Web 应用程序未添加到主屏幕,则在通知单击时打开浏览器窗口并重定向到所需的 url。

情况 2:如果将 Web 应用程序添加到主屏幕,则登录页面是主页,而不是所需的 url。

提前感谢一吨!

0 投票
1 回答
973 浏览

service-worker - 服务工作者正在发出多个请求以缓存资源

当我致力于构建渐进式网络应用程序时。我们正面临服务工作者的奇怪行为。

预期结果:只有一个网络请求应该针对一个资源。

实际结果:为每个资源发出两个网络请求 [屏幕截图[1]

0 投票
1 回答
248 浏览

progressive-web-apps - 如何使用 Service Worker 和 srcset 创建离线应用?

我希望我的应用程序(静态网站)使用 Service Worker 离线运行。srcset如果不缓存属性中的所有图像,我看不到这样做的方法。我可以看到客户端提示将如何解决问题,但除了提供请求的文件之外,是否有一个解决方案可以在不涉及服务器做任何事情的情况下工作?

img给定标签中的信息和图像的命名约定,我也许可以看到 Service Worker 如何计算要请求的图像...

有没有人解决过这个问题,或者根本考虑过这个问题?

0 投票
2 回答
2176 浏览

javascript - 使用服务人员缓存指向另一个页面的链接

我正在寻找缓存动态链接页面的内容。我有一个简单的 index.html 并注册了一个服务工作者,并且想要设置它,当你到达这个页面时,它会动态缓存链接指向的内容(这个想法是第二个页面不会包含在静态安装事件)。

基本上我正在设计一个页面,该页面将链接到我想要存储在缓存中的推荐/相关页面。当用户单击指向推荐的相关页面的链接时,我希望它从缓存中加载。

索引.html:

page2.html:

这是 plunkr:https ://plnkr.co/edit/YIAacgkuboyRBkv10hfl?p=catalogue

如何设置我的 fetch 事件以动态缓存第二页的内容,而无需将 page2.html 显式放入我的静态安装事件中?

0 投票
2 回答
8027 浏览

android - 可以将渐进式 Web 应用程序注册为 Android 中的共享选项吗?

总新手问题。

Tl;dr - 可以将渐进式 Web 应用程序注册为 Android 中的共享选项吗?

在 Android 中,我们可以将内容“共享”到其他已安装的 Android 应用程序。例如,假设我在我的 Android 设备上安装了适用于 Android 的 Chrome 和 Google+ 应用程序。我可以通过转到 Chrome 的汉堡菜单 → 共享... → Google+(以及其他已安装的本机应用程序列表)将我在 Chrome 中查看的网站共享到 Google+。可以在此已安装的本机应用程序列表中注册渐进式 Web 应用程序吗?如果是,你能告诉我一些例子或代码实验室吗?如果不是,这个功能是在渐进式网络应用程序还是 Android 的路线图中?

0 投票
2 回答
1142 浏览

polymer - Polymer Starter Kit vs Polymer App Toolbox

Polymer Starter Kit和Polymer Starter Kit有什么区别Polymer App Toolbox

两者都是 Web 组件、构建和测试工具以及用于使用 Polymer 构建渐进式 Web 应用程序的 Material Design 模板的集合。

我的新项目应该基于哪一个?

0 投票
2 回答
1783 浏览

javascript - 渐进式网络应用程序中的路由

我正在尝试在我的渐进式网络应用程序中使路线工作。现在的根页面是index.html。我有下一页称为admin.html。我在这里遇到的问题是使 url 看起来像https://sampleapp.com到根页面的路由,即index.htmlhttps://sampleapp.com/adminadmin.html的路由。

我曾尝试查看教程,但在任何地方都找不到。

提前致谢!

0 投票
2 回答
3063 浏览

icons - 渐进式网页的初始屏幕上未出现徽标

在这些演示中,初始屏幕上有徽标。

https://addyosmani.com/blog/getting-started-with-progressive-web-apps/

我不知道我在清单中做错了什么 - 我有一个图标,但它没有出现在我的初始屏幕上。

我的清单如下所示:

我需要超过 1 张图片才能显示在初始屏幕上吗?

0 投票
2 回答
238 浏览

asp.net-mvc - 我的 Polymer App Shell 中应该包含什么?

我开始专注于 Progressive Web App 环境,我正在使用 ASP.NET 4.6 和 MVC5 以及 Polymer Single Page App。我想知道我的 App Shell 中应该包含什么?

到目前为止,我已经包含了应用程序位置、应用程序路由、应用程序工具栏、应用程序抽屉布局,并使用了 Polymer 硫化。文件大小为 266 KB,我在第一次加载时注入了 HTML 内联。

这只会在视觉上加载导航栏。导航栏需要一个纸标签元素和我的自定义登录元素。我应该将它们包含在第一个负载中吗?

其他一切都是延迟加载的。

0 投票
3 回答
6945 浏览

service-worker - 用户可以清除 service worker 缓存吗?

我已经构建了一个使用缓存的渐进式 Web 应用程序,但我不清楚用户是否可以(意外或故意)清除服务工作人员缓存,这可能会清除我的跟踪数据。