Chrome ウェブストア - Pendule

WEB開発者はインストール必須のChrome拡張「Pendule」。
昔からあるChrome拡張ですが知らない間に色々と便利になっているようだったのでご紹介。
４月からはたいている新入社員のWEBデベロッパーさんにもオススメ

インストールすると以下のようなボタンが表示されますのでクリック。


まず、StyleSheetのタブではCSSを見れる、CSSがその場でリロードできたり、CSSをを無効にできます


サイトで使われているカラーを１６進数で出してくれる機能もあります


CSSビュー。折畳み可能で使いやすく見やすい


Formsタブ。パスワードを表示したり、hiddenなフィールドのアイテムを表示したりできちゃいます。恥ずかしい！



Imagesのタブでは全部の画像を非表示にしたり、背景画像を非表示にしたり、altを全部表示したりといったことが可能



その他JSを表示したり、ルーラーを表示したり、クッキーを消したり至れり尽くせり



更に、ResizeBrowserでは画面サイズをボタン一個で変えられます
iPhoneのサイズもありますね



入れてない人は速攻で入れておいたほうがいいですね

関連エントリ

• Vimの分かりやすいチートシートを見れるChrome拡張「Vim Help」
• PHPのエラーなんかをブラウザで確認できるChrome拡張「php-console」
• ChromeをiPhoneシミュレーターにできる拡張「IPSim」