问题标签 [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.
javascript - 循环访问 JSON 响应对象
拜托,我想循环访问来自 API 的这个 json 响应,当我将它记录到控制台时,我一直不确定。
这是我的代码:
请问我做错了什么
progressive-web-apps - 每页方向的 Web 应用清单
在渐进式 Web 应用程序的 Web 应用程序清单中,是否可以根据用户正在查看的页面设置不同的方向?
这是我的manifest.json
样子:
安装应用程序时,上述清单会导致https://example.com/start_page.aspx
所有其他页面都以纵向显示。是否可以强制https://example.com/other_page.aspx
以横向显示,同时将我的网站的其余部分保持纵向?
ionic-framework - 在浏览器中输入网址时,Ionic PWA 应用程序非常慢
当我单击按钮(已添加“添加到主屏幕”)时,第一次进入网站非常慢。它的时间将需要 40 秒。有人建议我如何提高我的 PWA 网站速度?
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 文件
angular - 当用户通过 Angular 5 / Ionic 3 PWA 使用浏览器操作时会发生什么?
当我们有一个原生/混合移动应用程序时,它通常归结为通过移动应用程序 UI 改变应用程序状态的用户操作。
但是现在,当我们有一个渐进式 Web 应用程序(可能还不是全屏 UI,因为用户尚未将其添加到主屏幕等)时,我们继承了一些额外的用户操作,我们必须将其视为事实来源:
- 用户可以更改/输入新的 URL
- 用户可以后退/前进
- 用户可以点击刷新
因此,让我们假设以下上下文:
- 我们有一个带有一些延迟加载页面的 PWA:主页、aboutpage、userpage。
- 此示例没有登录身份验证等
- 当用户导航到 www.ourprogressivewebapp.com 他们登陆主页:https://ourprogressivewebapp.com/#/home.page
- 我们 PWA 的导航堆栈现在有 rootPage = homepage
给出上述“状态”的问题:
当用户此时点击刷新时会发生什么?用户第一次输入原始网址(www.ourprogressivewebapp.com)和点击“刷新”(现在地址字段显示https://ourprogressivewebapp.com/#/主页)
现在,如果用户在应用程序的 ui 中单击“转到关于页面”,该页面延迟加载并被推送到导航堆栈(用户看到: https ://ourprogressivewebapp.com/#/about.page,rootpage 是主页,但我们也有关于现在堆栈中的页面)。如果用户现在点击刷新会发生什么?应用程序会“跳过”加载主页吗?
最后一个,现在用户点击了用户页面,它也被“推”到了导航堆栈(https://ourprogressivewebapp.com/#/user.page)。如果这个用户开始在他们的浏览器中按“返回”会发生什么?这将被解释为 pop() 方法并且这些页面将“脱离堆栈”或者从应用程序的状态角度来看在这种情况下真正发生了什么?
我正在寻找直接答案或帮助指出详细介绍此行为的文章。
native - 是否可以从本机应用程序调用 PWA?
PWA 是否支持自定义 url 方案?
我们将开发 PWA。此 PWA 在 iPad 上使用自定义 url 方案调用本机应用程序。PWA 调用的原生应用程序会在处理完成后回调 PWA。但我不知道如何从本机应用程序回调 PWA。
请给我们您的建议好吗?
android - 使用 Angular 6 将指定文件夹下的所有图像从图库加载到 PWA 应用程序中
我正在创建一个 PWA 应用程序,我需要在自定义网格视图中显示给定路径下的所有图像(例如,存储在移动设备中“下载”文件夹下的所有图像)。
是否有任何选项可以获取所有图像源并在角度 PWA 应用程序中显示相同的图像?
javascript - Chrome 开发者工具无法检测清单
我有manifest.json并添加到我的HTML中<link rel="manifest" href="./manifest.json">
。
我认为一切都很好,但我不明白为什么 chrome 开发工具无法检测到我的清单!
我的manifest.json:
angular - 使用 Ionic 3 缓存存储增加了很多。导致配额超出错误
我使用 Ionic 开发了几个 PWA 应用程序。
每次我重新加载应用程序的页面时,在浏览器中,缓存存储的大小都会增加。而且没有清洗。它可以达到数 GB 的空间,最终导致配额超出错误。
如何避免在我的应用程序中过度使用缓存?