Angular SPA PWA - Safari iOS选项卡图标不变
Angular SPA PWA是指使用Angular框架开发的单页应用（Single Page Application）并具备渐进式Web应用（Progressive Web App）的特性。在Safari iOS浏览器中，当应用以PWA形式运行时，选项卡图标不会随着应用的更新而改变。
单页应用是一种通过动态加载内容而不需要刷新整个页面的Web应用。它通过使用JavaScript和AJAX等技术，将页面的不同部分作为组件进行加载和渲染，提供更流畅的用户体验。
渐进式Web应用是一种结合了Web和原生应用的特性的Web应用。它可以像原生应用一样在离线状态下运行，并且可以通过添加到主屏幕、推送通知等功能提供类似原生应用的体验。
在Safari iOS浏览器中，选项卡图标不变的问题可能是由于缓存机制导致的。当应用以PWA形式运行时，浏览器会缓存应用的资源文件，包括图标文件。如果应用更新了图标文件，但浏览器仍然使用缓存中的旧图标文件，就会导致选项卡图标不变。
为了解决这个问题，可以尝试以下方法：
- 强制刷新缓存：在应用的HTML文件中，可以通过添加版本号或者随机参数的方式来修改资源文件的URL，从而强制浏览器重新加载新的资源文件。
- 使用Service Worker进行缓存管理：Service Worker是PWA的核心技术之一，它可以控制浏览器的缓存机制。通过在Service Worker中更新缓存策略，可以确保浏览器在应用更新时正确地加载新的资源文件。
- 检查浏览器兼容性：确保使用的Angular版本和Safari iOS浏览器的版本兼容。有时候，某些浏览器版本可能存在特定的兼容性问题，需要进行相应的调整或者使用Polyfill来解决。
腾讯云提供了一系列与Angular SPA PWA相关的产品和服务，包括：
- 腾讯云CDN（内容分发网络）：用于加速静态资源的分发，提高应用的加载速度和用户体验。链接地址：https://cloud.tencent.com/product/cdn
- 腾讯云云服务器（CVM）：提供可靠的云服务器实例，用于部署和运行Angular应用。链接地址：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：用于存储和管理应用的静态资源文件，如图标、图片等。链接地址：https://cloud.tencent.com/product/cos
请注意，以上仅为示例，实际选择产品和服务时应根据具体需求进行评估和选择。
相关·内容
正如标题所说，当从Safari中导航到应用程序URL时，相机在PWA中工作得很好。
但是在使用"Add to Home Screen“创建桌面图标并从新图标启动PWA后，PWA在所有方面都如预期的那样工作，但相机无法打开。
我也试过在设备上使用Chrome浏览器，但不幸的是，当通过URL启动时，摄像头甚至无法从PWA中打开。
当从桌面启动PWA时，我假设iOS将使用Safari，而不是Chrome或其他浏览器。我说错了吗？
但可以肯定的是，我后来卸载了Chrome，遗憾的是结果是一样的，即通过Safari中的URL，PWA可以很好地打开相机。通过桌面图标，没有雪茄。
使用来自：的指令实
浏览 4提问于2019-07-11得票数 3
回答已采纳
我有一个PWA，它在安卓上工作得很好，但由于iOS对PWA施加的限制(特别是访问实时摄像头帧)，它在iOS上受到了限制。在Safari中查看时，该应用程序运行良好。这是违反直觉的，但不幸的是情况就是这样。 有没有办法告诉iOS，它不应该“安装”PWA，而是在主屏幕上创建一个快捷方式，并在常规Safari中打开它？喜欢什么老网站吗？ 或者，我是否需要一个不包含manifest.json引用的iOS的特定index.html？PWA是一个单页面的Angular应用程序。
浏览 24提问于2019-06-27得票数 3
1回答
这个问题似乎很重要。但是，我在任何正式的进步Web应用程序(PWA)文档中都找不到答案。
我的PWA的manifest.json包含了相当多的图标，甚至一个相当大的screenshot.png，这对于PWA的核心来说并不是必需的。
{
"src": "./assets/static/images/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image
浏览 2提问于2021-04-06得票数 2
回答已采纳
我确实在Angular 6中编写了一个PWA，它在ts文件中使用location.href=mailto...并在iOS上运行。 自从客户将they‘’re更新到iOS 13.4后，location.href=mailto:不再在PWA模式下工作，但仍然可以在浏览器(Safari)中正常工作。 有没有办法让它在PWA模式下再次工作？
浏览 28提问于2020-04-05得票数 0
1回答
我们目前正在为我们的Angular web应用程序添加PWA功能，但在iOS设备上有一些问题。虽然iPhone X上的iPhones获得了正确的图标，但一些较旧的手机存在问题。 例如，在Safari7Plus (iOS 13.3，Safari13，build 4.6.1.04)上，只有在第二次安装时才会出现正确的图标。在第一个页面上-它显示为页面截图。在iPhone 6s (iOS 13.3.1)上-重新安装后也不会显示正确的图标。只有页面屏幕。 除了manifest，我还在index.html中添加了图标。 <link rel="apple-touch-icon"
浏览 16提问于2020-07-22得票数 0
我可以按照Angular文档创建并测试一个基本的angular应用程序到PWA。但是，我无法将.NET Core2.2/ Angular 8应用程序(最初使用Visual Studio Angular SPA模板创建)添加到渐进式Web应用程序中。
我正在努力寻找任何关于如何做到这一点的在线帮助。微软的一切都是关于将MVC应用程序转换为PWA -没有任何关于将Angular SPA / .NET核心项目转换为PWA的内容。从角度来看，所有关于.NET Core Visual Studio场景的内容都没有说明任何内容。
到目前为止，我所做的是通过ng add @ angular /pwa (并遵
浏览 0提问于2019-10-09得票数 1
1回答
PWA -离线模式是一种义务吗？
、、、、
我对PWA的概念真的很陌生，在一些研究之后，我发现网站应该是响应式的，在多个平台上都有正确的图标……我知道现在很多浏览器都支持PWA，即使对于iOS/Safari来说，很多进化(没有推送通知的支持)都在iOS 14上(如果我错了，请纠正我)。但我对离线模式感到困惑，特别是在检查LightHouse的时候。 如果我的应用程序不支持离线模式，这是不被视为PWA的条件吗
浏览 14提问于2021-04-16得票数 0
1回答
网站网址:已编辑
提示工作在三星互联网，Windows桌面Chrome，Android Chrome
提示符不适用于iOS的Safari或Chrome
灯塔测试通过(忽略start_url错误，无论我是否修复这一点没有影响。我试过了)
PWA可在Android、iOS和Windows上安装
脱机模式在PWA中按预期工作。
当我运行灯塔测试时，我会得到控制台错误(即使确实存在图像)：在尝试使用Manifest中的以下图标时出错:redacted/assets/图标/图标-144x144.png(下载错误或资源不是有效图像)
清单是有效的，没有语法错误。
实际的
浏览 4提问于2020-06-29得票数 1
回答已采纳
1回答
最近，我用angular创建了一个SPA，并将其配置为PWA (一个单页面应用程序，即PWA)，最近我发现，我们也可以将常规网页(MPA)更改为PWA
所以我的问题是
多页网页(配置为PWA)与SPA (配置为pwa)有什么不同？
我们都知道SPA最重要的好处是无需刷新网页，所以当我创建一个常规的web应用程序并将其配置或转换为PWA时，当它保存在移动或本地存储上时，最终用户无法在页面上看到或填充刷新，因为它的加载速度非常快
为什么我们要花更多的时间来开发SPA并将其更改为PWA，而我们可以轻松地创建一个常规网页并将其更改为PWA？提前感谢
浏览 1提问于2019-03-28得票数 0
2回答
一个几个月的谜团还没有解开，我希望以前有人见过这个，并知道如何解决它。使用角度框架来构建PWA，我遇到了一个问题，即CSS图像和CSS转换是如何造成扭曲和幻影的，这实际上意味着在此之前不能将应用程序发布到iOS设备上。
这是非常不一致的，并随机发生在一个到几个图像在同一时间。这种情况只发生在iOS中。在下列装置上进行测试和复制：
iPhone 6 (iOS 12.1.4) Safari & Chrome & in PWA独立
iPhone 6s (iOS 12.1.4) Safari & Chrome & in PWA独立
iPhone 6+ (iO
浏览 0提问于2019-04-06得票数 2
我在安卓上安装了Chrome和Firefox上的PWA，在iOS上安装了Safari上的PWA。当我在网站上更新我的代码时，我看到PWAs在使用旧的缓存版本和最新的版本方面有很大的不同-Firefox创建的PWA似乎需要大约2-3次终止和重新启动PWA，Chrome需要5-6次，我无法让基于Safari的PWA在没有删除PWA并从浏览器重新添加到主屏幕的情况下开始显示最新版本。
是否有一个规范定义了获取更新的非缓存版本的条件？在大量阅读之后，我禁用了我的服务工作者的注册，这本应使PWAs仅用于网络(没有服务工作者缓存)，但我继续在PWAs中提供站点的旧版本。正常的浏览器窗口似乎也需要多次深度刷
浏览 0提问于2019-01-23得票数 1
3回答
我有一个网站。我有苹果设备的apple-touch-icon.png。我的偶像是：
180×180 PNG图像不透明；
位于网站根目录(可通过/apple-touch-icon.png获得)。
一段时间前，我把我的网站从香草Vue切换到nuxt.js服务器端渲染(SSR)。现在，我的苹果触摸图标没有显示在书签(仅在主屏幕作为网络应用程序)。
我花了很多时间去发现错误。我试着：
更改图标位置和名称；
将图标更改为另一个图像；
添加更多带有sizes属性的苹果触摸图标；
添加更多大小的其他图标，偏爱的图标；
通过在线检查图标(他们是报告我，一切都是好的)；
浏览 11提问于2019-12-23得票数 5
4回答
iOS 12 Safari不支持某些PWAs (渐进Web )的脱机功能。似乎Safari在这些web应用程序中没有正确地缓存资源。
例如，在iOS 12和12.1中，以下PWAs无法脱机工作，但它们在安卓或Windows上的Chrome中都能很好地工作：
google使用的Air Horner PWA演示服务工作人员：
这两个：
复制步骤(100%可复制)：
与Safari一起访问PWA (iOS 12或12.1)
关闭Safari中的PWA选项卡
按iPhone上的主页按钮将Safari设置为背景
按iPhone电源按钮关闭屏幕
再次按下iPhone电源按钮，唤醒
浏览 0提问于2018-11-23得票数 3
回答已采纳
3回答
在iOS上播放Safari中的音频时，可以最小化Safari或锁定屏幕，并且音频继续播放。但是，如果站点安装到HomeScreen作为PWA，最小化PWA或锁定屏幕暂停音频。
在iOS PWA中，是否有任何方法在后台继续播放？
在这里详细描述了这个问题：
浏览 3提问于2020-01-31得票数 8
1回答
如何检测IOS上是否已安装PWA
、、、、
我有PWA角度应用程序，我想显示用户弹出窗口，他/她可以添加主屏幕上的应用程序。 我不希望这个通知在PWA中显示，而只在IOS Safari中显示，所以我使用这个检查： const isInStandaloneMode = () => ('standalone' in window.navigator) && (window.navigator.standalone); 当用户已经安装了PWA时，我也不想在IOS Safari上显示这个弹出窗口，有没有机会检查PWA是否已经安装？
浏览 86提问于2021-02-02得票数 2
3回答
iOS独立PWA输入捕获
、、、
我认为我们在iOS 13.2/13.3中发现了一个关于在独立模式下运行的PWA的回归。 由于在iOS上，PWA不能访问getUserMedia()，因此我们依赖于HTML5输入标记上的capture属性来让用户拍摄照片并将其发送到服务器。 我们的代码如下所示： <div class="camera-upload">
<input type="file" class="hidden" name="uploadPhotoInput" accept="image/*" capture=
浏览 25提问于2019-12-10得票数 10
现在我在iOS 11.3上测试PWA，并使用下面的manifest.json文件：
{
"name": "Maplat PWA Sample",
"short_name": "Maplat PWA",
"background_color": "#fc980c",
"icons": [{
"src": "/Maplat/pwa/icon-96.png",
"sizes": "96x96",
浏览 0提问于2018-03-30得票数 49
回答已采纳
我已经尝试过角7和8，甚至在11/12.4版本的iOS设备上使用Ionic。同样的结果:这个PWA网络应用程序在android Chrome和Firefox上运行得很好，但是当我在主屏幕上添加这个网页时，我才会看到白色的屏幕。
这是我的package.json
{
"name": "caiex-angular6",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng s
浏览 0提问于2019-08-26得票数 0
回答已采纳
是否可以在iOS上的渐进式web应用(PWA)和独立的IndexedDB之间共享Safari商店和数据？如果是，我需要采取哪些步骤来共享存储/数据？
我的用例是，我有一个使用第三方身份验证的准PWA。正常行为是，当导航到第三方身份验证页面时，PWA会自动在一个新的Safari窗口中打开该页面，因为它超出了范围。我想将这个Safari实例中的身份验证令牌保存在IndexedDB中，打开my PWA，然后从IndexedDB加载令牌到my PWA中。
我已经测试了这个实现。它在Safari单机版中运行良好(即我可以从IndexedDB中读取令牌)，但当我导航回PWA并尝试读取数据时，它并不存在。这
浏览 1提问于2018-05-04得票数 7
我已经研究过了，我知道很多人都问过这个问题，但是我仍然不能解决我所面临的问题。所以我会再次提出这个问题。
我正在开发一个应用程序使用角PWA。我希望每次我部署后，应用程序将提示一条消息，用户点击它重新加载应用程序。
目前，我已经使用SwUpdate检查可用的新版本，但它没有提示我的消息(我已经更改了index.html文件中的标题，并在其他组件上更新了一些代码)。
我创建了一个名为PwaUpdateService的服务，在这个服务中，我定义了checkForUpdates()方法。之后，我在AppComponent中调用该方法。
这里是我的代码：
import {SwUpdate} from
浏览 4提问于2020-05-26得票数 1
2回答
我们发现了一个行为，在我看来，这是Safari中的一个bug。安装iOS上的PWA到主屏幕，在独立模式下打开应用程序并轻触任何文本输入，关闭键盘并双击可用空间(如果缩放，则会缩小，然后再次双击)，白色方块从页面底部显示。这可能是由于“键盘”在键盘活动时抵消了内容。我试着用Angular和React来创建空项目，只添加一个输入和一些着色，这样块就更明显了。这两个存储库都可以在GitHub上使用并部署到Firebase。我尝试了几个不同公司的生产PWA，所有的应用程序都有相同的(错误)行为。我已经向苹果公司汇报过了。有没有人找到了防止滚动的解决方案或小贴士？
角度
反应
重现步骤
iOS1
浏览 8提问于2019-03-12得票数 2
我的8角PWA在Chrome和Firefox上加载得很好。没有错误，也没有编译错误。
然而，在MacOs和iOS Safari & Chrome上，应用程序是完全空白的，没有错误。
我在网上找到了以下解决方案，但没有成功：
polyfills.jsadd“crossOrigin”中的取消注释并安装多填充: angular.json中的“使用-凭据”
救命啊！
这是ng版本：
Angular CLI: 8.3.21
Node: 10.16.0
OS: darwin x64
Angular: 8.2.14
... animations, common, compiler, compiler
浏览 3提问于2020-04-11得票数 0
对于Safari11上的PWA，我们通过将登录详细信息存储在服务工作者web缓存中，解决了在iOS中打开的外部第三方登录。
这在iOS 12中不再起作用(在撰写本文时还处于测试阶段)。我想这一定是因为PWA现在有了自己的服务工作者缓存，它不再与Safari共享，但我不能证实这一点。
有没有人知道是否有办法在safari和PWA之间共享服务工作者缓存？请注意，我们已经尝试过IndexedDB，但它不是共享的，当然也不是cookies。
据我所知，这意味着PWA完全是从safari中沙箱出来的，没有办法让第三方登录工作。有什么解决方案吗？
浏览 17提问于2018-08-28得票数 3
回答已采纳
2回答
我们正在体验一个包含服务工作者和围绕此主题的一切的pwa应用程序。
我有一些关于缓存的问题。信息当前被缓存并在脱机时被访问。当我们谈到Android时，这很好用。在IOS中，当我们将应用程序添加到主屏幕(已安装)时，缓存似乎并未共享。似乎IOS为在Safari中访问的应用程序和安装的应用程序(我说的是同一个应用程序)保留了一个缓存。在android中，在chrome中安装和访问的版本似乎共享相同的缓存。
在IOS中，在添加了主屏幕之后，我被迫在线登录以生成已安装的应用程序缓存。
关于IOS，你想知道你是否已经经历过这些吗？持久化这些数据的最佳方式是什么，以便在Safari中访问的应用程序和安装
浏览 4提问于2018-07-13得票数 3
我正在开发一个PWA，并使用移动Safari在iPhone上进行测试。
请注意，我是新的反应和材料-ui，所以可能错过了一些明显的;)
我面临的问题是，我无法在页面的最底部获得要呈现的底部导航组件。
注意:只有当我使用iPhone上的Safari中的“添加到主屏幕”选项安装PWA，然后使用图标打开时，才会出现此问题：
下面是在safari中浏览页面的屏幕截图，下面的导航显示很好：
将页面添加到主屏幕：
使用主屏幕图标打开。注意底部导航不再位于底部：
代码和样式如下：
const styles = {
root: {
position: 'fix
浏览 0提问于2018-09-26得票数 2
回答已采纳
1回答
未显示iOS PWA位置访问提示
、、、、
我已经构建了一个PWA，它调用javascript navigator.geolocation.getCurrentPosition，当Safari权限设置为Ask时，它会提示用户进行位置访问。这是正确的行为，并在Safari中打开时按预期工作。
但是，当添加到主屏幕并以“独立”的显示模式运行时，位置警报不会在我的手机上打开(iPhone 13 mini / iOS 15.1.1)。电话永远不会超时。然后，如果我从PWA切换到Safari，位置警报/提示就会突然显示在Safari中。因此，该警报似乎是针对错误的“选项卡”。如果PWA显示模式为"browser“或”“，且其行为正常，则不
浏览 1提问于2021-11-20得票数 5
我在我现有的基于Angular 5的web应用中添加了PWA和service worker，在第一个版本上看起来一切正常。然而，当我试图发布更新时，一些奇怪的事情发生了。
在使用Chrome的PC上，我没有问题。每次发布后，我都会收到一个警告，要求我更新一个新版本，这很棒。
然而，iOS上没有这个警报，这可能是可以的，因为据我所知，iOS还不支持自动更新。如果我在iOS上使用Chrome，我可以在手动刷新后获得新版本(有时需要几次刷新)。然而，Safari浏览器通常不会显示新版本。如果我不断刷新页面，新的版本最终会出现，但在我关闭并重新打开它后，它又会再次出现。在我尝试的过程中，我获得新版本的
浏览 4提问于2018-07-20得票数 18
2回答
嗨，我想在移动浏览器中显示一个横幅，提示用户从商店下载应用程序(无论是Google play还是Apple)。下面是一个示例
对于IOS，我找到了。它似乎只适用于safari浏览器。有没有办法在其他浏览器上也实现它？
对于Android，我找到了。这是给PWA的。我试图在我们的网站(而不是PWA)中实现它，但是什么都没有显示出来。
有没有办法同时在OSes和所有最新的浏览器中工作？如果没有，我如何获得评级，最新的图标，并检查它是否在国家支持？
浏览 6提问于2020-06-10得票数 3
1回答
我创建了PWA应用程序的角7，角cli 7+，和键盘斗篷作为用户授权层。在Android设备上，一切都很好，但在IOS上，当应用程序安装时，我就看不到材料图标了。我正在使用此链接()中的自托管角材料图标，并将服务工作者配置为在惰性模式下缓存图标。图标必须是自我托管，因为应用程序将没有互联网连接(本地网络)，任何帮助将不胜感激。在这个问题上已经损失了超过16小时。
我注意到的是，只有当页面第一次在设备上被请求时，IOS Safari才会出现图标问题。第二次图标在浏览器中是可见的，但在其他情况下，如果添加快捷菜单图标，而我从主菜单启动的应用程序图标则不可见。
授权重定向有可能是个问题吗？如果不是，
浏览 0提问于2019-06-26得票数 0
回答已采纳
(与有关)
我使用类星体v2.0.0-beta.5和“webpack plugin”："^5.1.4"，下面是pwa教程。我现在正在使用workboxPluginMode：'InjectManifest‘在quasar.conf.js中处理服务工作者部分。我的定制服务-worker.js只是：
import { precacheAndRoute } from 'workbox-precaching'
precacheAndRoute(self.__WB_MANIFEST)
加载pwa时会出现以下错误
非数组:传入'workbox-precach
浏览 5提问于2021-02-16得票数 2
回答已采纳
2回答
从外部url打开已安装的PWA
、、、、
是否有办法在iOS- Safari中打开已安装的PWA中的网站(PWA) urls？
使用案例:我正在发送电子邮件链接来登录我的PWA，我如何才能用安装的PWA而不是浏览器直接打开这个url？
浏览 55提问于2018-06-19得票数 39
回答已采纳
1回答
我正在尝试实现从PWA下载图像。我正在使用
<a target="_blank"
rel="noopener noreferrer"
href="photo.url"
download>Download image</a>
来实现这一点。我擅长使用桌面Chrome和Safari，以及Android版的Chrome。但是，当我在Safari iOS 13中处于独立模式(PWA)时，我无法关闭打开的保存文件的窗口。在iOS 12上有一个按钮‘完成’和预览图像。
我尝试过的解决方案。但是没有成功；Safari阻
浏览 13提问于2019-10-22得票数 17
3回答
我正在IOS 11.3中测试渐进式Web应用程序。
我的pwa有一个Facebook社交登录按钮，当点击时，会指向一个外部链接(不同的windows.location)。
问题是pwa打开safari应用程序来显示外部链接，而不是使用pwa内部的webview。因此，当登录完成时，您不会被重定向到pwa，而是保持在safari中。
我尝试了下面这样的例子：，但似乎不起作用
如何强制pwa在webview中打开外部链接？
提前感谢
浏览 0提问于2018-05-24得票数 7
1回答
在运行PWA 15.4.1的iPhone上，似乎存在一个问题，即PWA的后退按钮显示的是“◀无题”，而不是PWA的实际名称或短名称(见下图)。
点击苹果地图链接后，iOS 12.2 (左)和iOS 15.4.1 (右)的PWA在黑暗模式下相同。查看地址栏中的后退按钮。
有没有一种方法可以在Safari中从独立的PWA打开链接，并在后退按钮中显示应用程序名"◀My“，而不是”◀无题“？
浏览 4提问于2022-04-29得票数 1
回答已采纳
我正在用IOS 13.2制作一个PWA。
我需要启动另一个PWA从我的应用程序点击一个外部链接。
问题是，我当前的PWA打开了应用程序内浏览器中的所有外部链接，而不是常规的safari，并且在应用程序内的浏览器中没有添加到主屏幕选项。
如何迫使PWA在常规safari中打开外部链接而不是应用程序内的safari？
不起作用的东西
更改清单文件中的作用域
使用rel="noreferrer"
使用target="_blank"
浏览 5提问于2020-02-17得票数 16
1回答
我在Firebase上部署了一个PWA (在URL的末尾有一个唯一的标识符)，它在web浏览器移动/web中工作。当我下载这个PWA (通过添加到iOS上Safari中的主屏幕)时，唯一的标识符就消失了。它在Mac和Android上运行得很好，但是不知道为什么这个URL会被截断(只在iOS上)。
(下载PWA时浏览器中的URL)
(URL在iOS上下载PWA )
我不知道从manifest.json中添加或删除什么来使它对iOS起作用。
浏览 5提问于2022-08-19得票数 1
我已经使用Ionic 4构建了一个PWA，它有一个使用'mailto:‘方案的“联系人”按钮和一个简单的href。 <a href="mailto:example@gmail.com">Contact</a> 这用于在iOS 12.1中从主屏幕启动PWA时打开原生邮件应用程序。由于我更新到了PWA12.2，它只是打开iOS内部的Safari，并显示一条消息，说明Safari无法打开以“mailto：”开头的链接。 我尝试过使用其他URI方案，比如“instagram：”或“message：”，但它们都会导致相同的问题。当我从主页开始我的PWA时
浏览 22提问于2019-04-10得票数 3
回答已采纳
我需要在PWA (渐进式PWA应用程序)中实现NFC (近场通信)
我测试过的每个浏览器(Chrome MacOSX，Safari MacOSX，Safari iOS，Chrome for android)都没有在导航器中包含navigator.nfc对象，而且似乎不可能使用这个接口：。
是否可以在PWA中以任何方式使用NFC？或者我必须为这个功能开发一个本机应用程序吗？
浏览 3提问于2018-07-02得票数 15
回答已采纳
我很好奇，在添加到主屏幕后，PWA会在引擎盖下使用什么浏览器?它是您最初选择“添加到主屏幕”的浏览器吗?如果是，如果我在手机上从Chrome添加PWA到主屏幕，然后删除Chrome (假设我的手机上只剩下Safari )，PWA还能工作吗?当单击主屏幕上的图标时，PWA还能工作吗？
浏览 1提问于2016-12-01得票数 20
回答已采纳
我需要知道什么是最大的服务工作者& PWA缓存？我知道我们可以缓存一些CSS和JS文件，但是图像和更新的数据+我可以缓存所有的东西，直到用户能够在SPA应用程序中浏览而没有错误。
浏览 0提问于2018-12-03得票数 0
回答已采纳
我有一个PWA，提示Android用户将PWA添加到他们的主屏幕上，但我也想在iOS上为Safari用户展示一个工具提示，展示如何将PWA添加到他们的主屏幕，因为这不是他们支持的特性。
我正在考虑使用特征检测，但我找不到一种方法，比如：
if ("a2hs" in navigator) {
// Do something for browsers supporting A2HS feature
} else {
// Show the tooltip if the browser does not support A2HS
}
我也认为我需要这样的东西：
const i
浏览 7提问于2022-02-01得票数 0
目前我正面临着一个奇怪的问题，我没有任何线索(因此，对于这个非常模糊的问题，很抱歉)。我已经开发了一个Angular Web应用程序，它提供文件下载。现在奇怪的部分是：
在iOS (13.3，iPad，iPhone)上测试时，基本上一切正常。然后我对我的测试做了一些变化:我使用了“添加到主屏幕”功能，其中的web应用程序基本上伪装成PWA，iOS/Safari是在没有任何浏览器UI的情况下打开的。
在这种模式下，Safari对文件下载的处理略有不同:当下载文件时，它会显示一个全屏覆盖图，上面有文件名和一些选项，以及顶部栏中的一些"Back/Done“按钮(参见下面的屏幕截图，其中我下载
浏览 2提问于2020-01-21得票数 1
1回答
我有个工作的PWA。灯塔显示PWA应该可以安装，安装提示显示在中。PC上的Chrome DevTools显示了新的图标。
最近，我把我的应用程序的图标改成了一个新的图标，这个图标是由我们的市场部提供的。但是，安装提示符仍然显示旧图标。所有的图标都会显示新图标，Safari上也会显示新图标。
以下是我尝试过的：
将?v=123添加到图标路径的末尾
清除chrome中的浏览器存储
重新启动电话
确保所有新图像与旧图像具有相同的分辨率。
这个示例图像的页脚显示了我所指的提示：
浏览 0提问于2018-10-09得票数 2
3回答
在5月24日(昨天) mac更新Big Sur (11.4)之后，web检查器只显示Console、Sources和Audit选项卡。控制台选项卡不显示应用程序中的任何内容，它始终为空。Source选项卡不再显示应用程序代码。我试过清理Safari Cache，也尝试过Safari Technology Preview，但这些都不起作用，还是一样烦人的事情。这里有没有人经历过类似的事情？
Safari版本14.1.1 (16611.2.7.1.4)
Safari技术预览版124 (Safari 14.2，WebKit 16612.1.11.10)
环境：
Ionic:
Ionic CL
浏览 0提问于2021-05-26得票数 4
我们目前正在为我们的一个客户开发一个PWA。一切都很顺利，但在iPhone (iOS 12.2)上测试时，我们遇到了一个问题，在href中有sms:123-456-7890的标签。您会看到"Safari无法打开此页面，因为存在sms:标签“(释义)。 如果你是通过Safari浏览网站(不是在PWA模式下)，锚标签可以正常工作，并且你的iMessage打开时会显示其中的数字。但是当你在PWA模式下点击链接时，你会得到我上面提到的消息的一个版本。 从研究来看，这似乎是iOS 12.2版本中的某种错误，尽管没有正式提到。 我很好奇，是否有人有幸找到了解决这个问题的办法？ 提前谢谢。 Edi
浏览 32提问于2019-05-24得票数 0
回答已采纳
2回答
摘要:如何在不使用繁重的JS框架的情况下处理PWA中的导航、历史和深度链接？
当领导一个团队将一个现有的购物网站从Angular 1 SPA转换成一个多页面应用程序(MPA) PWA时，我被一些设计决策所困扰，因为PWA是一个相当新的概念(对我和我的团队来说)。
到目前为止，我的理解是，我们完全可以避免任何框架，使用普通的旧javascript和服务工作者，并将SPA拆分为MPA，从而增加了拆分每个页面所需资源的好处，并且不必下载SPA工作所需的巨大js文件。
我们被卡住的地方是使用浏览器历史API处理路由和深度链接的能力，这样页面的每个部分都有一个唯一的URL，并且可以被添加书签。
我们当然
浏览 2提问于2018-10-02得票数 1
我已经创建了一个PWA，它使用WebRTC的getUserMedia来获取实时摄像头流。PWA使用的是manifest.json，在安卓系统上运行良好。
然而，在iOS上，如果我直接在Mobile Safari中打开链接，这个应用程序也可以工作，但如果我将它添加到主屏幕上，它是未定义的(因为iOS只允许在Safari上下文中使用它)。
作为一种变通办法，我想在Mobile Safari模式下打开应用程序，而不是全屏模式，但我不知道怎么做，因为一旦检测到manifest.json，它就会自动打开全屏。
有谁知道如何在Safari中打开一个带有清单的应用程序吗？
谢谢!
浏览 4提问于2018-06-11得票数 8
1回答
PWA闪屏褪色为黑色？
、、、
在iPhone iOS 11.4上，当从主屏幕点击PWA图标时，它会显示闪屏，变为黑色，然后返回闪屏。不知道为什么会变成黑色，但可以在这里的PWA示例中看到：
在线演示：
Github repo：
demo源码：
只需在手机上打开在线演示链接，将其添加到您的主屏幕，然后单击主屏幕上的PWA应用程序图标，即可查看闪屏问题。
有没有办法消除黑屏(所以这只是闪屏)？
浏览 1提问于2018-07-03得票数 3
我按照安装2011和B2B的步骤进行，一切都很顺利。Hybris服务器与cx- for -spa配方正在运行，控制中心正在工作，并返回powertools-spa的响应。Chrome Dev Tools中没有显示错误，CORS已经添加并请求网址：。正在返回响应
浏览器控制台、OCC或Spartacus日志上没有错误
角度依赖关系如下
"@angular/animations": "~10.1.6",
"@angular/common": "~10.1.6",
"@angular/compiler&#
浏览 3提问于2021-01-19得票数 1
我对iOS感到头疼，在这里我无法检查我的PWA模拟器和模拟器。
这是我的规格：
iOS版本- 12.4
safari版本- 12.1.2
safari tp版本-版本88
macos版本- 10.14.6
xcode beta - 11.0
知道为什么会发生这种事吗？和/或如何解决这一问题？
浏览 0提问于2019-07-30得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
