问题标签 [pwa]

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 投票
3 回答
44 浏览

javascript - 循环访问 JSON 响应对象

拜托,我想循环访问来自 API 的这个 json 响应,当我将它记录到控制台时,我一直不确定。

这是我的代码:

请问我做错了什么

0 投票
2 回答
1186 浏览

node.js - Angular 6 PWA 与 Node 不工作

我有一个 Angular 6 应用程序,它可以在使用命令服务时工作并注册 SW, http-server --port 8080如您在此处看到的: 在此处输入图像描述

在此处输入图像描述

但是当我从我的 Node / Express 应用程序中提供文件时,它们应该被提供。服务人员不会注册,尝试从 localhost 和 Heroku 运行应用程序,但它是一样的。应用程序以其他方式工作。知道什么会导致这种情况吗?

在此处输入图像描述

0 投票
1 回答
995 浏览

progressive-web-apps - 每页方向的 Web 应用清单

在渐进式 Web 应用程序的 Web 应用程序清单中,是否可以根据用户正在查看的页面设置不同的方向?

这是我的manifest.json样子:

安装应用程序时,上述清单会导致https://example.com/start_page.aspx所有其他页面都以纵向显示。是否可以强制https://example.com/other_page.aspx以横向显示,同时将我的网站的其余部分保持纵向?

0 投票
1 回答
677 浏览

ionic-framework - 在浏览器中输入网址时,Ionic PWA 应用程序非常慢

当我单击按钮(已添加“添加到主屏幕”)时,第一次进入网站非常慢。它的时间将需要 40 秒。有人建议我如何提高我的 PWA 网站速度?

0 投票
0 回答
293 浏览

javascript - 找不到角度服务工作者 ngsw_serviceworker.es6.js.map

我已经注册了一个角度为 4 的服务人员,当通过 https 以 prod 模式构建时,它控制台显示一条消息 DevTools failed to parse SourceMap: https://www.somewebsite.com/ngsw_worker.es6.js.map

我的 Package.json 文件

0 投票
1 回答
207 浏览

angular - 当用户通过 Angular 5 / Ionic 3 PWA 使用浏览器操作时会发生什么?

当我们有一个原生/混合移动应用程序时,它通常归结为通过移动应用程序 UI 改变应用程序状态的用户操作。

但是现在,当我们有一个渐进式 Web 应用程序(可能还不是全屏 UI,因为用户尚未将其添加到主屏幕等)时,我们继承了一些额外的用户操作,我们必须将其视为事实来源:

  • 用户可以更改/输入新的 URL
  • 用户可以后退/前进
  • 用户可以点击刷新

因此,让我们假设以下上下文:

  • 我们有一个带有一些延迟加载页面的 PWA:主页、aboutpage、userpage。
  • 此示例没有登录身份验证等
  • 当用户导航到 www.ourprogressivewebapp.com 他们登陆主页:https://ourprogressivewebapp.com/#/home.page
  • 我们 PWA 的导航堆栈现在有 rootPage = homepage

给出上述“状态”的问题:

  1. 当用户此时点击刷新时会发生什么?用户第一次输入原始网址(www.ourprogressivewebapp.com)和点击“刷新”(现在地址字段显示https://ourprogressivewebapp.com/#/主页

  2. 现在,如果用户在应用程序的 ui 中单击“转到关于页面”,该页面延迟加载并被推送到导航堆栈(用户看到: https ://ourprogressivewebapp.com/#/about.page,rootpage 是主页,但我们也有关于现在堆栈中的页面)。如果用户现在点击刷新会发生什么?应用程序会“跳过”加载主页吗?

  3. 最后一个,现在用户点击了用户页面,它也被“推”到了导航堆栈(https://ourprogressivewebapp.com/#/user.page)。如果这个用户开始在他们的浏览器中按“返回”会发生什么?这将被解释为 pop() 方法并且这些页面将“脱离堆栈”或者从应用程序的状态角度来​​看在这种情况下真正发生了什么?

我正在寻找直接答案或帮助指出详细介绍此行为的文章。

0 投票
2 回答
3658 浏览

native - 是否可以从本机应用程序调用 PWA?

PWA 是否支持自定义 url 方案?

我们将开发 PWA。此 PWA 在 iPad 上使用自定义 url 方案调用本机应用程序。PWA 调用的原生应用程序会在处理完成后回调 PWA。但我不知道如何从本机应用程序回调 PWA。

请给我们您的建议好吗?

0 投票
1 回答
494 浏览

android - 使用 Angular 6 将指定文件夹下的所有图像从图库加载到 PWA 应用程序中

我正在创建一个 PWA 应用程序,我需要在自定义网格视图中显示给定路径下的所有图像(例如,存储在移动设备中“下载”文件夹下的所有图像)。

是否有任何选项可以获取所有图像源并在角度 PWA 应用程序中显示相同的图像?

0 投票
2 回答
1801 浏览

javascript - Chrome 开发者工具无法检测清单

我有manifest.json并添加到我的HTML<link rel="manifest" href="./manifest.json">

我认为一切都很好,但我不明白为什么 chrome 开发工具无法检测到我的清单!

我的manifest.json

0 投票
2 回答
303 浏览

angular - 使用 Ionic 3 缓存存储增加了很多。导致配额超出错误

我使用 Ionic 开发了几个 PWA 应用程序。

每次我重新加载应用程序的页面时,在浏览器中,缓存存储的大小都会增加。而且没有清洗。它可以达到数 GB 的空间,最终导致配额超出错误。

如何避免在我的应用程序中过度使用缓存?