+RECOMMEND
+RECOMMEND
+Ad
+OTHERS

無料ブログ作成サービス JUGEM

paperboy&co.
RSS 1.0
ATOM  0.3
<< May 2017 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 >>
<< オライリーの表紙も作れる?中世の挿絵を集めたサイトの紹介 | main | オリジナルTwitterアイコン素材&キャラ フリー >>
入れてるとチョット便利なFireFoxアドオン


普段使っているFireFoxのアドオンをメモがてら紹介します。
■Web Developer
かなり便利なアドオンです。
名前どおりWeb制作に関するチェックが行えます。
ブラウジングしながらJavascriptやCookieの有効無効をきりかえたり、Alt属性のテキストをブラウザ上で確認できたり、テーブルやDivタグでくくられている箇所を確認できたり、これひとつ入れているだけでもかなり検証作業に使えます。
また、ツールから各バリデートサイトへ飛べるメニューなどもあり重宝しています。


ツールの中身:CSSの検証やHTML構文チェックなどここからできる

ダウンロードはこちらからどうぞ
https://addons.mozilla.jp/firefox/details/60



■User Agent Switcher
こちらはユーザーエージェントを切り替えることができます。
たとえば携帯用にリダイレクトするスクリプトを組んだ場合、実際に携帯を使わないと検証できませんが、このアドオンを使って任意の携帯ユーザーエージェントに切り替えることで、スクリプトが機能するかどうか確認したりなどができるようになります。
最近ではiPhoneやiPadサイトの切り替え検証などに使ってみました。

各ユーザーエージェントはこちら。デフォルトでiPhone3.0の設定は入っています。

*Google Chrome ver3
Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US) AppleWebKit/532.0 (KHTML, like Gecko) Chrome/3.0.195.38 Safari/532.0

*Lunascape
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; SLCC1; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30618; Lunascape 4.7.3)

*IE8
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 3.0.04506.30; .NET CLR 3.0.04506.648)

*Opera ver10
Mozilla/4.0 (compatible; MSIE 6.0; X11; Linux i686; ja) Opera 10.10

*AdobeBridge CS
Mozilla/4.0 (compatible; MSIE 6.0; Mac_PowerPC; Bridge/2.1.1.9; ja) Opera 9.20

*Wii
Opera/9.10 (Nintendo Wii; U; ; 1621; ja)

*NintendoDS
Mozilla/4.0 (compatible; MSIE 6.0; Nitro) Opera 8.50 [ja]

*PSP
Mozilla/4.0 (PSP PlayStation Portable); 2.00)

*PS3
Mozilla/5.0 (PLAYSTATION 3; 1.00)

*iPad
Mozilla/5.0(iPad; U; CPU iPhone OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B314 Safari/531.21.10


携帯まで書くと書ききれないので詳しくはこちらを参照してください。
http://www.openspc2.org/userAgent/

ダウンロードはこちら
https://addons.mozilla.org/ja/firefox/addon/59



■Html Validator
こちらはバリデート専用のアドオン。
現在表示しているサイトをチェックして、エラーや警告を表示してくれます。
ソース出のチェックもできるので、できたサイトのhtmlを検証するときに役立ちます。

エラーの様子:行番号を指定してどこが記述間違いか教えてくれる

ダウンロードはこちら
https://addons.mozilla.org/ja/firefox/addon/249



■FireBug
これもHTMLソースをバリデートしてくれるアドオン。
Html Validatorと違って、該当のソースにカーソルを合わせると、実際の表示画面の色が変わり視覚的にどの部分のソースであるかわかりやすく知ることができます。

色が変わったところ

また、CSSやjavascriptなど直接編集してどう変わるかをシミュレートできるのもうれしい機能です。

ダウンロードはこちらから
http://www.google.co.jp/search?q=FireBug&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:ja:official&hl=ja&client=firefox-a



■Pencil

ワイヤーフレームをFireFox上で作れてしまうアドオン。アドオンというより、もうひとつのソフトみたいな感じです。全部説明すると記事一個かけちゃうので割愛しますが、めちゃめちゃ使えるのでお勧めです。
わざわざPPTやイラストレーターを立ち上げなくてもワイヤーがつくれ、できたデータをPng形式で書き出し保存ができます。

ダウンロードはこちら
https://addons.mozilla.org/ja/firefox/addon/8487



■IE Veiw
今見ているページをIEで確認できます。
いちいちアドレスをIEにこぴぺしなくてよいので、地味に重宝しています。

ダウンロードはこちら
https://addons.mozilla.org/ja/firefox/addon/35

そのほかいろいろと便利なアドオンがあるようなので、自分にあったものを探してみるのもよいかもしれません。



はじめてのFirefox3―人気ブラウザの「基本操作」から「アドオン」まで (I・O BOOKS)
はじめてのFirefox3―人気ブラウザの「基本操作」から「アドオン」まで (I・O BOOKS)
I・O編集部
| Webトレンド | 02:04 | comments(2) | trackbacks(0) | - | - |はてなブックマーク - 入れてるとチョット便利なFireFoxアドオン | このエントリーをはてなブックマークに追加
HTML構文チェックに役立つアドオン
参考になりました

CSSもシミュレートできるのは嬉しいですね
| HTML構文チェック@たぬきち | 2011/07/11 7:06 PM |
どもども。コメント遅れて申し訳ありません。構文チェックは役に立ちますよね。
| 管理人 | 2011/08/11 4:50 PM |









http://blog.tug.lomo.jp/trackback/987944