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

IllustratorやinDesignで難しい漢字(フォントで使用出来る異字体)を探す方法

この記事は約 2 分で読めます。 今までIllustratorやInDesignを使って難しい漢字(フォントで使用出来る異字体)を入力する時、そのソフトの中ですぐに変換出来る方法が分からず困った事があ …

no image

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

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

no image

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

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

no image

WordPress カスタムフィールドを使ってみる

この記事は約 1 分で読めます。 WordPressの便利な機能のひとつ「カスタムフィールド」に今回チャレンジします♪ 「カスタムフィールド」は、記事本文とは別に項目を独自で作って表示するものです。

WordPressのウィジェットに表示した「タグクラウド」をカスタマイズしてみる

この記事は約 2 分で読めます。 WordPressのタグクラウドを表示させる方法として、「ウィジェットに表示させる方法」と、「オリジナルのsidebar.phpにテンプレートタグを記述させる方法」と …