• ベストアンサー

JavaScript でページズーム

IE7/IE8、FireFox3.x、Safari4.x、Google Chrome、Opera,等主要ブラウザが、ページズーム機能が搭載されました。 ブラウザのズームボタンを押せば良いことですが、ページ内に目立つボタンを設置してページズームをコントロールしたいと思います。 ページズームは JavaScript でコントロール出来るのでしょうか、もしくは、JavaScript のライブラリ等が有れば、アドバイスを頂ければ幸いです。 もしかするとページズームは、ブラウザ箇々の機能になる為。JavaScript ではコントロールが出来ないのでしょうか。

質問者が選んだベストアンサー

  • ベストアンサー
  • quinny
  • ベストアンサー率57% (8/14)
回答No.1

私も興味があったのでググってみました。 ページ全体をズームしていいんですよね? Javascriptではありませんが、以下のURLが簡単で、そのものズバリだと思います。 試しに実験してみたらバッチリでした。

参考URL:
http://html-time.com/css/page_zoom.htm
nori_007
質問者

お礼

アドバイスありがとうございます。 教えて頂いたページは検索の際、確認していましたが使い方が良く分かりませんでした。 再度確認した所、「サンプル」の文字がクリニック出来ることを確認しました。指定した % をクリニックすることで、ズームすることが出来ました。 「document.body.style.zoom」でページズームが出来ることを確認しました。 safari4.0.3 で簡単なテストをしてみましたが、希望通りでした。 「document.body.style.zoom」は、特にブラウザの機能を利用しているとは思えません。他のブラウザでの検証をしていませんので、何とも言えませんが、もっと普及しても良いかと思います。 ありがとうございました。

その他の回答 (1)

  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.2

firefoxではだめでした。

関連するQ&A

  • Javascriptで各ブラウザを厳密に区別する方法

    JsvascriptでIE,FireFox,Safari,Opera,Chromeのそれぞれのブラウザを厳密に区別する方法が知りたいです。 それが困難な場合はIE/FireFoxとその他のブラウザを区別する方法がわかれば構いません。 最近Javascriptを触っていませんが2008年後半から今までで何かJavascriptで変化したことはあるのでしょうか? 2007年はAjaxというものが出てきましたが、その後 目新しいものがあったでしょうか?それとも今は減少中?

  • JavaScriptで変更されたくない変数(定数)の書き方

    Javascriptで、変更されたくない変数(定数)を使いたいのですが、どうすれば良いのでしょうか? IE,FireFoxの両方で可能な方法が知りたいです。 できれば、Opera,Safari,Chromeも使えたら・・・ 無理でしょうか?

  • ほとんどのブラウザに対応したキーイベントのプログラムをJavascri

    ほとんどのブラウザに対応したキーイベントのプログラムをJavascriptで書きたいのですが、 IEではwindow.eventは使えましたがFireFoxなどでは定義されていないエラーになります。 ブラウザごとのキーイベントについて知りたいです。 IE,FireFox,Safari,Chrome,Opera,Netscape,Other

  • Firefox GoogleMap ホイールズーム

    MacOS 10.6.8 の iMac で Firefox 6.0.2 を使っています。 GoogleMap で地図のズームをマウスホイールでできたはずですが、 最近になってホイールではできなくなってしまいました。 Safari, Chrome, Opera ではマウスホイールでズームできます。 何か原因や対処法についてご存じでしたら、お教えいただければ幸いです。

    • ベストアンサー
    • Mac
  • Windowsのブラウザ

    Windowsのブラウザで IE firefox Chrome Sleipnir Opera safari 以外でオススメのものを教えてください。

  • IEでJavaScriptが思うように動作しません

    IEでJavaScriptが思うように動作しません。 JavaScriptを使用して display:noneで開閉したいのですが FireFox, GoogleChrome, Opera, Safariといった 有名どころなブラウザでは問題なく開閉するのですが Internet Explorerでは動作はするものの ボタンを押しても瞬時に開閉してくれなくて困っています。 以下簡単にソースを作りましたので瞬時に開閉してくれる アドバイスをご教授していただければ幸いです。 http://www.geocities.jp/srgd1992/wk/20110601/index.html 補足 Internet Explorer9では問題なく動くようです。 Internet Explorer8で思うようにいきません。 Internet Explorer6は切り捨ててください。

  • Firefox,Operaで戻れないページを作りたい

    ログイン中は戻るボタンを有効としているWebシステムで(キャッシュを有効としています)ログアウト後は、ログイン画面から戻るボタンで戻れなくし、ログイン中に閲覧したページが見れないよう制御をしたいのですが、IE以外のブラウザでうまくいきません。 IEは、ログアウト画面に「window.location.href = "XXXX";」 を実装し制御できたのですが、Opera,Firefox,Safariではどのようにしたら制御できるでしょうか?

  • スタートページの登録

    ローカルPCで、スタートページを登録したいのですが、 以下のブラウザで、VBScriptでどのように行えばよろしいでしょうか? Microsoft Edge Internet Explorer FireFox Google Chrome Opera Safari(注:最終公開版) よろしくお願いします。

  • Webページのブラウザ差異を出来るだけ無くす方法

    XHTMLにてWebページを作っています。 業務系のページのため、多くの要素がありかなり隙間なく色々な要素が入っている状態です。 そしてそのページを他ブラウザ・他バージョン・また新しいバージョンのブラウザが出た場合でも表示ができるかぎり崩れないようにしたいのです。 色々試してみてもやはりズレが出てしまって完全にズレを無くすことは出来ないのかもしれませんが、配置が全く変わってしまったりといった大きなズレを無くしたいです。 ブラウザはIE・Safari・Firefox・Opera・Chrome、またIEは8~10の対応は特に重要です。 HTML5やCSS3は使えません。 レンダリングエンジンの違いの影響を受けにくいCSSの指定方法やXHTMLの組み方についてご意見を伺いたいです。

    • 締切済み
    • CSS
  • ChromeでJavaScriptが動作しない

    Win7 Pro(64bit)SP1, Corei5 2.53GHz, 4GMemのノートパソコンで最新のChrome 24.0.1312.57 mを とFirefox 18.0.1.を使用しています。 先ほどとあるサイトのページを閉じようとして、「ページを閉じる」ボタンをクリックしましたが、 何の反応もありませんでした。ちなみにそのボタンにはJavaScriptで単純に「ページを閉じる」 命令が仕組まれています。ちなみにIE(8.0)では動作しましたが、Firefoxでもだめでした。 ちなみにChromeでは設定→コンテンツの設定→すべてのサイトでJavascriptを有効にする に設定していますし、Firefoxでも、オプション→コンテンツ→Javascriptを有効にする、にチェックが 入っています。 どなたか原因と解決策をご教示下さい。

専門家に質問してみよう