12月11日

デバッグのヒント

画面レイアウトの調整

画面レイアウトにはあまり凝らないこと!
サイトがきちんと動作させることを優先して作業する。

基本的な画面表示がうまくいかない場合、ブラウザの開発者ツールを使うと原因を調査しやすい。
Internet Explorer の場合、画面右上の歯車アイコンをクリックし「F12 開発者ツール」を選択すると、開発者ツールの画面が表示される。
開発者ツールの左端のメニューから「DOM Explorer」を選択すると、DOMの構造と要素に対するスタイルやCSSがどのように割り当てられているかが確認できる。

dev-tool

Chromeの場合は、画面上で右クリックして[要素を検証]を選択すれば、デベロッパーツールの画面が開く。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です