48095


PWAをサーバーなしでダウンロードすることはできますか?  
PWAを利用する場合、最初はHTTPSサーバーからダウンロードする必要がありますが、  
これをHTTPSサーバーなしで、ローカル(file://)においてあるhtmlファイル上で行うことは可能なのでしょうか?

例えば、20問ぐらいのクイズを出題するhtmlファイル(jsとcssも含む)があるとします。(クイズの問題はhtmlに直に書いてある)  
何問か解いた後、途中で中断し、その後、再度同じhtmlファイルを開くと、前回中断したところから再開されるようにしたいです。

この環境では非常に残念ですが、サーバーは使えず、WebExtensionのインストールもできません。

htmlとjsだけでこのようなことは可能でしょうか?


CC BY-SA 4.0
2018-09-04T12:58:42.203
48082
2023-03-22T01:53:45.843
5246
question
javascript html
サーバーなしでPWA(Progressive Web Application)的なことをする


「前回中断したところから再開されるようにしたい」ということと`PWA`は関係のない話です。`PWA`が提供する主な機能はキャシュとプッシュ通知で、`PWA`を導入しても、「前回中断したところから再開されるようにしたい」ということはできません。

「前回中断したところから再開されるようにしたい」のであれば、`Web
Storage`を使用して、適当なタイミングで現在開いているページを保存します。`localStorage`を使うのであれば次のように書きます。

[code]

    localStorage.setItem('page', pagenumber);
    
[/code]

再度開く時に、`localStorage`からそのページを取得して、そのページに移動すればいいだけです。

[code]

    var page = localStorage.getItem('page');
    
[/code]

`file://`の場合`json`からデータを読み込むようにしていると`Cross
origin`でエラーになるのですが、htmlに直に書いてあるということなので動作します。また、`localStorage`は、`file://`の場合にも動きます。


CC BY-SA 4.0
2018-09-05T02:35:15.483
48095
2018-09-05T04:44:47.530
2018-09-05T04:44:47.530
15171
15171
48082
answer