progressive-web-apps相关内容

角7 pwa动态清单

我已经创建了一个角度为6的PWA。 稍后我想有不同的图标和启动URL,因为应用程序将在多个URL下运行(每个帐户将被分配一个唯一的URL,每个帐户都有不同的标志)。因此,我希望动态更改清单.json。 有办法做到这一点吗? 编辑: 我这样试一试: Pwatest ..
发布时间:2022-08-09 23:07:07 其他开发

IOS重定向至特定的密码重置页面?

登录我们的网站时,会出现以下iOS消息: 当用户点击在网站上更改密码时,我们是否可以将文件放在我们网站的根文件夹中,以告知iOS重定向到以下确切的URL,而不仅仅是我们的主页 ? www.example.com/pages/reset-password/ 推荐答案 一种方法是在您的服务器上设置/.well-known/change-password重定向到您的实际密码重置页面 ..
发布时间:2022-08-09 23:02:57 移动开发

颤动平台特定的依赖关系

我想用Ffltter从一个代码库中构建一个Android、iOS和网络应用程序。由于网络目前还不支持所有的颤动插件,我将不得不使用具有依赖项(例如dart:html)的替代插件,而这些依赖项在Android和iOS上是不可用的。 如何根据运行应用程序的平台插入正确的实现,而不加载不必要/不可用的包? 推荐答案 使用条件导入可以做到这一点。您可以在这里找到语法的示例:https:/ ..
发布时间:2022-08-09 22:54:27 移动开发

使用Workbox运行时缓存,请求不会显示在Chrome的缓存存储上

我正在使用工作箱运行时缓存来缓存外部调用(Materialize.css就是其中之一)。在我的网络选项卡中,它显示请求来自serviceWorker(看起来很好): 但在缓存存储上,我的运行时缓存看起来是空的: 您可以在chromes的应用程序选项卡上看到我的服务人员,这是网站:https://quack.surge.sh/ 服务人员编码: const workboxSW ..

如何用WORKBOX测试预缓存?

如何知道我们的网站是否使用缓存存储中的资产? 一旦我们将资产存储在高速缓存中。在我们更改最新资产的版本之前,网站会一直使用这些资产吗? 推荐答案 您可以使用浏览器的开发人员工具来验证网络请求的情况。 Chrome Firefox Safari 官方文档有各种主题帮助调试和配置工作箱缓存: Common recipes Troubleshoot and Debug ..
发布时间:2022-07-05 14:41:19 前端开发

添加到已安装PWA的主屏幕上显示Chrome徽章(唯一快捷方式是安装)

我们有一个不会安装的PWA,而是只添加了主屏幕的快捷方式(应用图标上带有Chrome徽章)。 灯塔审核为可安装应用程序提供了3/3的100%(使用HTTPS、注册服务工作者、清单满足可安装性要求),声明“浏览器可以主动提示用户将您的应用程序添加到他们的主屏幕中,这可能会带来更高的参与度。” 确实会显示“将XXX添加到主屏幕”横幅,并且会触发安装前提示,但它始终会创建快捷方式,而不是应用 ..
发布时间:2022-07-05 14:35:25 移动开发

PWA未作为WebApk安装

我已经做了一个PWA,它通过了所有灯塔因素。访问网站时,甚至会显示AddToHomeScreen弹出窗口,但当您将其添加到主屏幕时,它不会显示在应用程序抽屉中,并且其图标上有一个镀铬徽章。 我没有任何其他的想法去做。已注册服务工作人员,已注册不同大小的图标,已注册可屏蔽图标,Web清单正确。 我该怎么办? 推荐答案 问题已解决。因为似乎有某种类型的服务器端在Chrome中进行检查,在添 ..
发布时间:2022-07-05 14:25:01 移动开发

可以用PWA设置闹钟吗?(构建定时器/闹钟应用程序)

我正在构建一个PWA应用程序,它的工作方式与Pomodoro时钟类似。因此,它会倒计时25分钟,并在时间到时通知用户。 我在想几个解决方案。 -当PWA应用程序启动时,它会设置手机内置的闹钟 -PWA应用程序一直在后台运行,它会触发自己的警报。 我的应用程序将有关计时器何时结束的数据保存在Firebase的实时数据库中。因此,我在考虑使用Firebase函数来检查还剩多少时间,但这可能是不 ..
发布时间:2022-04-04 22:41:03 前端开发

PWA-请求许可在Android Chrome上不起作用

