この写真の記事へ

ウェブ制作に便利なFirefoxアドオン「Web Developer」(画像)(16ページ目)

更新日：2012年02月17日

執筆者：西村文宏

ホームページ作成ガイド

フォームに対する様々な処置が可能

フォームに対する様々な処置が可能

この写真の記事へ

全ブロックレベル要素に枠線を付加

マウスを載せた要素の詳細を表示

id属性値とclass属性値を一括表示

任意の位置に定規(ルーラ)を表示

ページ内のフォームの仕様を一覧

ソース表示ソフトの登録はできるが使用はできない

全JavaScriptソースを一括表示

アドオンWeb Developerのインストール

ツールバーやメニューから使用できる

フォームに対する様々な処置が可能

ほかのギャラリーを見る

ハートマークも文字として定義されているので、色やサイズはCSSで自由に装飾できる (Edgeでの表示例)

EdgeではWebkit用の記述も有効になっている例

一度無効化されたボタンでも、再度有効な状態に戻せるようにする

よく使われるサンプル用ドメイン名のスペルミスを狙った危険なウェブサイトもある

アクセスするたびに異なる画像が表示される

ページ移動や別ウインドウを表示することなく、任意のメッセージや別ページの内容を表示できる