Webの記録

Chromeの拡張機能FireBugとSnifferを入れてみた♪

投稿日:

この記事は約 2 分で読めます。

Webサイト作っている時、大活躍しているのがFirefoxの「FireBug」です。

私が確認しているブラウザは、IE,Firefox,Safari,Chromeですが・・・。
何故かChromeだけちょっと画面が崩れてしまったので、どうしようかなぁ~と思っていたところに、Chromeの拡張機能があることが分りました。

早速、「FireBug」と「Sniffer」 をインストールしてみました。

FireBugのインストール。

「FireBug」はサイトのHTMLやCSS・Javascriptのコードチェックが出来る便利ツールです。

もうコレの便利さを知ってしまったら、使わないなんてコト言えないです!!

FireBugのインストール画面イメージ

url:
https://chrome.google.com/webstore/detail/bmagokdooijbeehmkpknfglimnifench

インストール後に表示された画面の右上のアイコンは、おなじみの・・・ですね♪

ちなみに、有効化させるショートカットは・・・。
Windowsは「F12」、Macは「Command + F12」です。

参考サイト:http://getfirebug.com/enable

FireBugのアイコン

 

Snifferのインストール。

サイト解析をしてくれるプラグインらしいです。

url:
https://chrome.google.com/webstore/detail/homgcnaoacgigpkkljjjekpignblkeae

Snifferのインストール画面イメージ

CMSの種類やライブラリ・アクセス解析などが画面の右上にアイコン表示されます。
早速私のサイトをブラウザで表示してみて、出て来たアイコンはやっぱりWordPress!!

他のアイコンの分も、なかなか面白そうです~♪

Snifferのアイコン表示イメージ

 

まだまだいろいろ便利なツールがあるようです。
開発された方に感謝しつつ、がっつり活用させて頂こうと思います。

-Webの記録
-, , ,

執筆者:


comment

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

This blog is kept spam free by WP-SpamFree.

関連記事

ファイルアップロード・メール添付機能をWordPressお問い合わせプラグイン「Contact Form 7」でカンタン実現!

この記事は約 1 分で読めます。 WordPressでお問い合わせフォームを付けるときは、いつもプラグイン「Contact Form 7」を利用しています。 日本人の作者で、利用者が多く、更新頻度の高 …

no image

WordPress 新着記事のタイトルを表示する方法。

この記事は約 1 分で読めます。 WordPressのテンプレートタグ、いろいろあって奥が深いです。 今回は、トップページやサイドバーに「新着記事のタイトル」を数件表示したりする時に使いたいなぁと思っ …

no image

フッターをブラウザの下部に固定する方法

この記事は約 1 分で読めます。 コンテンツが少ない場合、フッターの下に余白が出来てしまいます。 さすがに、ちょっと気になる・・・ってワケで、今回はフッターをブラウザの下部に固定する方法をいろいろ試し …

no image

XAMPP(Bitnami)で簡単にWordPressローカル環境を構築してみた。(for Windows)

この記事は約 1 分で読めます。 以前、「WordPressテスト環境をXAMPPで作ってみた♪ for Windows」でWindowsにXAMMPでローカル環境を作ってWordPressを入れてみ …

no image

IE6で透過pngを表示してみました♪

この記事は約 1 分で読めます。IE6対策をいつまですれば良いのかなぁというところですが、まだもう少しIE6を意識してサイトを作ってます。 今回は、IE6ではキレイに表示されない透過pngをキレイに表 …