progressive-web-apps相关内容
我是 PWA 的新手.所以我试图创建一个基本的网站.其中包括索引.html,显现,服务工作者文件,回答.php.Answer.php 正在服务器上运行.单击 index.html 中的按钮时,它会转到 answer.php,其中从数据库中获取数据.我正在缓存除 serviceworker 和 answer.php 之外的所有文件. Q1:我应该缓存 answer.php 吗? Q2:如
..
而不是 serviceworker.js 中硬编码的 url 列表 workbox.precaching.precacheAndRoute([{ url: '/index.php',revision: 'index2209'},{ url: '/images/wifino.svg',revision: 'wifino2209'},{ url: '/offline.php',revision: '
..
EDIT:该代码段在嵌入问题中时可以正常工作,但在编辑时则不行;这让我意识到这与可以滚动的底层容器有关...我在手机上测试了这个,锤子在没有 overflow 属性的小区域上工作正常. 我更新了代码片段以反映这一点. 问题是:如何让它在需要垂直滚动的容器上工作? 我正在 Angular PWA 中构建滑动导航.我让它在 Chrome 桌面上运行,但它在我的手机上不起作用.当我在 Ch
..
我使用 Spring boot 为我的 REST API 部署了一个 JAR.该应用程序还通过 /static 目录提供 React Web 应用程序包. 问题是当我尝试输入此链接时:http://SERVER-IP/password/change/1d0afe95-a643-437e-8307-ed7688b6a756 我看到 Whitelabel Error Page 404 消息
..
我发布了另一个问题作为这个问题的蛮力解决方案(Angular:在其他任何事情之前完全安装 Service Worker) 但我想我会单独制作一个来讨论按预期使用 Service Worker 的用例. 根据service worker生命周期(https://developers.google.com/web/fundamentals/primers/service-workers/life
..
网络应用清单上的 Google 文档指定,为了使网络应用图标正确屏蔽,图标应标记为"目的":"任何可屏蔽".这在 Android 上的 Chrome 上运行良好,但在 Firefox Android(Android 10,Firefox Mobile 68.5.0)中使用“添加到主屏幕"时,掩码无法按预期进行掩码. 在我的清单中,我提供大小为 192x192 和 512x512 的图标;Fi
..
我正在开发 PWA 网站.必须通过单击主屏幕图标来启动应用程序.问题是将 iphone 旋转到横向位置后出现的 20px 间隙.这个差距超出了 Window 对象,所以我无法用 js 或 css 处理它.好像这是状态栏保留区.错误仅出现在 iOS 上(iphone X、XR 和类似产品除外). 是否有可能管理差距?谢谢! 附上一些截图附上 index.html
..
PWA 中面临的问题.我正在尝试使用 HTML、Javascript 在 iOS 的 WKWebview 中显示图像. 示例:我在 xCode 项目中添加了以下文件并使用 WKWebview 进行配置. 在.html
..
我正在使用 TrustedWebActivities在三星 S8、S9 和 Pixel 2 设备上立即发生应用程序崩溃,并出现以下异常.一些研究表明,这可能发生在安装了不支持 TWA 且回退方法失败的旧版 Chrome 的设备上.但我已经确认 Chrome 版本是 71(而且,这适用于三星 S7、Pixel 3). java.lang.NullPointerException:在 android
..
我按照这篇文章从一个 PWA.一切都很好,应用感觉像 PWA,但我无法实现的是将方向锁定为横向. PWA 的清单是这样的: "orientation": "风景",“显示":“独立" 因此,如果您将其从 Google chorme 添加到主屏幕,它会按预期工作. 我尝试在清单文件中设置 android:screenOrientation="landscape" 并像这样在横
..
我已将单页 HTML5 Cordova 应用程序转换为 PWA.该应用程序广泛使用 jPlayer 来播放 mp3 文件.我在这里使用循环 jPlayer 的变体:http://jplayer.org/latest/demo-05/.圆形播放器有一个圆形的进度条,也可以用来在轨道上前后滑动. 在 PWA 模式下一切正常,直到我使用 Workbox(版本 4.3.1)缓存 mp3.然后擦洗失败
..
我在 vue.config.js 中配置了我的 PWA manifest.json,如下所示.如何配置 PWA 图标以引用 assets/ 文件夹中的图像? module.exports = {密码:{清单选项:{名称:process.env.VUE_APP_APP_NAME,短名称:process.env.VUE_APP_SHORT_NAME,start_url: process.env.VU
..
我还在做实验以掌握 Service Worker,我面临一个问题,可能是因为我缺乏 JavaScript 和 Service Worker 的专业知识. 当我希望新的 service worker 使用 postMessage() 来skipWaiting() 时,问题就会发生.如果我显示一个带有按钮的弹出窗口,并将调用绑定到 postMessage() 那里,一切正常.如果我直接调用 po
..
网站网址:[已编辑] 提示适用于三星互联网、Windows 桌面 Chrome、Android Chrome 提示在 Safari 或 iOS 版 Chrome 中不起作用 Lighthouse 测试通过(忽略 start_url 错误,无论我是否修复都没有效果.我已经尝试过了) PWA 可安装在 Android、iOS 和 Windows 上 离线模式在 PWA 中按预期工作 当我运
..
我正在与企业应用服务器一起开发 PWA. 应用服务器为独立浏览器提供响应式 Web 视图,并借助首次在 PWA 启动 url 上设置的 PWA cookie 自定义 PWA 上的视图. 问题是 PWA 和独立浏览器(例如 Android 上的 Chrome)之间的会话正在共享,一旦用户安装了 PWA,随后使用独立浏览器访问站点将显示 PWA 自定义视图. 有没有办法将 PWA 中
..
我有 angular 8 应用.在这个应用中,我有三个项目. 我想用这个命令添加@angular/pwa ng 添加@angular/pwa &&ng build --prod 但是当安装 PWA 时出现错误 错误在./node_modules/@angular/service-worker/fesm2015/service-worker.js模块构建失败:错误:ENOENT:没有
..
为了显示“添加主屏幕"警报,我想集成一个服务工作者和应用程序的离线功能:当用户离线时,应用程序应该只显示一个特殊的离线 HTML 文件. 我的 service-worker 看起来像这样: importScripts('https://storage.googleapis.com/workbox-cdn/releases/3.1.0/workbox-sw.js');const CACH
..
下面的路由定义了将json数据作为MyCachedData存储在缓存中,IndexDb只存储url和时间戳. workboxSW.router.registerRoute('/MyApi(.*)',workboxSW.strategies.staleWhileRevalidate({cacheName: 'MyCachedData',缓存过期:{最大条目数:50},cacheableRespon
..
有没有办法在应用商店发布 PWA 上发布应用谷歌播放和ios iTunes.无需使用cordova 制造马车,这会产生大量需要维护的问题. 解决方案 是的,可以将您的 PWA 发布到 Android AppStore. TWA 可信网络活动是一种使用基于自定义标签的协议将网络应用内容(例如 PWA)与 Android 应用集成的新方法. TWA 使用数字资产链接协议和 API
..
对于 iOS 11 上的 PWA,我们通过将登录详细信息存储在 Service Worker Web 缓存中来解决在 Safari 中打开的外部第三方登录问题. 这不再适用于 iOS 12(在撰写本文时处于 Beta 版).我认为这一定是因为 PWA 现在拥有自己的 Service Worker 缓存,不再与 Safari 共享,但我无法确认这一点. 有谁知道是否有办法在 safari
..