2011年1月29日土曜日

IETesterとDebugbarのインストールと使い方

~~~~IETesterのインストールURL~~~~~
http://www.my-debugbar.com/wiki/IETester/HomePage


~~~~DebugbarのインストールURL~~~~
http://www.debugbar.com/download.php




~~~~IETesterの使い方~~~~
①IETesterを立ち上げると「新規」とあるのでテストしたいIEのバージョンを選択、
5、6、7、8とバージョンがあるので助かります。

②CSSの編集を行う
私がTesterを使う時はCSSの編集時に使います。
手順としては、IETesterの「開発者ツール」し「Debugbarの切り替え」を選択します。

すると左にDebugBarのウインドウが開きます。
その中に「スタイルシート」の「+」をクリックし編集したしCSSを選択、
 たとえば「DIV#test」選択すると下のウインドウに「DIV#test」のソースが表示されます。
次に下のウインドウの「属性」をクリックすると「属性」「値」とあるので、
編集したい値をクリックし値を入力し編集します。

~~~~IETesterを使う訳~~~~
クロスブラウザといい、IE6など古いブラウザを使っているユーザの為にきちんと表示をしてもらう
為の編集作業です。



0 件のコメント:

コメントを投稿