[JS]iPadでPCサイトを表示するためのスクリプト

Javascriptスニペット

2023.06.012024.08.26

iPadでPCサイトを表示するためのスクリプト

<meta name="viewport" content="width=device-width">
<script>
const baseW = 1200;
const ua = navigator.userAgent
const sp = ua.indexOf('iPhone') > -1 ||
  (ua.indexOf('Android') > -1 && ua.indexOf('Mobile') > -1)
const tab = !sp && (
  ua.indexOf('iPad') > -1 ||
  (ua.indexOf('Macintosh') > -1 && 'ontouchend' in document) ||
  ua.indexOf('Android') > -1
)
if (tab) {
  viewportContent = "width=" + baseW + "px,user-scalable=no";
  document.querySelector("meta[name='viewport']").setAttribute("content", viewportContent);
}
</script>