article

毎日お世話になってるブラウザの拡張機能

  • 2007年5月24日
  • 2007/06/15 この記事に追加をしました。
  • 2007/06/20 この記事に追加をしました。
  • 2007/10/01 この記事に追加をしました。

毎日使っているFirefoxの拡張機能のメモです。おまけもあります。

よく使う順に書いて行きます

Firefox

Web Developer
ブラウザ上でHTMLやCSS(Ctrl+Shift+E)を擬似的に編集できます。ソースの検索機能ができるのが便利です。また、ページの全画像情報を表示したり、Another HTML-lintでページのチェックもできます。もっともメジャーなアドオンの一つです。
Firebug
これはWeb Developerとちょっと似てますが、僕が主に使っている用途は、Javascriptのチェックです。サイトを開いたときに、いくつのエラーがあるかをブラウザの右下に表示してくれます。あと、HTMLタグごとにCSSの有効、無効をチェックできるのもとても便利です。日本語版が出たようです。
Tab URL Copier
開いているタブの全URLをコピーできます。便利です。
HTML Validator
タイトルどおり、HTMLの正確さを確認をしてくれます。エディターでのチェックとあわせて使用すると万全だと思います
Font Finder
意外と便利です。CSSでフォントサイズとかline-heightとかって、ちゃんと適用されているのかわからないときありませんか？Font Finderは調べたい文字を選択して右クリックからそれらの値を確認できます。
ColorZilla
サイトの色を抽出できます。いちいちキャプチャをとって、Photoshopを開く必要がなくなります。
MeasureIt
サイトの幅や高さをメジャーを使って測る事ができます。ColorZillaとあわせて、ちょっと気になるサイトを見つけたときにパッと使えるのが便利です。
Screengrab! 0.93
上司に教えていただきました。スクリーンショットを撮れるアドオンです。設定をかえると、Flash部分も撮れます。単純で使いやすいです。
Copy as HTML Link 1.1
テキストを選択して右クリックからこれでコピーすると、<a href="">Copy as HTML Link 1.1</a>という感じでコピーされます。このままブログに貼り付けたりできるので、ブログを書くのにとても便利です。
Make Link
右クリックから、観覧中のwebサイトのURLやタイトルタグの中身をコピーすることが出来ます。しかも、フォーマットを設定できるので、幅広い活用が可能です。

だいたい、こんな感じです。他にも下記が参考になると思います。下記サイトは他にも、とても役に立つエントリーがたくさんあります。ぜひチェックしてみてください。

IE７

下記はおまけです。IE７版のWeb Developerみたいな物です。
Internet Explorer Developer Toolbar Beta

トラックバック

http://web.dimension-maker.info/cgi-bin/mt/webdimensionmaker/110

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

 

画像の中に見える文字を入力してください。