WOWOW放映作品や最新劇場公開映画の感想をネタバレ有りで記録しています。

 

Firebug

管理人は通常作業にはブラウザとして「IE8」を使用している。
画面構成を確認する為、「Mozilla Firefox」「Google Chrome」も偶に見る。

その環境でデバッガとしてエラーチェックには、
Companion.JS + Microsoft Script Debugger を使用

今回、初めてFirefoxのアドオンでデバック出来る強力ツール
「Firebug」があると聞き、試用してみる事にした。

インストール先 ⇒ こちら
[Mozilla Firefox でのチェック方法]
Firebug は Firefox のアドオンで、WebページのHTML/CSS/JavaScriptを
リアルタイムで編集、デバック出来る強力ツールだそうで、
Firebug を使う為だけに FireFox をインストールする人もいるほど。

FirebugにHTML/CSSのリファレンスを追加出来るアドオン
「CodeBurner」 (旧firescope)もある。

インストール先 ⇒ こちら

[便利な機能]
 □ 要素を調査(要素を表示)
  選択した箇所のCSSを表示
  ・ セレクタのカスケード(継承)
  ・ プロパティの有効・無効
  ※CSSを設定したのに反映されない場合の確認に役立つ
  参考サイト:Firebug の使い方:(X)HTML と CSS の確認・修正方法のまとめ

 □ ボトルネックの発見
  以前、「site24x7」を使った速度計測を紹介しましたが
  要素ごとに、読み込みにかかった時間を棒グラフとして表示する事が出来ます。
  参考サイト:Firebug 1.3 レビュー ~ Webサイト構築に必須のHTML/JavaScriptデバッガ

これでチェックしたら、Googleアドセンスの「DoubleClickのクッキー」
見事に引っ掛かり、「Bad Request」としてレッド表示された。
原因となるドメインは「googleads.g.doubleclick.net」で
これは、広告用トラッキングクッキーをオプトアウト(無効化)する
Firefoxアドオン「Targeted Advertising Cookie Opt-Out (TACO)」を
インストールする事により回避する事も出来るそうです。
参考サイト:ユーザーの嗜好を追跡する広告用トラッキングクッキーをオプトアウト(無効化)する

[Google Chrome でのチェック方法]
「DeveloperTools」を使用
起動方法
・ サイト上の適当な場所を右クリック後、「要素を検証」を選択
・ 編集したいWebサイトを表示させている状態で、「Ctrl+Shift+I」を押す
関連記事
【パソコン】 [フリーソフト] カテゴリ内のページャー
【スポンサーリンク】

最終更新日時: -0001年11月30日(水)00:00:00
コメント・トラックバック欄はクリックで開閉致します。
 ■ コメント投稿

Leave a comment

 ■ コメント一覧 0 件

Comment 0

There are no comments yet.
 ■ トラックバック一覧 0 件