progressive-web-apps

Polymer serve and service worker

送分小仙女□ 提交于 2019-12-06 03:11:05
问题 I am trying to get started on debugging my Polymer application. I have hand crafted it by copying what I think the PolymerCLI Polymer init does. I am not sure what is loading service worker. The default one for development just does a console.info() call saying its been disabled for development. When I use Polymer serve to serve my application on localhost: 8080, I get the console.info message, despite there being nowhere where I actually load the file service-worker.js . Because the

Is IndexedDB on Safari guaranteed to be persistent?

孤人 提交于 2019-12-06 02:19:47
Similar to this question , is IndexedDB guaranteed to be persistent ? ie. Safari will not reclaim disk space if the device is low on memory. Safari have " No Eviction policy ", meaning it will not automatically clean the IndexDB on low disk pressure, without user doing it manually. IndexDB is one of the fast evolving feature and you can expect to have a different eviction policy any time with no announcement. You should always build with fall back options. Chrome has explicit persistent storage option which will guarantee no eviction, on user approval for persistent storage and we can expect

How to use Laravel Mix and WorkBox?

拥有回忆 提交于 2019-12-06 01:19:28
I'm trying to build a PWA for my app; and have spent almost 48 hours trying to figure out how to make use of Workbox with Laravel Mix. What's ironical is that Google says Workbox is meant to make things easy! Buh! Okay, so far I've figured out that - I will need to use the InjectManifest Plugin because I want to integrate Push notifications service in my Service Worker I have no clue how to specifiy the paths for swSrc and swDest . What code should go into my webpack.mix.js and whether I should have a temporary service-worker inside my resources/js folder to create a new service worker inside

PWA update icon after user add to homescreen

本小妞迷上赌 提交于 2019-12-05 23:55:27
I want to change my app icon. I've tried changed it but the app icon (already add to homescreen or installed on app drawer) not change. Here is my manifest.json { "short_name": "React App", "name": "Create React App Sample", "icons": [ { "src": "favicon.ico", "sizes": "64x64 32x32 24x24 16x16", "type": "image/x-icon" }, { "src": "react.png", "sizes": "144x144", "type": "image/png" } ], "start_url": "./index.html", "display": "standalone", "theme_color": "#000000", "background_color": "#ffffff" } I've changed the name and icons on size 144x144 but nothing happened. Can I change the app icon

Background events in progressive web apps? (building an alarm clock app)

陌路散爱 提交于 2019-12-05 14:03:02
I am playing around with progressive web apps, and one scenario I wanted to try building was an alarm clock app. I figure to make this app work properly, it will have to run in the background and become active once the internal conditions (current time === alarm time) have been met. Is this possible? Or do progressive web apps not yet have the freedom to operate in the background/access phone features through API's. Thanks! Setting background timers isn't yet possible. The ScheduledTask API is probably do what you want, but it's still being discussed, implemented and so on. 来源: https:/

Service worker not run in offline mode using nodejs server

半城伤御伤魂 提交于 2019-12-05 13:19:18
i've been create new project PWA. when i develop not using node js for (socket.io running) just running in offline like i expected and needed. but when integration with nodejs server. when go online the app running well not get any problem. but when i change to offline mode my service work not run but show offline browser. this my code node js server: var express = require('express'); var app = express(); var server = require('http').Server(app); var io = require('socket.io')(server); var cors = require('cors'); app.use(cors()); app.use(express.static(__dirname + '/')); app.use(function(req,

Remove name in PWA splash screen

元气小坏坏 提交于 2019-12-05 12:56:48
how can I remove the name in the splash screen of my progressive web app? The app name is already in the logo / icon. That's why I don't want to see the name in the bottom of the splash screen again. example manifest.json: { "name": "HackerWeb", "short_name": "HackerWeb", "start_url": ".", "display": "standalone", "background_color": "#fff", "description": "A simply readable Hacker News app.", "icons": [{ "src": "images/touch/homescreen48.png", "sizes": "48x48", "type": "image/png" }, { "src": "images/touch/homescreen72.png", "sizes": "72x72", "type": "image/png" }] } There is not a way to

Progressive web app implementation in ASP.NET MVC [closed]

和自甴很熟 提交于 2019-12-05 12:07:33
I'm researching progressive web apps, and i was wondering if it's possible to integrate this technology with existing ASP.NET MVC web applications. I don't find any example of this integration, only in combination of javascript frameworks that render HTML like angular, knockout etc. Also, is it possible to host a progressive web app on IIS or are you limited to an apache web server? Willem Dewilde After testing, I was successful at implementing the functionality by adding the service worker and manifest to a ASP.NET MVC application. Since the view (HTML) gets rendered in the back-end, it's

IOS 12 PWA support

与世无争的帅哥 提交于 2019-12-05 11:05:55
It is said that IOS 11.4 will support the PWA, but it doesn't. Question: Today IOS 12 released, does Apple support PWA in the 12th version of IOS? (Like add to home screen) PWAs are a complex collection of features and functionalities. Apple added an initial support for some PWA characteristics in iOS 11.3 in march 2018. You can read a really good explanation here, with their significant limitations: Progressive Web Apps on iOS are here https://medium.com/@firt/progressive-web-apps-on-ios-are-here-d00430dee3a7 Unfortunately iOS 12.0 doesn't seem to have improved the support in any significant

Uncaught (in promise) TypeError: Request failed pwa error

南楼画角 提交于 2019-12-05 10:44:15
问题 I am trying to build a Progressive Web App (PWA). The service worker shows registered, PWA audit shows everything good, but the console shows this error: TypeError: Request failed pwa error I am unable to cache the files. I tried all possible answers on Stack Overflow and it's the same //self.addEventListener('fetch', function(event) {}); var dataCacheName = 'myappData-v3n'; var cacheName = 'myapp-3n'; var filesToCache = [ 'images/logo.png', 'js/jquery.min.js', 'js/popper.min.js', 'js