WEB制作(html・css(スタイルシート))に関する各種メモ書き:タグ「Firefox」での検索

Firefoxおすすめ拡張機能(アドオン)

Firefoxおすすめ拡張機能(アドオン)をメモ。

■ 検索窓とアドレスバーを統合する
https://addons.mozilla.org/ja/firefox/addon/instantfox/

■ Linky 複数のリンクを選択して一気に開く
https://addons.mozilla.org/ja/firefox/addon/linky/

■ LinkChecker(表示しているページのリンク切れを一括チェック)
https://addons.mozilla.org/ja/firefox/addon/linkchecker/developers

■ LiveHttpHeaders (HTTPヘッダを表示)
https://addons.mozilla.org/ja/firefox/addon/3829/

■ Web Developer (WEB制作に必要な機能を追加)
http://www.infoaxia.com/tools/webdeveloper/

■ Popup ALT Attributes
Windows の InternetExplorer みたいに画像の alt属性をポップアップで表示する。
http://piro.sakura.ne.jp/xul/_popupalt.html#download

■ Pearl Crescent Page Saver(スクリーンショットを撮る。Mac版Firefoxでも使用可)
http://pearlcrescent.com/products/pagesaver/

■ Fire Bug(デバッグ用拡張機能。web開発者向け。)
https://addons.mozilla.org/ja/firefox/addon/firebug/

■ Fire Query(Fire Bug開発支援。便利。)
https://addons.mozilla.org/ja/firefox/addon/12632

■ YSlow(制作したページの表示速度が遅いかどうかを判断する。要FireBug。web開発者向け。)
http://developer.yahoo.com/yslow/

■ Fire gestures (マウスジェスチャー 軽量。おすすめ!)
http://www.xuldev.org/firegestures/

■ User Agent Switcher (ブラウザのUserAgentを変更する。携帯サイト開発,iPhone向けサイトの閲覧などに使うと有効)
https://addons.mozilla.org/ja/firefox/addon/user-agent-switcher/

■ AutoPagerize
Yahoo や Google で検索結果の次のページを自動的に読み込んでくれる。
https://addons.mozilla.org/ja/firefox/addon/autopagerize/

■ Greasemonkey
https://addons.mozilla.org/ja/firefox/addon/748

■ iMacros
Firefoxをマクロで自動運転します。ログインが必要なサイトを自動化しておくと便利。
https://addons.mozilla.org/ja/firefox/addon/3863

■ Throttle
帯域を制限し、遅い環境でのブラウジングをテストするのに使用します
http://www.uselessapplications.com/en/Application/FirefoxThrottle.aspx

■ Seo Quake
http://www.seoquake.com/
SEO(検索エンジン最適化)を行うのに必要な情報を表示するアドオン

■ xpath checker(右クリックで xpath を表示)
https://addons.mozilla.org/en-US/firefox/addon/xpath-checker/

■ Memory Restart 1.1( Firefoxの使用メモリを表示 )
https://addons.mozilla.org/ja/firefox/addon/249361/

■ COOL PREVIEWS By cooliris(リンク先のWEBページや画像ファイルをその場でプレビュー)
http://www.coolpreviews.com/

■ Redirect Cleaner(リダイレクトページ「広告ページ」をすっとばす)
https://addons.mozilla.org/ja/firefox/addon/redirect-cleaner/

■ Redirect Remover (リダイレクトページ「広告ページ」をすっとばす)
https://addons.mozilla.jp/firefox/details/537

その他おすすめ : http://wp.me/p2JcR3-1cy

No.379
09/11 14:49

edit

Firefox

携帯サイト開発時に利用する携帯シミュレータ

●DoCoMo
・iモードHTMLシミュレータ
http://www.nttdocomo.co.jp/service/imode/make/content/html/tool/index.html
iモードHTMLシミュレータII
http://www.nttdocomo.co.jp/service/imode/make/content/html/tool2/index.html
(無印のほうが表示が実機に近い印象。ただしcookieを受け入れてしまうみたいなのでセッションのチェックには使えない。)


●AU
■ Openwave
http://www.au.kddi.com/ezfactory/tool/ue/index.html

http://www.au.kddi.com/ezfactory/tec/spec/html_con005.html


●Softbank
■ 開発ツール一覧
http://creation.mb.softbank.jp/doc_tool/tool_list.html
(個別のツールを見るには、会員登録必要) 



●Firefoxアドオン(おすすめ。これを導入して Cookie をオフにするのが開発しやすいでしょう。)
■ FireMobileSimulator
http://firemobilesimulator.org/


No.676
08/03 11:48

edit

Firefox
携帯

<ul><li>を画像リンクにしたときに Firefox で画像の外まで点線が表示されてしまう

対応方法:cssファイルに以下を追加

a:focus { outline-style: none; }
No.160
07/05 10:34

edit

Firefox