IEの拡大・縮小機能をWebページ側から操作したい


IE7から追加されたページの拡大・縮小機能ですが
これをWebページ側から操作することは可能でしょうか?

特定のページにアクセスした場合に
必ず100%の拡大率で表示させたいのです。

CSSでhtmlやbody要素にzoom:100%を指定しても
ブラウザ側で設定された拡大率を基本としてしまうのでダメでした。
(つまりそのままの大きさで表示されます)

JavaScript、ActiveX等、技術はなんでもいいので
実現可能な方法があればご教授お願いいたします。


補足
・対象はIE8のみです
・社内ツールなのでアクセシビリティは考慮しなくて構いません
・必要なものがあればクライアントマシンにインストール可能です

このQ&Aに関連する最新のQ&A

A 回答 (2件)

<html>


<head>
<title>Zoom Check!</title>
</head>
<body onload="document.body.style.zoom = screen.logicalXDPI/screen.deviceXDPI;">
<p>test</p>
</body>
</html>

とか?
    • good
    • 0
この回答へのお礼

ご回答ありがとうございます。
こちらのコードで期待する動作が得られました。

ただposition:absoluteになっている要素に対しては親要素の
zoomプロパティは無視されるようでした。

これに関してはabsoluteになっている要素そのものにも
同式より得られる数値を代入することで解決しました。
absoluteになっている要素が多いのでちょっと大変そうですが
なんとかなりそうです。

お礼日時:2010/08/23 23:56

IE限定ということでVBScriptを使ってみてはいかがでしょうか。



<html>
<head>
<title>テスト</title>
</head>
<body onload="zoomStyle()">

<h1>テスト</h1>
<p>ああああああああああああああああ</p>

<script language="VBScript">
<!--
Sub zoomStyle
Document.Body.runtimeStyle.Zoom = "100%"
End Sub
-->
</script>
</body>
</html>

参考URL
http://okwave.jp/qa/q5533660.html?order=DESC&by= …
    • good
    • 2
この回答へのお礼

ご回答ありがとうございます。、
残念ながら当方のマシンではブラウザ設定の拡大率のままでした。

お礼日時:2010/08/23 23:55

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

QCSSなどでHTML全体の表示を拡大するってことはできるんでしょうか?

カラーミーでショップのカスタマイズをしているのですが、画像を読み込ませると、画像の比率が130%程度上がってしまい、表示がかなりぼやけてみえてしまいます。

修正しようと何度も見直しているのですが、特に間違った表記がありません。

よく見ると、全体の表示も130%程度上がっています。
(全体 = widthで指定したもの全て)


初めて見たエラー?なので、どう対処すればいいのかわかりません。
たぶんCSSのような気がするんですが、なんて調べればいいのか検討がつきませんので、どなたかご存知の方がいらっしゃったら、教えてください。


●CSSで全体の表示サイズを拡大指定できるのでしょうか?
●CSS以外で、例えばJavascriptで上記の内容はできるのでしょうか?
●この内容を解除するにはどうしたらいいのでしょうか?


よろしくお願い致します。

Aベストアンサー

javascriptだったらの参考URL
http://javascript123.seesaa.net/article/112850382.html
http://iswebmag.hp.infoseek.co.jp/139/sample01.html

CSSだったらの参考URL
http://www.tagindex.com/stylesheet/img/zoom.html

テキストも拡大されているならjavascriptの可能性の方が高いですかねー
希望通りの表示に直るようにお祈りしております

Qページ全体の拡大/縮小が行える、JavaScriptのサンプルを教えていただけますでしょうか?

ページ全体の拡大/縮小をJavaScriptにて行いないたい(対象はIEのみ)のですが、検索をしてみると、「文字サイズの拡大/縮小」や「画像の拡大/縮小」はよく見つかるのですが、ページ全体の拡大/縮小のサンプルを掲載しているページはあまり見かけません。

検索("ページ ズーム javascript"等のキーワードで)で何件か見つかって、試してはみたのですが、それらのプログラムですと、私のほうのHTML+CSSで使用すると、何とも説明しがたいおかしな挙動をしてしまいます。HTML+CSSの見直しも色々行ってみたのですが、なかなか改善されません。

みなさんがご存知のJavaScriptのサンプル(ページ全体の拡大/縮小)が掲載されているURLを教えていただけますでしょうか?
教えていただいたサンプルを実装し、色々探ってみたいと思っています。

※ちなみに、イメージは↓このような感じです。
http://appleworld.com/4tr/

Aベストアンサー