我正在尝试请求用户通过Notification.requestPermission()授予权限,但它似乎只在桌面浏览器中起作用。 在Android Chrome中未显示提示,但如果显示alert(Notification.permission),则提示被拒绝。 我还能做什么? 推荐答案 您可能已经阻止了移动浏览器中的notificationsunknowingly Acti ..
发布时间:2022-04-04 22:33:29 前端开发

电容器储能或科尔多瓦储能

我正在使用Ionic v5开发一个PWA应用程序,我需要脱机保存一些内容以呈现给用户。 我正在考虑使用Capacator将我的Web应用程序发布到一个本地应用程序中,作为Cordova的替代方案,但数据存储是我的应用程序的一个重要方面。 电容存储和科尔多瓦存储是否相同? 推荐答案 对于PWAS:电容存储回落到使用localStorage。而离子存储(利用Cordova)按顺序使用Ind ..

卸载后Web应用程序不会显示并添加到主屏幕(&Q)

这是我第一次创建Web应用程序。我设法解决了这个问题,所以我得到了实际的Chrome提示符“将其添加到主屏幕”。然后,我已经从我的手机上卸载了这款网络应用程序,因为我想把它展示给我的同事。但是,该提示不再出现在屏幕上。 问题:这是故意的行为还是我的应用程序/服务工作人员有问题?如何提示我的手机第二次显示安装横幅? self.addEventListener('install', eve ..

浏览器栏中未显示安装按钮的渐进式Web应用程序

我正在尝试创建PWA,但似乎没有任何内容显示在我的网站上显示安装为Web应用程序按钮。 安装按钮如下所示,并显示在地址栏中: 当我访问某个话语站点时,它就会显示出来,而不是我自己的站点。 我的脑袋里有以下内容: 我的清单在根目录中,名为MANIFEST。WebMANIFEST: { "name": "Example 1", "short_name": "exa ..
发布时间:2022-04-04 22:27:22 前端开发

渐进式网络应用程序(PWA)无法在Android手机屏幕上弹出推送通知

使用需要创建推送通知的PWA(渐进式Web应用),这些推送通知需要尽可能明显。 像大多数聊天应用程序一样,我希望通知弹出在移动屏幕上。在安卓9和10(未测试其他版本)上,推送通知会发出声音,并被添加到抽屉中,但不会弹出。 经过一些研究,我发现Android原生应用程序需要添加通知频道&(Android Oreo中添加的功能),才能将应用程序的通知设置设置为声音和弹出窗口(也可以称为Head- ..

要求网站访问者在移动设备上添加家庭桌面快捷方式(渐进式网络应用程序)

我记得当我用Chrome Android访问某些网站时,有一个底部弹出窗口,显示如下: 要在您的家庭桌面上安装快捷方式(&Q)?单击此处。 如何为Android浏览器和iOS浏览器启用此行为,并提供安装桌面快捷方式图标? 以下是我已经尝试过的内容,但没有成功:在HTML本身中: ..
发布时间:2022-04-04 22:23:23 前端开发

IOS PWA单机版:如何在新窗口中强制打开

我在主屏幕上保存了PWA,这将以标准方式打开,没有搜索栏或底部按钮(共享、选项卡等)。 因此每个链接都在PWA中打开,这是意料之中的。 我在Safari中显示pdf时遇到了问题,因为它们通常在Safari中打开时带有";Share";按钮和所有底部栏,但在PWA中,它们打开时没有底部栏和任何Share按钮。 所以我的想法是在新的Safari窗口中打开PDF链接(h ..
发布时间:2022-04-04 22:20:39 移动开发

在Mobile Safari Break应用程序中反应PWA图像上传?

我们很惊讶在网上没有发现任何提及此问题的内容,因此我们在此发帖,希望找到解决方案。 在Mobile Safari中使用iPhone时,当我们运行下面两个容易遵循的测试时,一个有效,一个不起作用。 这里是链接 https://pwa-react.netlify.com/ 以下是我们运行的两个测试(都列在链接中),其中一个在非PWA模式下工作,另一个在PWA模式下失败。 测试1:工 ..
发布时间:2022-04-04 22:18:07 移动开发

如何在iOS中保存PWA状态

我意识到iOS目前并不完全支持渐进式Web应用程序,但在服务工作者和Web应用程序清单标准得到支持之前,我希望该应用程序能够在相同的状态下关闭和重新打开。我应该提到的是,目前我打开的应用程序没有导航栏,所以在这方面它确实感觉像是一个本地应用程序,但缺少了这一点,我认为这可能是有益和可能的。 举个例子: 会发生什么: 从主屏幕打开PWA图标 打开到默认打开页面 导航到PWA中的 ..
发布时间:2022-04-04 22:16:47 移动开发