Webブラウザのリサイズ Internet Explorer

Tips : 2011.06.16 Thursday
AnalyticsでWebアクセス解析
Webサイトのアクセス解析を Google Analyticsでやってると、
ここ最近(?) iPhone, iPad, Androidなどからのアクセスもあり
（それ以前にも MACからのアクセスなどもありありですが）
「ユーザーから Webサイトが どのように見えているか」を
確認した方がいいよね っというお話しになりまして
まずは 様々なWebブラウザで試してみまして・・・

Internet Explorer、Google Chrome、Mozilla Firefox、Safari、
Operaっと代表的な Webブラウザで 確認。
Webブラウザの種類も増えましたよね(^-^;

まぁそれは さておき
Analyticsで [ユーザー] - [PC 環境] - [画面の解像度]を見ると
まぁ たくさんの種類がここにも...
画面の解像度バリエーションもテストしておくべきか(^-^;;;


Webブラウザのリサイズ
そぉいえば
「JavaScriptで Webブラウザのサイズを変更する方法ってあったよね？」
っと思いだして 色々と調べてみました。

古いWebブラウザでは
windowオブジェクトのinnerWidth、innerHeightプロパティで
Webブラウザ内部のサイズが取得・設定できたのですが
最近のInternet Explorer 8/9とかだと、
プロパティ値が undefined になってしまいますね。

同様に、windowオブジェクトのouterWidth、outerHeightプロパティで
Webブラウザ全体のサイズが取得・設定できたのですが
こちらも undefinedに...あらら。

でも大丈夫。
windowオブジェクトには resizeByメソッドで 相対サイズリサイズ、
resizeToメソッドで絶対サイズリサイズができます。
これは 最近のIE8/9でも大丈夫っぽい。

先ほどの画面解像度のTOP3をお試しすると...

単純な HTMLであれば いけるのですが
今風のスタイル(css)が 複雑に絡み合うものだと
自身のリサイズは NGなパターンもありますね。

そんなときは 新規Windowsオープンで


【最近の投稿記事】



技術情報
SNMP |  Windowsサービス |  コンパネと管理ツール |  バッチファイル | 
Vista UAC無効化 |  Windows 7 UAC |  .NET Framework |  Webブラウザのリサイズ | 
SQL Server Express 管理 |  ダウンロードファイルのブロック解除 |  Windows Server サポート終了日 | 
Windows 8 フォト→ペイント |  Excelスクロールがおかしい !? |  ダウンロードフォルダ変更

コラム
プログラマ |  資格の王様 |  迷惑メール |  メール消失 |  情処の変遷 |  Webユーザビリティ |  変更と修正の違い |  問題と課題の違い