首页 > TAG信息列表 > progressive-web-apps

javascript-防止安装PWA

为什么要配置我的manifest.json以禁用要求“安装”网站的浏览器弹出窗口? 因为我正在使用以下js代码来阻止它: window.addEventListener('beforeinstallprompt', function(e) { e.preventDefault(); return false; }); 但是我需要在AMP版本上也要防止它.而且我无法运行js代

javascript – 检测服务工作者中脱机状态的最佳实践

我有一个服务工作者,如果客户端没有网络连接,则应该缓存一个显示的offline.html页面.但是,它有时会认为导航器即使不是离线也是脱机的.也就是说,navigator.onLine === false.这意味着即使在线,用户也可能获得offline.html而不是实际内容,这显然是我想避免的. 这是我在main.js中注册

用于检查PWA或Mobile Web的Javascript

我很好奇是否有人知道基于javascript的方法来检测网络体验是作为PWA(渐进式网络应用程序)运行还是只是作为标准移动网站运行(具有完整的浏览器UI). “已安装”的PWA与尚未注册的服务工作者和/或应用程序缓存的PWA之间是否存在任何差异?解决方法:如果这是出于分析目的,您可以在清单文

可以将渐进式Web应用程序注册为Android中的共享选项吗?

总新手问题. Tl; dr – 可以在Android中注册一个渐进式网络应用程序作为共享选项吗? 在Android中,我们可以将内容“共享”到其他已安装的Android应用中.例如,假设我在Android设备上安装了Chrome for Android和Google应用程序.我可以通过Chrome的汉堡菜单→分享…→Google(以及其他

在Android上,Progressive Web Apps与本机应用程序相比具有哪些功能,反之亦然

2015年,谷歌推出了一种开发Android应用程序的新方法:progressive web apps.可以创建一个看起来像本机应用程序的应用程序,可以使用设备的硬件,如摄像头和加速度计,接收推送通知,有一个启动器图标,离线工作,存储本地数据等 在Android上,本机应用程序提供的渐进式Web应用程序不支持哪

javascript – iOS 11 – 独立的网络应用程序链接打开默认反转? (在Web应用程序中处理PDF显示.)

阻止独立网络应用中的链接在移动版Safari中打开有很多流量,但引用的iOS版本要早得多(7-9?).在iOS 11中,我遇到了相反的问题:在我的独立Web应用程序中,我有指向需要显示的PDF文件的链接.当我点击它们时,无论我给出了什么选项,它们都会在Web应用程序浏览器中打开,而不是在Safari内部打

javascript – 在页面之间导航时显示加载程序 – PWA

我有一个基于PHP的网站. 我使用了service-workers和manifest.json将网站转换为PWA. 现在,当我从主屏幕启动PWA时,它通常像APP一样工作.但是,问题在于,由于PWA不显示浏览器地址栏,因此用户无法知道正在重新加载页面或正在加载下一页.当他们点击某些内容时,下一页被加载但没有显示加

javascript – 渐进式Web应用程序manifest.json文件中的无效JSON语法

使用Google Lighthouse extension或其他类似的manifest.json验证服务时出现以下错误. “错误:文件无效JSON:SyntaxError:位于0的JSON中的意外标记” 清单有效.我得到了“添加到主屏幕”提示,并且在开发工具(应用程序/清单部分)中找到了manifest.json文件,但未显示该文件的参数. 我已经

javascript – 当Cache-First策略中的内容更改时,网站不会更新

我在我的渐进式网络应用程序中使用缓存优先策略,我想支持离线浏览.我注意到离线浏览工作正常,但是当我更新网站上的内容时,它仍然显示旧的东西.我不确定我的代码有什么问题,因为我希望它在加载离线之前检查是否有更新内容.我有manifest.json,Service-worker.js,Offlinepage.js和mai

android – 如何让PWA应用程序访问其他本机应用程序?

我正在创建一个在iOS和Android上运行的PWA应用程序.应用程序需要支持导航.我知道很难支持PWA应用程序上的导航我想要实现的是弹出一个对话框,要求用户打开导航的原生应用程序,如谷歌地图或苹果地图等.我怎么能通过PWA做到这一点应用? 另一个用例是我如何将其他信息传递给本机应用程

javascript – 服务工作者也被缓存在Chrome中?

我构建了一个Progressive Web App,https://www.tavest.com. 我不明白为什么我的服务工作者也被缓存在Chrome中? https://www.tavest.com/service-worker-tavest.js因此,当我更改服务工作者时,chrome不会检测到更改,因此服务工作者不会更新. 尽管我多次刷新页面,它仍然是相同的.但是,

javascript – 具有FCM推送通知的Angular Service工作者

在我的网络应用程序中(使用Angular4)我使用“@ angular / service-worker”:“^ 1.0.0-beta.16”用于生成服务工作者,并使用firebase-messaging-sw.js进行FCM推送通知,角度/ service-worker仅在生成版本中创建worker-basic.min.js.现在,如何将这两个服务工作者一起使用?解决方法:我可

android – PWA有没有办法访问主机设备的电话号码?

我计划为Android设备开发一个渐进式Web应用程序 – 一个主要问题是PWA是否可以访问主机电话号码.我们的业务是为我们的业务合作伙伴提供廉价的手机,如果我们的PWA可以访问设备的电话号码,我们可以做更简单的双因素身份验证. 我想一下PWA可以访问主机电话号码的方式 – 是用户从手机