问题标签 [angular-pwa]

我制作了一个角度应用程序，其中也完成了 PWA 实现。它在安卓设备上运行良好。它基本上将登录的用户数据存储在 localStorage 中。因此，当我通过浏览器打开应用程序然后单击添加到主屏幕时。应用程序作为 PWA 应用程序安装在 android 中，它还显示用户已登录 PWA 应用程序。但是当我在 IOS 中做同样的事情时，它不会显示用户已登录，而是显示默认索引页面。在IOS中，我打开safari浏览器，登录到应用程序后单击添加到主屏幕，该应用程序将登录用户的信息存储在localstorage中，安装PWA应用程序后，我打开应用程序但它直接显示索引页面意味着不显示用户已登录. 是否可以在 IOS PWA 应用程序中显示用户登录的应用程序也与 android 相同？

我有一个 Angular 和 PWA 的项目。操作系统为 Windows 10。角核版本为 8.2.14，pwa 版本为 0.803.19。清单文件是

当我第一次在桌面上安装 pwa 时，清单文件是默认的，带有默认图标。然后我用主题颜色更改了图标文件夹中的图标和它们在清单中的路径。我曾多次尝试重新安装该应用程序，但主题和图标与默认设置相同。我检查了控制台 - 有新图标。提示安装应用程序也是如此。但是当我点击安装时，已安装的应用程序图标和主题默认为 angular。我什至尝试重命名图标文件夹。它没有帮助。仅当我将其显式粘贴到 index.html 主题颜色中时，主题才会更改。有两件有趣的事。第一个是当我在已安装的应用程序上尝试使用 RMB 时，属性-> 更改图标，它只为我提供了一个新图标，没有默认角度。但如果手动更改并重新安装应用程序，图标再次是角度默认值。其次，当我们第一次尝试在另一台 PC 上安装应用程序时，安装的应用程序带有新图标。在我看来，PC上有某种缓存或其他东西。我还没有找到有关此问题的任何信息。有人有什么想法吗？在生产中，它可能会成为一个问题，我认为这不是正确的行为。

这是我的 ngsw-config.json

我正在尝试将侧边菜单项链接到外部网站，但它似乎不起作用

下面是我的代码

我尝试删除 https，从 www 和其他修改开始，但它们似乎并没有使它工作

任何帮助，将不胜感激

我认为我们在 iOS 13.2/13.3 中发现了关于在独立模式下运行的 PWA 的回归。

由于在 iOS PWA 上无法访问 getUserMedia()，我们依赖 HTML5 输入标签上的capture属性让用户拍照并将其发送到服务器。

我们的代码如下所示：

当我们在 iOS 13.1 或更低版本的设备上以独立模式运行 PWA 时，一切都按预期工作。如果我们在 Safari 上以浏览器模式运行 PWA，那么无论 iOS 版本如何，一切正常。

当我们在装有 iOS 13.2 或 13.3 的设备上运行 PWA 时，该功能一直有效，直到我们将 PWA 置于后台，然后再次置于前台。PWA 发送到后台后，捕获启动相机，但预览是黑色的。所有相机控制（闪光灯等）都可以工作，但没有拍照。

我们在附加了 XCode 控制台记录器的情况下运行了一个测试，它看起来在应用程序被置于后台一次后 AVCaptureSession 无法启动。

这是设备日志的跟踪：

https://pastebin.com/qGZpN6dM

我们正在使用 Angular 8 构建我们的 PWA。

有没有人看到过这样的事情或者可以给我们一个提示？

我想为 angular pwa 扩展本机服务人员。任务：更改所有基本获取的 url（在 sw 中称为 origin）它需要镜像 - 在 sw 中所有镜像的 url 上。我试图通过复制 ngsw-worker.js 注册自定义 sw 并对其进行扩展，但它破坏了 sw 的配置和更新机制（因为我必须禁用 angular.json 中的默认 serviceworker 标志以排除默认 ngsw-worker.js 文件使用）。

在您的项目目录中运行ng add @angular/pwa@0.7.4命令，pwa 所需的所有文件都将添加到您的根目录中：

我制作的Progressive Web AppIonic and Angular 8在 Chrome 和Android devices. 但是，如果我切换到iOS device，则无法正确应用样式。

Buttons, Icons and the Titlebar-Font有错误的颜色。

为了让我的应用程序运行，我使用ng build --prod生成的 www 文件夹并将其复制到我的网络服务器。

编辑 发现错误。iPad没有更新。iOS版本已经过时了。

我想构建一个能够连接“常规”蓝牙的 PWA，而不是蓝牙低功耗 (BLE)。那可能吗 ？

基于 PWA 的缓存调用会比网络调用慢吗？

这是我在其中一个 Web 应用程序中看到的 JSON 资源：

缓存清除并从服务调用：426 毫秒从服务工作人员调用（在开发工具/网络大小中，服务工作人员提到）：576 毫秒

该文件在 Manifest.json 中没有条目，但在 ngsw-manifest.json 中以静态方式提及该文件。

我不确定这种想法是否错误，但看起来从缓存读取比网络调用这里的某些资源要慢。

我你去应用程序https://quotesaboutjesus.netlify.com/quotes并查看 Chrome 开发工具中的应用程序选项卡，几秒钟后你会看到服务人员运行良好......并且应用程序在在线模式下运行良好.

但灯塔审计结果总是告诉我：

• 当前页面在离线时没有响应 200。
• 离线时 start_url 没有响应 200 start_url 确实响应了，但不是通过服务工作者。
• 不注册控制 page 和 start_url 的 service worker

但是正如您将在我的代码中或直接在我的 manifest.webmanifest 中看到的那样，我做到了（我认为？：因为 Lighthouse 说我没有）：

1. 添加网络应用清单。
2. 检查清单中的 start_url 是否正确。
3. 将服务工作者添加到您的应用程序。
4. 使用 service worker 在本地缓存文件。
5. 离线时，使用 service worker 作为网络代理返回本地缓存的文件版本。

所以我不明白为什么我没有通过审计测试（你可以很容易地自己在网上复制它）。

我想这可能是因为我的 SW 注册有点晚，所以我尝试优化应用程序的性能，但即使现在它的性能得分更好（至少在审计测试期间为 90），它没有通过这个测试。

有人能帮我吗 ？

显示 Lighthouse 错误消息的图像

显示服务人员工作良好的图像

显示 (start_ul in) 清单的图像