「zoomプロパティ IE バグ」をキーワードに検索してみたんですが、
結構不具合が報告されてます。
 特にIE7からIE8に変わった時に大きく変わったみたいです。
http://blog.webcreativepark.net/2009/03/30-125731.html

※もともとIEの機能で、仕組みの詳細はマイクロソフトの企業機密
だとか、。。。(本当かしら?)

QJavaScript でページズーム

IE7/IE8、FireFox3.x、Safari4.x、Google Chrome、Opera,等主要ブラウザが、ページズーム機能が搭載されました。

ブラウザのズームボタンを押せば良いことですが、ページ内に目立つボタンを設置してページズームをコントロールしたいと思います。

ページズームは JavaScript でコントロール出来るのでしょうか、もしくは、JavaScript のライブラリ等が有れば、アドバイスを頂ければ幸いです。

もしかするとページズームは、ブラウザ箇々の機能になる為。JavaScript ではコントロールが出来ないのでしょうか。

Aベストアンサー

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

参考URL:http://html-time.com/css/page_zoom.htm

Qサイト全体を縮小して印刷するには?

こんにちは。教えてください。
http://lexus.jp/
上記アドレスのサイトのように
横幅940pxと普通はA4縦では全てが印刷出来ないサイズのサイトでも
ブラウザから印刷するとサイト全体が縮小して
A4縦に収まって印刷される方法を教えてください。

JavaScript、css少しならわかります。
よろしくお願い致します!

Aベストアンサー

まず、このサイトは標準準拠モードではなく互換モードで作成されています。
(IEはプロパティにつくアンダーバーを無視する。
他のブラウザは仕様どおり存在しないプロパティ自体を無視する)

http://lexus.jp/models/common/css/import.css
から読み込まれる
http://lexus.jp/models/common/css/default.css
にある

@media print {
body {
_zoom: 0.68;
}
}

を読み込むことで印刷時のみzoomを効かせているんだと思います。

Minefield/Firefox,Opera,IE7にはShrink To Fitという
自動的にページ幅を基準とする機能が付いています。

MinefieldではScaleで調整し,
Operaでは[ファイル]-[印刷オプション]に「用紙幅におさめる」で有効になります。
IE6は上の指定で回避します。

ただし,IE7は標準でShrink To Fitであり,zoomプロパティを読み込んでしまうため,異様に小さく印刷されてしまいます。なのでShrink To Fitではなく100%で印刷した方が良いでしょう。

何故か俺の環境ではVPC上でしか動作しないSafariは,
VPCにプリンタドライバ入れなきゃいけないのが面倒なので検証していません。

まず、このサイトは標準準拠モードではなく互換モードで作成されています。
(IEはプロパティにつくアンダーバーを無視する。
他のブラウザは仕様どおり存在しないプロパティ自体を無視する)

http://lexus.jp/models/common/css/import.css
から読み込まれる
http://lexus.jp/models/common/css/default.css
にある

@media print {
body {
_zoom: 0.68;
}
}

を読み込むことで印刷時のみzoomを効かせているんだと思います。

Minefield/Firefox,Opera,IE7にはShrink To Fitという
自動的にペ...続きを読む

QHTMLフォームのSELECTの幅を一定にするためには?

HTMLフォームのSELECTの幅を一定にするためにはどのようにすれば
いいのでしょうか?

CSS等で設定できるとありがたいのですが、やり方がわかりません。

Aベストアンサー

<select style="width: 200px">

QIE11の画面表示拡大率を固定したい

IE11の画面表示拡大率を固定したいのですが設定の変更など試行しましたが固定しません。
「インターネットオプション→詳細設定タブの「ユーザー補助」にある項目のチェックをすべてOff
(一度すべてonにして再起動してOff)
又設定のリセットや履歴の削除もしました。
少しの間は拡大率が維持されるのですが、知らぬ間に変わっています。いつも大きい率になります。
150%に設定していても160%などになります。
再三なので邪魔臭いです。何とか固定できないのでしょうか。
レジストリなどの変更で改善できないですか。
よろしくお願いします。

Win7

Aベストアンサー

IE限定なら、フリーソフトのIEwinsize をダウンロード

QJavaScriptde途中で、「exit」するには?

function kensaku(){
s_data = document.kaiin_form.input_name.value;

if(!s_data){ alert("キーワードを入れて下さい!"); }

if(s_data != dumy){ ...... }
for(i=st_no;i<=n;i++){
......省略.................;
.......省略................}
}

----------------------------------
3行目で表示されたアラートをOKで閉じても、4行目以下が実行されてしまいます。
3行目でexitするにはどうすれば良いでしょうか?

