JavaScriptでiPadのブラウザの縮小設定を50%にしたい。

Question

iPadでページを開いた際に、Safariの縮小設定を50%に書き換える
もしくはそれに付随するような縮小設定をしたいです。

下記のコードでiPadかどうかの判定まではできたのですが、
表示設定の変更方法がわかりませんでした。

できれば端末の縮小設定を触らずに、
50%相当の表示にしたいです。

  /* デバイス */
  const ua = navigator.userAgent;
  // iPadであるかの確認
  const iosFlg =  ua.indexOf("iPad") > 0;

  if (iosFlg) {
    // ここでiPad版Safariの縮小を50%に変えたい
    // もしくはHTMLの要素を縮小して上記と同様の表示にしたい。
  }

なにか情報をお持ちの方が居られましたら
ご助言おねがいいたします。

Answer 1

一応、CSS で以下のような設定をすると縮小表示されるようです。

html {
    transform-origin: top left;
    transform: scale(0.5);
}

■ 実行例（Chrome DevTools での適用例）

■ JavaScript による変更例

let elm = document.getElementsByTagName("html")[0];
elm.style.transformOrigin = "top left";
elm.style.transform = "scale(0.5)";

＜参考＞
■ CSSによるブラウザ表示の拡大とJavaScriptによる拡大率の取得 / JavaScript
https://ameblo.jp/personwritep/entry-12576056093.html