progressive-web-apps

getUserMedia() in PWA on iOS 11.3.1

此生再无相见时 提交于 2019-12-23 19:32:03
问题 I'm trying to build a PWA of my webapp. My webapp makes use of getUserMedia to let the user make a picture. the webapp works as expected. the browser asks permission to access the camera and if a user accepts it, the app continues to work. Now, I made a PWA which works except for the camera. The user doesn't get a prompt to give access to its camera which is where I think is the problem. Is there any way to trigger the camera access: let constraints = { video: { facingMode: "user" }, audio:

Angular 6 @angular/pwa - sw does not successfuly serve the manifest's start_url

点点圈 提交于 2019-12-23 13:07:37
问题 I've built a PWA using angular 6 and the @angular/pwa package. I've been trying to fix this but no matter what I do, I'm getting the start_url error. I have tried: Using absolute links Making sure the start_url is within the SW's scope (sw is in the main folder) Using the filename "/index.html" as I've seen in other support threads here. Clearing all browser history and cache everytime. Searching through Github issues on the @angular/pwa package Searching google in general for this PWA issue.

target=“_blank” link opening in PWA and not in browser in Android

穿精又带淫゛_ 提交于 2019-12-23 12:13:25
问题 I have a website which is also a PWA. If I add the PWA to my device (Android) and then go back into the browser (Chrome, latest available version for Android), the links with target="_blank" will open in the PWA, no matter what. I know this could be a corner case, but what if I want to be sure that browsers links will be open in browser and not in the PWA? iOS behaves correctly... 回答1: In manifest.json you set a scope, which determines which links will open in the PWA and which will open in

Showing loader while navigating between pages - PWA

孤街醉人 提交于 2019-12-23 12:09:21
问题 I have a PHP based website. I have used service-workers and manifest.json to convert the website into a PWA . Now when I launch the PWA from my Homescreen, it works normally like an APP. But, the problem is that since PWAs does not show browser address bar, user has no way of knowing that the page is being reloaded or the next page is being loaded. When they click something next page gets loaded but no loading indicator is shown . So, now i need to add loading animation while navigating

Are PWA sites in same domain not able to install both on home screen?

為{幸葍}努か 提交于 2019-12-23 10:09:15
问题 I created 2 PWA sites https://s.maplat.jp/r/naramap and https://s.maplat.jp/r/aizumap But these are not able to install on home screen together. Once the one installed, the other cannot install. Are there any specifications or limitations to install PWAs on same domain? 回答1: You can accomplish this with scoped apps. Update your manifest files to include a scope parameter with a value of the path that "app" should be served under. "scope": "/r/aizumap/", and "scope": "/r/naramap/", You can

Is there a way to add badge notifications using progressive web apps (PWA)?

时光总嘲笑我的痴心妄想 提交于 2019-12-23 07:47:06
问题 I'm developing a progressive web application (PWA) that will eventually send notifications to users. I already know I'm able to send push notifications (like any regular app), as explained in the following blog post: https://developers.google.com/web/fundamentals/getting-started/codelabs/push-notifications/?hl=en-us. I also know that I can add a PWA to the home screen, by creating a simple manifest file (https://developers.google.com/web/updates/2014/11/Support-for-installable-web-apps-with

Service Worker: handle requests when offline to send them when online

ぐ巨炮叔叔 提交于 2019-12-23 04:56:31
问题 I have a chat web application and I want it to work offline. For this I use progressive web apps features (Service Workers) to use cache to get the shell app and the messages already loaded. What I want to do is to be able to make a post message when I'm offline and let the service worker handle the connection issues (i.e.: keep the message somewhere till where are offline and as soon as we are online send the Post message). I want to use Service Worker because I also want to send the message

Why is there a white screen between the splash screen and rendered content of my progressive mobile web app and is there a way to remove it?

纵然是瞬间 提交于 2019-12-23 04:32:10
问题 I have installed my mobile web app to the homescreen of my Android phone. When I start the app, the splash screen is displayed with the app icon, name, and background color defined in my manifest.json file. Right after the splash screen disappears, a white screen flickers briefly and then the expected html content is displayed. How do I get rid of this white screen? I have discovered that reducing the file size of my coin-toss.html file (which is my start page) and removing <link> tags can

Why is there a white screen between the splash screen and rendered content of my progressive mobile web app and is there a way to remove it?

醉酒当歌 提交于 2019-12-23 04:31:38
问题 I have installed my mobile web app to the homescreen of my Android phone. When I start the app, the splash screen is displayed with the app icon, name, and background color defined in my manifest.json file. Right after the splash screen disappears, a white screen flickers briefly and then the expected html content is displayed. How do I get rid of this white screen? I have discovered that reducing the file size of my coin-toss.html file (which is my start page) and removing <link> tags can

Angular 6 : DevTools failed to parse SourceMap: https://example.com/ngsw_worker.es6.js.map

谁说胖子不能爱 提交于 2019-12-23 03:47:05
问题 I converted my angular 6 application to PWA using the Angular CLI (ng add @angular/pwa). I only have one project in my directory and so I ran this command without specifying project name. After deployment, the service worker registers - and everything seems to be in order expect i get the following error in google chrome console: DevTools failed to parse SourceMap: https://example.com/ngsw_worker.es6.js.map What does this error mean? And how can it be fixed/avoided? Thank you! 回答1: Go to