progressive-web-apps

PWA debug chrome “add to homescreen” button not doing anything

ⅰ亾dé卋堺 提交于 2019-12-11 03:05:09
问题 I am trying to add the "add to Homescreen" prompt function to my website. Now I've read the google developer articles and I have everything set up. Now, If I try to manually add my page to the homescreen with the button "Add to homecreen" in the Chrome devtools > Application > Manifest , nothing is happening. A few times the console showed an error, but after fixing it nothing happens. I don't get the Add to shelf banner, but I don't get an error displayed in the console. Lighthouse doesn't

Ionic + Capacitor - PWA Mobile Camera Access on iOS - Works in Safari - But not when from Home Screen icon

半世苍凉 提交于 2019-12-11 01:44:33
问题 As the title says, the camera works fine in the PWA when navigating to the app URL from within Safari. But after using "Add to Home Screen" to create a desktop icon and launching the PWA from the new icon, the PWA works in every respect as expected, but the camera doesn't open up. I also tried using the Chrome browser on the device, but unfortunately, the camera won't even open from within the PWA when launched via URL. When launching a PWA from the desktop, I assume that iOS will use Safari,

How to get a result back to your web page from an Intent triggered from inside Chrome?

心不动则不痛 提交于 2019-12-10 21:57:09
问题 So I'm excited to find out chrome mobile can invoke intent However, Can I get the result back? I have an input for users to type in barcode for an item. If they are using chrome mobile, I want to invoke a barcode scanner app, and receive the scanned barcode back to the input field. Can't find any relevant information on google. Even a simple link to a documentation or example would help a lot. Thank you. 回答1: Chrome doesn't start the Activity with startActivityForResult so there is no simple

Install To Home Screen on IOs for PWA enabled app

徘徊边缘 提交于 2019-12-10 21:23:35
问题 I've added the pwa modules (or schematic) and I've setup my manifest.json file correctly. On an Android device, my service workers are engaged, I get the install to home screen prompt and the address bar disappears and I can see the native look and feel. However, on Chrome/Safari IOs there is no prompt. Is there anything I need to do programmatically/additionally? 回答1: iOS My PWA's index.html includes the following iOS specific meta tags: <meta name="apple-mobile-web-app-capable" content="yes

How to do periodic background sync in progressive web apps?

我的未来我决定 提交于 2019-12-10 20:46:02
问题 Actually, I want to do background periodic sync in my pwa but,I have searched this at google but don't find the relevant answer that I want! 回答1: Periodic background sync does not currently exist outside of this proposal document. It's not currently part of any web standard, and no browsers have added support for it inside of their service worker implementation. While there is support for background sync inside of a service worker, it's a one-off, not repeated at a time interval. 来源: https:/

What is the expected startup experience for a Progressive Web Application?

跟風遠走 提交于 2019-12-10 19:23:52
问题 Testing a Progressive Web Application. When I start the app in airplane mode, I get an unexpected startup/splash experience (Android/Chrome). Launch from Home Screen Experience I see a white screen, followed by a brief flash of the "offline dinosaur" before the app successfully starts and all is well. The startup time is longer than I expected, especially after testing with Chrome Devtools on a laptop, where startup is near instant. Since it is a little tricky to debug where this time is

Is there a Service Worker startup waitUntil to delay processing fetch?

我怕爱的太早我们不能终老 提交于 2019-12-10 18:45:35
问题 Is it possible to get service workers to wait to begin processing fetch events until asynchronous work completes at service worker startup? I have an app shell with routes defined in data. To install specific route fetch handlers at service worker startup, I need to lookup route data from IndexedDB (asynchronous). Unfortunately, the service worker starts accepting fetch events before the IndexedDB lookup can complete and setup fetch handling for routes. For now, I'm just hardcoding a special

PWAs on iOS 12 no longer shares Service Worker cache with Safari?

被刻印的时光 ゝ 提交于 2019-12-10 18:31:02
问题 For the PWA on iOS 11 we solved the external third party login opened in Safari by storing the login details in the service worker web cache. This no longer works in iOS 12 (in beta as of writing). I think this must be because the PWA now has its own service worker cache that it no longer shares with Safari, but I can't confirm this. Does anyone know if there is a way to share the service worker cache between safari and the PWA? Note that we already tried IndexedDB, but that is not shared,

How can I update home screen icon of my Progressive Web App?

无人久伴 提交于 2019-12-10 17:53:45
问题 I am learning progressive web apps, and I have created on angular application that has all the PWA configuration. Then I hosted that application on firebase and opened it on my android phone and successfully got the prompt saying add the app to home screen. But now I have changed the app icon in the manifest file and in the index.html file then deployed the app again but the home screen icon on my phone is not updating. I have tried uninstalling the app then reinstalling but still it displays

Service Worker skipWaiting unable to activate currently waiting SW

て烟熏妆下的殇ゞ 提交于 2019-12-10 17:46:42
问题 Description: We are using sw precache for caching the scripts before hand, hence to update the scripts we are giving reload option, for that we are listening the worker message to skip waiting the newly install service worker for unknown reason we are not getting correct importScript // GETTING OLD SW reference (self) and NOT getting newly installed SW reference self.addEventListener('message', function(event) { *// not working* self.skipWaiting(); }); // But if we put skipWaiting() in