progressive-web-apps相关内容
Chrome 76在全功能框中引入了一个按钮,用于在满足PWA标准的情况下“安装应用程序”。 有没有办法防止此按钮出现在Chrome桌面的全能框中? 推荐答案 假设您要阻止默认设置以显示自定义安装横幅,read here。 但是,此脚本将完全阻止安装横幅! window.addEventListener('beforeinstallprompt', (e) => {
..
嗨,我在服务人员中面临着一种有线行为。在清除所有缓存加载后,页面服务工作者将所有内容加载到缓存API。然后我离线并重新加载页面,该页面没有加载。我再次上线并加载页面,然后离线加载页面,这一次页面加载正确。我不知道为什么这种行为与服务人员的等待时间有关,如何解决这个问题。 经过几次调试后,我发现我的FETCH代码在第一次加载页面时不会执行。从第二个页面加载开始,它就会获得点击 我的示例应
..
我有一个有角度的PWA,它没有脱机启动(http错误504)。当我签出/ngsw/状态时,我收到以下错误: Error: Hash mismatch (cacheBustedFetchFromNetwork): https://example.com/favicon.ico: expected 566d8535a3adc2f7210a8a890bdc50ec4f91f0e3, got 8e0
..
我要使用ASP.NET Web表单创建一个PWA。我无法了解如何注册服务工作者以及如何使Web应用程序可供联机使用。 推荐答案 对您的问题的简短回答是“是”。 我已在我的Web Forms ASP.NET站点上启动并运行它。 使用Microsoft PWA Builder。这非常简单,而且会为你节省一些时间。 https://www.pwabuilder.com/ 我
..
在iOS上的Safari中播放音频时,可以最小化Safari或锁定屏幕,音频将继续播放。但是,如果站点作为PWA安装到主屏幕,则最小化PWA或锁定屏幕会暂停音频。 有没有办法让iOS PWA在后台继续播放? 此处详细描述了该问题: https://medium.com/prototyped/what-we-learned-about-pwas-and-audio-playback-10a0
..
我正试图在ASP.NET Core 3中创建一个ANGLE SPA。因此,我启动了一个新项目,使用了ANGLE模板,并将所有包更新到了ANGLE的8.2.9版本。到目前为止一切顺利,有一个很好的CI/CD管道连接到Azure,网站运行得很棒。 然而,现在我正在尝试将PWA功能添加到应用程序中。因此,我根据ANGLING的文档添加了PWA(ng Add@Angel/pwa),一切看起来都很好。 我
..
我正在尝试实现从PWA下载图像。我正在使用 Download image 实现这一点。我擅长使用桌面Chrome和Safari,以及Android版的Chrome。但当我在Safari iOS 13上处于独立模式(PWA)
..
原因-我创建了一个Progressive web app,在浏览器中打开-一切正常,浏览器让我将其添加到主屏幕。 现在,我想在演示文稿上演示这一点,因此-从主屏幕上删除了图标。但在过去的一天里,我一直在玩Chrome版的网站,横幅再也没有回来过。 这真的是千载难逢的事情吗?或者我有什么特别需要做的吗? 推荐答案 应用程序安装横幅提示通常在您访问该站点至少两次且每次访问间隔至
..
我通过Safari及其“添加到主屏幕”选项安装了一个定制的渐进式Web应用程序。 如果我在没有互联网连接的情况下导航到某个特定的页面,我会像预期的那样得到Safari的本地离线页面。页面显示以下消息: Safari无法打开页面,因为您的iPhone未连接到Internet。 如果我再次打开Internet连接,PWA仍显示本机Safari脱机页面,使用户无法重新加载该页面或导航到
..
我想知道iOS设备的渐进式Web应用程序的解决方案是什么,因为他们默认的Brower Safari还不支持渐进式Web应用程序。 那么iOS的替代方案是什么? 推荐答案 请记住,“支持渐进式Web应用程序的浏览器”不是一个真正的术语,PWA本身是Web应用程序可以为用户提供的一组功能。因此,这不仅仅是关于服务工作者和应用程序清单。 签出:Baseline PWA Checklis
..
我有一个多页网站。我使用“共享”菜单中的“添加到主屏幕”按钮将其添加到iPhone的主屏幕上。 当我使用主屏幕中的图标打开它时,网站会全屏显示。但当我转到具有不同路线的任何子页面(如example.com/page)时,我会在顶部和底部看到灰色条,显示地址、后退和前进导航、完成按钮、共享按钮、在Safari中打开按钮。 如何使其始终全屏显示? 不能将发送路线更改为使用#。 它在过去的某
..
我在清单.json中使用静态变量变量创建了一个功能,例如: -- name -- short_name -- start_url 它在“添加到主屏幕”上运行得很好。 当我动态设置MANIFEST.json变量时,添加到屏幕不起作用 基本上我有一个电子商务PWA。我的要求如下:如果用户访问应用程序URL(例如:www.Example.com/Products/PRODUCT_N
..
我知道您可以将push notifications发送给安装了pwa的用户。但是,这始终需要发送通知服务器以及最终用户设备处于联机状态才能接收和显示通知。 我想知道是否有办法可以将推送通知“安排”在稍后显示,就像it is possible on Android那样,能够在不需要连接互联网的情况下实现事件提醒之类的功能。 编辑:从Chrome 80开始,通知触发are availabl
..
如何在PWA中显示脱机消息? 我在我的HTML代码中使用Bootstrap 5主题创建了1个帖子。 https://getbootstrap.com/docs/5.0/components/toasts/ 我想要的: 当用户没有Internet连接时,会显示消息&您正在脱机? 如何操作?以下是我的代码。 index.html
..
Short:我想知道在更新后,当服务工作者完成文件下载时,是否可能触发某种事件或回调。 长版本:我有一个PWA,它使用ANGLE(8)和它的ANGLE ServicWorker。在ngsw配置中,我将安装和更新模式设置为预取。 通常,当更新被推送到服务器时,应用程序注册到更新事件,并且服务工作者开始下载新文件(.js、Assets、.html等)。我可以在控制台的网络选项卡中看到新文件是如
..
我正在尝试使用Create Reaction App创建一个进步的Web应用程序,但当我使用灯塔进行基准测试时,我得到了一个错误。我的pwa不是经不起考验的,奇怪的是,如果我使用CRA的官方pwa模板,我也会遇到同样的问题。 我尝试将启动URL更改为我的应用程序的域名,但不起作用 我收到此错误: Does not register a service worker that co
..
我知道我们可以在生产模式下测试我们的服务人员,但重新构建和部署的过程相当烦人。有什么方法可以在开发模式下启用Serve Worker吗? 推荐答案 更改此设置 window.addEventListener('load', () => { const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
..
我有Blazor Web程序集PWA,如何打开设备本机摄像机? 我正在尝试编写PWA以捕获和保存图片。 编辑 要将捕获的图像作为jpeg保存到Azure Blob存储。 HTML 您可以通过推荐答案输入来实现这一点。您只需添加属性capture即可直接打开设备摄像头。
..
我花了一个下午的时间试图找出@nuxtjs/pwa工作箱模块,但几乎没有结果。我不是这方面的专家,我开始完全迷惑了>;<;如果有任何帮助,我将不胜感激! 唯一有效的是缓存已访问页面的HTML/CSS/JS结构。我估计这是开箱即用的。即使它看起来是一个错误并且应该缓存所有路由https://github.com/nuxt-community/pwa-module/issues/24?
..
我使用 ReactJs 开发了一个关于 PWA(渐进式 Web 应用程序)的 PoC,以展示如何使用浏览器 API 中的摄像头、地理定位、麦克风、光传感器等. 我已经为这个 Web 应用程序中的每个功能创建了一个路由,并且在 localhost 中一切正常.但是,当我在 Azure Wep App Linux 服务 上部署我的 react 应用程序的 npm 构建版本时,它无法正常工作.我可
..