スマホ対応の参考に。JavaScriptでウェブページがどのくらい拡大されているのかを取得する方法。

こんにちは。開発担当の林です。 iPhone / iPad のウェブブラウザでページを見ているとき、けっこうな割合でピンチイン・ピンチアウトすると思いますが、それがどのくらい拡大されているのかを取得する方法を書きます。 また、応用でピンチイン・ピンチアウトされても、見た目のサイズを維持するにはどのくらい拡大すれば良いかということにも触れたいと思います。 広告バナーなんかでよく使われてるアレの仕組みです。何かのお役に立てれば幸いです。 ウェブページがどのくらい拡大されているのかを取得する // ページの幅 ÷ 表示されている幅（この行だけでいいかな） var zoomer = document.body.clientWidth / window.innerWidth; // 以下で拡大率を目視できるでしょう alert( zoomer ); // 小数点がたくさんつくので、第二位までに丸め込

[swingingsingle]

ピンチインの有効性は気になるところ。

[htsign]

モバイルでは表示領域のフレーム分割ができないのでこのテクニックは重要かな。

[uss267]

どれくらい拡大されているかを取得。GoogleAnalyticsに送るのはかなり便利そう

[nilab]

スマホ対応の参考に。JavaScriptでウェブページがどのくらい拡大されているのかを取得する方法。 (フェンリル | デベロッパーズブログ) : 「document.body.clientWidth / window.innerWidth」

[kkeisuke]

clientWidth innerWidth

[warriorking]

スマホ対応の参考に。JavaScriptでウェブページがどのくらい拡大されているのかを取得する方法。 (フェンリル | デベロッパーズブログ)

[kunipon]

スマホ対応の参考に。JavaScriptでウェブページがどのくらい拡大されているのかを取得する方法。 (フェンリル | デベロッパーズブログ)

[kams3261]

JavaScriptでウェブページがどのくらい拡大されているのかを取得する

[izuyan]

Javascriptでスマフォページがどれくらい拡大されたかを取得

[efcl]

iOSのズーム率

[suginoy]

「ページがどのくらい拡大されてるかという数値を Google Analytics に送っちゃいます。」

[ama-ch]

なるほど。

[kiyotaka_h]

このデータをGoogle Analyticsに送ってやると運用してるサイトの見直しにも使えるってもんです。

[hiroyuki-h]

そう、アイフォーンならね。