<template>
<div>
<button v-show="appBnr">インストールする</button>
</div>
</template>
<script>
export default {
data() {
return {
appBnr: false
};
},
mounted () {
// アプリ
if (window.matchMedia('(display-mode: standalone)').matches === false) {
this.appBnr = true;
}
// safari
if (window.navigator.standalone === false) {
this.appBnr = true;
}
},
}
</script>
Vue.jsでPWAアプリとして表示されているかを判定するスクリプトです。「standalone」で表示されているかで判定するようです。「ホーム画面に追加」ダイアログを呼び出す際に使えそうです。