| ❶ | IE 以外では、右クリックから「要素の調査」というような同様の意味のメニューで起動できます |
| ❷ | IE と Google Chrome と Firfox では、F12 で起動できます。 |
| ❸ | IE のみ ツール内で dir( document ) と言った直接記述ができません。他のブラウザは可能です。 ※ 参考 Chrome : Command Line API Reference / Chrome : Console API Reference |
| ❹ | Google Chrome のコンソールのクリアは、エリアの端を右クリックすると必ず表示されます |
| ❺ | Windows Safari は、Canvas でアニメーションしていると、ツール内が全く動きません( 使えません ) |
| ❻ | Google Chrome と Firefox と Safari では、copy(document.body.innerHTML) というようなクリップボードへコピーするコマンドがあります |
| ❼ | IE にはカラーピッカーが付属し、JavaScript整形が可能です。また、『cd() - 現在のウィンドウを出力します。cd(myframe) - 式の評価を id = "myframe" のサンプル フレームに切り替えます。』というような、フレーム移動コマンドがあります |
| ❽ | Google Chrome ではリストからフレームを選択してカレントのウインドウにする事ができます
|
IE8、IE9、IE10 / (開発者ツール)
起動は F12 です
画像は IE10 ですが、IE では、F12 で起動します。
IE8、IE9では、開発者ツールを起動しないと、console.log 等の専用コマンドを実行するとエラーになるので ページの JavaScript で console.log 等のコマンドを実行する時は、try {} catch(e){} で実行する必要があります。IE10 ではその問題は修正されたようです
Firefox ( Firebug )
起動は F12 です
IE 以外では、右クリックから「要素の調査」というような同様の意味のメニューで各プラウザは起動できるようになっています
当然ですが、Firefox では Firebug です。ですから、アドオンとしてインストールが必要になります。Firebug の console.dir が一番結果を解析しやすく、使いやすいです。( IE は IE9 以降で使えます )
Google Chrome ( デベロッパーツール )
起動は F12 または CTRL + SHIFT + I です
IE 以外では、右クリックから「要素の調査」というような同様の意味のメニューで各プラウザは起動できるようになっています
Opera ( ドラゴンフライ )
起動は CTRL + SHIFT + I です
IE 以外では、右クリックから「要素の調査」というような同様の意味のメニューで各プラウザは起動できるようになっています
Safari ( WEB インスペクタ )
起動は CTRL + ALT + I です
IE 以外では、右クリックから「要素の調査」というような同様の意味のメニューで各プラウザは起動できるようになっています
メニューから実行したい場合は、設定で「開発メニュー」を表示するようにします
更新履歴
2011-07-27 : 初回投稿
2013-03-16 : IE10 リリースに伴う変更
2013-03-22 : 重要な要点 ❽ ( Chrome のフレーム選択機能 ) を追加
|
|
【WEBブラウザの最新記事】
- CSS の @media screen と IFRAME を使用して PC コンテンツとスマホページを完全に別作成して切り替える
- WEB ブラウザで WEBカメラから静止画像を canvas へ転送して、その画像をローカルへ保存するテンプレート
- WEB ブラウザで WEBカメラをテストするテンプレート / Android Chrome でテストすると【今は】カメラの front と back を切り替えできます
- iPhone を EpocCam というアプリで Wi-Fi の WEBカメラにする場合のいろいろ知っておく事。
- ブラウザ別『Java 無効』
- IE、Firefox、Chrome、Opera、Safari で JavaScript を無効にする
- ブラウザの入力履歴の削除( 特にパスワード )
- IE、Firefox、Chrome、Opera、Safari のキャッシュ削除のショートカット
- ブラウザを使用した簡易パーセントエンコーディング変換
- 各ブラウザで、onbeforeunload を使おうとすると
- ２０１４年７月７日現在。WEBフォントの実際
- IE の占める割合の変遷と IE8 でないと動かないシステムの現実
- Flash Playerに危険な脆弱性( またかというかこっちもか )。13.0.0.206 である事を確認しましょう。
- デベロッパーツールを使用してクッキーの一覧を表示する
- Seesaa ブログの『保存ボタンが表示されない』
- Firefox のみのレイアウトトラブル / float:left と line-height
- ブラウザ別『ソース』の表示
- 各ブラウザの現在の「document.charset」と「document.characterSet」
- Favicon の動的変更・または追加( IE8、Firefox、Chrome、Opera、Safari )
- Opera の window.open のバグ
