スポンサーサイト

ブログ移転しました

新URL→ http://4th-life.com
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

ブログ移転しました

新URL→ http://4th-life.com
このエントリーをはてなブックマークに追加 この記事に拍手する

Tag:スポンサー広告 

Firebugの使い方

ブログ移転しました

新URL→ http://4th-life.com
Firefoxのアドオン、Firebugの使い方

全部の機能を解説しきれないので、
基本的な使い方を解説します。

FirebugとはWEBサイトを開いたままHTML・CSS・Javascriptを編集したり、
デバッグできるアドオンです。
デバッグとはプログラムのバグを探して修正すること。)

インストールすると、

yslow-1.jpg

Firefoxの画面の右下にアイコンが追加されます。
左端の虫みたいなアイコンがFirebugです。

クリックするとFirebugが立ち上がります。

Firebug1.jpg

ソースをいじれるようになってますので、
変更すれば今開いているページに反映されます。

例えば、

Firebug4.jpg


背景画像を消して、
背景色を変更すると、


Firebug3.jpg

見ているページにそのまま反映されます。

元のソース自体が変更されたわけではないので、
ページを切り替えたらその設定は消えるのでご安心を。


ピンポイントでページの特定部分を調べたい時は、
調べたい部分で右クリックし、
要素を調査を選択。

もしくは、

Firebugメニューバーの矢印のアイコンをクリックして、
調べたい部分をクリックする。

Firebug5.jpg

ピンポイントで探れるのは非常に便利ですね。


HTMLのビュー右側には、

スタイル
Firebug6.jpg

累計

Firebug7.jpg


レイアウト
Firebug8.jpg

などの要素も表示されます。

WEBサイト製作にはFirebugは欠かせないアドオンです。
是非使って見てください。

ブログ移転しました

新URL→ http://4th-life.com
このエントリーをはてなブックマークに追加 この記事に拍手する

Tag:トップ  Trackback:0 comment:0 

Comment

comment form
(編集・削除用):
管理者にだけ表示を許可
プロフィール

名前・inacaster
職業・SOHO(在宅ライター)
ジャンル・WEB関係全般
人種・関西人
年齢・華の1981年生まれ

カテゴリー
スポンサードリンク
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。