Aベストアンサー

>関数(kensaku())からは抜けられませんでした。
そうですね、勘違いしていました、f(^^;
すみません。
if(!s_data){
alert("キーワードを入れて下さい!");
return;
}
ですね。

Qpingでポートの指定

pingでIPアドレスを指定して、通信できるかどうかというのは
よく使いますが、pingでポートを指定して応答するかどうかは調べられるのでしょうか?

よろしくお願いします

Aベストアンサー

pingを含むICMPというプロトコルは、OSIの7レイヤで言うところのL2(同一セグメント内通信)とL3(IPルーティングされた通信)の両方にまたがる、ちょっと珍しいプロトコルです。

IPアドレスは指定できますが、別サブネットに属するIPアドレスに到達できればL3通信、できなければゲートウェイと呼ばれる同一サブネットに属する中継装置からの回答を得るという点でL2(MAC通信ではなく、同一セグメント内通信という意味)通信です。

ポート番号はL4で使用されるアドレスですから、L4機能の疎通確認はping(を含むICMP)ではできません。

FTPの疎通確認であれば、クライアントからサーバに対するTCP/21通信(FTP-CMD)が可能であること(サーバからクライアントへのTCP/21からの応答を含む)+サーバからクライアントに対するTCP/20通信(FTP-DATA)が可能であること(クライアントからサーバへのTCP/21からの応答を含む)が必要でしょう。

監視ソフトによるものであれば、
・クライアントからサーバへのログイン(TCP/21)
・クライアントからサーバへのlsの結果(TCP/20)
で確認すればよいでしょう。

pingを含むICMPというプロトコルは、OSIの7レイヤで言うところのL2(同一セグメント内通信)とL3(IPルーティングされた通信)の両方にまたがる、ちょっと珍しいプロトコルです。

IPアドレスは指定できますが、別サブネットに属するIPアドレスに到達できればL3通信、できなければゲートウェイと呼ばれる同一サブネットに属する中継装置からの回答を得るという点でL2(MAC通信ではなく、同一セグメント内通信という意味)通信です。

ポート番号はL4で使用されるアドレスですから、L4機能の疎通確認はping(を含む...続きを読む

Qブラウザの右上にあるボタンを消すには?

IEを使用しています。
ブラウザの右上にある、閉じる、最大、最小ボタンを消したいのですが、どうすれば良いでしょうか?
ご存じの方は、どうぞ教えていただけませんでしょうか。

Aベストアンサー

なるほど、特定の用途に限定した方策を模索中なのですね。

これは、通常のWebSiteでは、禁じ手とも言える、ユーザからの大顰蹙を買う手法ですが、JavaScriptでフルスクリーン表示させることで実装可能ですね。

表示はWin環境のIE4以上限定でのフルスクリーン表示となります。
それ以外の環境では正しく表示されません。

注意点としては、ウインドウのクローズアクションをボタンなどでナビゲーションしなければ、Altキー+F4キー以外ではウインドウをクローズ出来なくなります。
そのため、使いようによっては、ユーザビリティーを無視した劣悪サイトとも成りかねませんので、一般的なサイト構築には100%お勧め致しません。

まずは、以下の2枚のソースをエディタにCopy&Pasteして、動作チェックしてみて下さい。
その後、ご自分でアレンジして下さい。


リンク元、a.htmlの記述例・・

<html>
<head>
<title>a</title>
<script type="text/javascript">
<!--
function full_screen()
{
window.open("b.html","", "fullscreen=yes");
}
//-->
</script>
</head>
<body>
<a href="#" onclick="full_screen()">b.htmlをフルスクリーン表示</a>
</body>
</html>


リンク先、b.htmlの記述例・・

<html>
<head>
<title>b</title>
</head>
<body>
<form>
<input type="button" name="close" value="ウインドウを閉じる" onClick="window.close()">
</form>
</body>
</html>

なるほど、特定の用途に限定した方策を模索中なのですね。

これは、通常のWebSiteでは、禁じ手とも言える、ユーザからの大顰蹙を買う手法ですが、JavaScriptでフルスクリーン表示させることで実装可能ですね。

表示はWin環境のIE4以上限定でのフルスクリーン表示となります。
それ以外の環境では正しく表示されません。

注意点としては、ウインドウのクローズアクションをボタンなどでナビゲーションしなければ、Altキー+F4キー以外ではウインドウをクローズ出来なくなります。
そのため、使いように...続きを読む


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング

おすすめ情報