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.

関連記事

no image

無料で高機能なメールフォーム「メールフォームプロCGI」を設置してみた

この記事は約 1 分で読めます。 通常の静的なWebサイトにお問い合せフォームをつける時、自分でCGIを用意しないといけない場合、いろいろ探すのに大変でした。。。 無料でなら尚更・・・で、広告とか入っ …

no image

「AMPPS」にa-blog cmsのローカル環境を作ってみる

この記事は約 1 分で読めます。 「MacでもWindowsでもOKな「AMPPS」でローカル環境を作ってみる」で作ったローカル環境に国産CMSの「a-blog cms」をインストールしてみたいと思い …

no image

WordPress はじめてのオリジナルテーマ作り。【まとめ】

この記事は約 1 分で読めます。 昨年の11月に、私はWordpressのオリジナルテーマをはじめて作成しアップしました。 はじめてなのでまだ高度な事は出来ていませんが、今まで幾つか書きためた記事をこ …

no image

X SERVERにa-blog cmsをインストールしてみた。

この記事は約 1 分で読めます。 先日「「AMPPS」にa-blog cmsのローカル環境を作ってみる」でローカル環境にa-blog cmsをインストールしてみました。 今回、a-blog cmsの勉 …

no image

画面のスクリーンショット(キャプチャー)をとる3つの方法+1

この記事は約 2 分で読めます。 Webサイトのスクリーンショット(キャプチャー)をとる時、画面に表示されている部分のみの場合や、Webサイト1ページ分全体などあります。 特にWebサイト1ページ全体 …