二十歳街道まっしぐら
お得なサイト お得なツール 小ネタ ゲーム ニュース 画像関連 動画関連 音楽関連 このブログの読者になる
TOP > お得なツール > Firefox
タレコミNEW!! | メルマガ | お問い合わせ

★新URL:http://20kaido.com/
★新RSS:http://20kaido.com/index.rdf
いままでFC2ブログで5年間、お世話になりました。感謝です。
移転先でもよろしくお願いいたします!
二十歳街道まっしぐら(FC2ブログ時代)人気記事TOP50まとめ

FirebugにHTML&CSSリファレンスを追加できるアドオン「FireScope」 このエントリーを含むはてなブックマーク あとで読む

FireScope
Firefox定番アドオン「Firebug」の拡張!

Firefox上でウェブページの編集ができるアドオン「Firebug」の拡張アドオンです。
Firebugはとても便利なアドオンですが、「FireScope」がさらに便利にしてくれます。
FireScope」はFirebugにHTML,CSSのリファレンスを追加できるアドオンです。

Firebug上にリファレンスが表示されます。
W3Cに対応しているかなどの詳細も表示されますので、Firebugを愛用している方は導入してみてはいかがでしょう。

以下に、使い方を載せておきます。


そもそもFirebugって何?

Firebugはウェブ上からHTML,CSS,Javascriptのデバッグが行えるアドオンです。
FireScope
このようにウェブ上で編集するだけで、どんな表示になるかをその場で確認できます!
(もちろんテストとして利用するので、実際にウェブ上のデータが変更されるわけではありません。)
もっと詳しく知りたい方は、Firebug(日本語ページ)をご覧ください。


FireScopeをインストールする

FireScopeインストールページより、アドオンをインストールします。
FireScope


リファレンスが搭載された!

FireScopeインストール後、Firebugを見ると「Reference」というタブが追加されているはずです。
FireScope
「Reference」では、このようにW3C準拠なのかブラウザでは対応しているのかなどが調べられます。
検索機能も付いていて、タグごとに表示することも可能です。
FireScope

Firebugは他にも拡張機能がたくさんあります。
Firebug、5つのベスト拡張機能など参考にしてみては!




関連記事

このエントリーを含むはてなブックマーク Yahoo!ブックマークに登録 このエントリを del.icio.us に登録 このエントリをlivedoorクリップに登録 Add to Google
http://tokuna.blog40.fc2.com/tb.php/1579-2c4c5339


トラックバック先[TODAY\'s TOPIC] January 30, 2009(Movable Type 備忘録)
サイトをもっと速くしたい! サイト最適化に使えるツールいろいろ リッチインターネットアプリケーションの実装時に検討したい30のUI FirebugにHTML&...
Firefoxの「about:config」をGUIで操作できるアドオン「gui:config」 トップページへ戻る お気に入りの画像をストック&共有し合えるサイト「ImageSpark」