オフラインインジケーター

Experimental Desktop PWA works with Discourse! の議論を続けます:

レビューサイトから @david が有効な課題を提起しています:

https://review.discourse.org/t/feature-make-discourse-work-offline-with-workboxjs-7870/4697/2?u=falco

Telegram は上部にインジケーターを表示しています:

Mattermost は以下のようにしています:

image

以下のようなものはいかがでしょうか:

offline
fa-wifi と fa-slash を重ねたもの

「いいね!」 9

+1 - この機能が欲しいです!

既存のバナーのいずれかを再利用する方が簡単かもしれませんか?例えば、読み取り専用モード用のバナーです。概念的にはそれと非常に似ています。

「いいね!」 5

これは大きな改善になるでしょう。私のフォーラムでは現在、何らかの DNS エラーが発生しています。もしあなたのサービスワーカーが機能していれば、フロントページは表示されますが、実際には何もできず、キャッシュに残っているページを閲覧する程度しかできません。キャッシュされていないページをクリックすると、フォーラムが読み込み中のスピナーを表示し、フロントページに戻ろうとしてもスピナーが回り続けます。原因がわからない場合、非常に混乱を招くでしょう。

サイトがオフラインであることを示すテキストバナーは、見落としがちなアイコンよりも優れています。率直に言うと、このオフラインモードは限られた状況では役立つかもしれませんが、現時点では何も読み込まない方が望ましいです。

「いいね!」 3

cc @david @awesomerobot

ここで新しくできたかっこいい「このサイトは更新されました」ポップアップを再利用するのはどう思いますか?(リンク:このポップアップはうっとうしい)

モックアップ:
image

「いいね!」 7