Safariなどのmanifest.jsonに非対応ブラウザに

WEB制作
Safariなどのmanifest.jsonに非対応ブラウザに

PWACompatは、manifest.jsonの対応していないブラウザをサポートすることができるGoogle製のライブラリです。

このライブラリを使用すれば、iOSのためにメタタグを羅列したり、スプラッシュスックリーン用の画像を準備する作業から開放されます。

目次

デモ

Google Developers

デモサイト

実装方法

<link rel="manifest" href="manifest.json" />
<script async src="https://cdn.jsdelivr.net/npm/pwacompat@2.0.8/pwacompat.min.js"
    integrity="sha384-uONtBTCBzHKF84F6XvyC8S0gL8HTkAPeCyBNvfLfsqHh+Kd6s/kaS4BdmNQ5ktp1"
    crossorigin="anonymous"></script>

各ブラウザへの効果

iOS Safari

  • apple-mobile-web-app-capableの追加
  • apple-touch-iconの追加
  • splash screenの追加

IE・Edge

UWP API

  • タイトルバーの色の設定

参考リンク