src/plugin/NavigatorOnLine/index.html

   1 <!DOCTYPE html>
   2 <html>
   3
   4 <head>
   5     <meta charset="UTF-8">
   6     <title>NavigatorOnLine</title>
   7     <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" />
   8 </head>
   9
  10 <body>
  11     <script>
  12         window.addEventListener('online',
  13             new Notification('[ステータス] オンライン', {
  14                 body: 'インターネットに接続されていることを検知しました。'
  15             }));
  16         /* 環境やプラグインの影響によって動作が異なり、接続しているのに接続していない表示されてしまう現象が現れてしまうのを防ぐためにコメントアウトしています。
  17     window.addEventListener('offline',
  18         // オフラインになったときの処理
  19         new Notification('[ステータス] オフライン', {
  20             body: 'インターネットに接続されていないことを検知しました。'
  21         })
  22     );*/
  23         window.addEventListener('online', event => {
  24             // オンラインになったときの処理
  25             new Notification('[ステータス] オフライン --> オンライン', {
  26                 body: 'インターネットに接続が完了されたことを検知しました。。'
  27             })
  28         })
  29
  30         window.addEventListener('offline', event => {
  31             // オフラインになったときの処理
  32             new Notification('[ステータス] オンライン --> オフライン', {
  33                 body: 'インターネットに接続が遮断されたことを検知しました。'
  34             })
  35         })
  36     </script>
  37 </body>
  38
  39 </html>