javascript - ページの変更時にブラウザのズーム レベルをリセットする

Question

ajax を使用してページを読み込むモバイル サイトがあります。追加したい機能の 1 つは、ページが変更されたときにズーム レベルをリセットすることです。

ページの表示中にユーザーがビューをズームしたかどうかを検出する良い方法はありますか?

今まで、ピンチズームのチェックを行うことができました。しかし、時々ダブルタップズームもあります..

Answer 1

innerWidthとドキュメントの幅を比較することで、ユーザーのズームレベルを取得できます。ドキュメントの幅はピクセル単位のデバイスの幅であり、内側の幅はズームされたときに画面に表示されるピクセルです（ドキュメントの幅が最初にあったものとの関係で）。私はこれをAndroid（ICSとJellybean）とiOS（5と6）でテストしましたが、動作しているようです。ビューポートをデバイスの幅または高さに設定していないことに注意してください

  ratio = document.width / window.innerWidth

  if ratio > 1 then zommed else notZoomed

その後、ユーザーがダブルタップまたはピンチするたびにこのチェックを実行できます。

Answer 2

[meta name="viewport"] タグの内容を JavaScript を使用して設定し、ズーム レベルを設定できます。残念ながら、現在のズーム レベルを検出する方法が見つかりませんでした。