问题标签 [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 投票
2 回答
26198 浏览

vue.js - Vue Cli 3 如何使用官方 PWA 插件(Service Worker)

在我第一个尝试与官方 PWA 插件(https://github.com/yyx990803/register-service-worker)搏斗的 vue 项目中。我的具体问题:捕获注册的服务人员并将其用于任何事情。github 自述文件显示了生成的确切文件,关于如何与这个服务工作者一起工作的文档似乎为零(我是否捕获了注册实例?如果是,如何?)

我发现了这个问题:https ://github.com/vuejs/vue-cli/issues/1481 并提供了一个更好的地方来讨论这个问题,因为我找不到任何示例代码或关于如何与此合作。

如果有人有一些示例代码,请分享。Vue 和新的 cli 是令人难以置信的工具,记录这样的事情是提高平台采用率的必要步骤

0 投票
0 回答
663 浏览

webpack - workbox-webpack-plugin 与离线插件之间的区别?

我想用 webpack 4 构建我的第一个 PWA。workbox-webpack-plugin 与 offline-plugin 有什么区别?

0 投票
1 回答
613 浏览

typescript - 无法使用应用内浏览器显示网站

再会,

我对 Ionic 很陌生,只是为了摆脱它。我正在尝试将我的网站变成一个应用程序,我做了一些研究,发现应用内浏览器是最好的方法。

} }

现在,当我运行此代码时,网站未显示。当我还将 '_system 更改为 '_self 时,它会加载网页,但我会丢失我在应用程序中创建的所有内容。

我知道在上面的几行中遗漏了一些东西,但我不确定遗漏了什么可以让页面在应用程序中显示,同时保持我的标签和整体应用程序的外观。

应用图像示例

编辑:添加了上面的图片以更好地解释它想要做什么。在空白处,应加载网页但未加载

0 投票
1 回答
280 浏览

angular - 离子构建后离子构建卡住了——大型项目中的产品

我开发了一个包含大量页面和组件的 PWA。

当我这样做时ionic build --prod,离子开始构建,在演出后卡住copy finished

我如何构建用于生产的 PWA?

0 投票
0 回答
48 浏览

service-worker - 使用 Workbox 缓存 webdav 请求

我正在尝试使用 Workbox 为 webdav 请求实现服务工作者。但是我无法缓存那些请求方法为 PROPFIND 的请求。

当我在缓存存储中查找缓存请求时,它们没有被缓存。那么如何注册这些路由并使用 Service Worker 缓存它们的响应呢?

0 投票
1 回答
3625 浏览

javascript - Service Worker 发送两个请求

我已经实现了一个服务工作者,它缓存所有离线使用的请求,这工作正常。但是每次我加载一个页面时,都会有两个请求访问我的网络服务器(一个来自服务工作者,一个来自浏览器)!

如何缓存请求并且只加载一次页面?

服务工作者.js

sw-register.js

0 投票
2 回答
859 浏览

javascript - 如何在 iOS 键盘(Web / Hybrid / PWA)上的“tel”输入中获得句点

我目前正在编写一个混合网络应用程序,最终将同时发布到 Android 和 iOS。在应用程序中,我要求用户能够输入小数。

目前在 Android 上,input type="tel"根据需要使用作品,它允许我输入数字数据并允许在它们之间放置一个小数。然而,在 iOS 上,我面临着数字和一些符号,没有句号:

iOS 电话键盘上没有句号

我问的唯一原因 - 而不仅仅是使用type="number"只是因为我使用了一个本地银行应用程序,它允许键盘输入一个句点,所以我希望你可以在 Cordova / Ionic 插件的帮助下实现它?

0 投票
1 回答
662 浏览

ionic-framework - 如何从 Ionic 3 PWA 调用 HTTP 请求?

我正在开发一个 Ionic 3 Progressive Web App (PWA)。我想调用http get请求。这个怎么称呼?由于 Cordova 不支持我不能使用本地 http 插件。有人可以帮我吗?

0 投票
1 回答
779 浏览

android - 如何强制 manifest.json 在现有 Android 设备上刷新

在我的 PWA 中,我想确保对manifest.json文件的任何更改都强制应用于任何已经将 PWA 添加到主屏幕的设备,或者确保 Chrome 不会缓存文件,因此在添加到主屏幕时不会使用旧设置

我尝试更改清单文件的名称和<link>值,但这似乎在下次访问时不起作用

是否有确定的方法来确保使用最新的清单文件?

0 投票
1 回答
1249 浏览

heroku - Heroku 上的 PWA - 将 HTTP 流量重定向到 HTTPS

我正在工作Progressive Web AppReact并在Heroku. 当我测试它时,Lighthouse我得到了警告:

不将 HTTP 流量重定向到 HTTPS

基于文档:

Lighthouse 将页面的 URL 更改为 http,加载页面,然后等待来自 Chrome 调试器的指示页面安全的事件。

事实上,我可以使用 https 或 http 访问该网站。有没有办法在 Heroku 上重定向它?