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

●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


Firefox
携帯


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

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

■ Video DownloadHelper (YouTube ニコニコ動画の動画ファイルをダウンロードする)
https://addons.mozilla.org/ja/firefox/addon/3006

■ GoogleToolbar(Google検索窓、PageRank表示)
http://toolbar.google.com/

■ LinkChecker(表示しているページのリンク切れを一括チェック)
http://www.kevinfreitas.net/extensions/linkchecker/

■ 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/firefox/1843/

■ 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/firefox/59/

■ GmailSpace (Gmailのディスクスペースをデータ置き場として使う)
https://addons.mozilla.org/firefox/1593/

■ SBM(ソーシャルブックマーク)カウンタ
(現在表示しているページに対して「はてなブックマーク」「del.icio.us」「livedoor クリップ」での登録件数を表示する)
http://miniturbo.org/product/extension/sbmcounter/

■ AutoPagerize
Yahoo や Google で検索結果の次のページを自動的に読み込んでくれる。便利(下記Greasemonkeyのインストールが必要です)
http://userscripts.org/scripts/show/8551

■ 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(検索エンジン最適化)を行うのに必要な情報を表示するアドオン

■ Fxpath アドオン(右クリックで xpath を表示)
https://addons.mozilla.org/en-US/firefox/addon/1095

No.379

07/22 00:27


Firefox


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

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

a:focus { -moz-outline-style: none; }

関連情報:http://www.fsiki.com/jet/archives/2006/01/text-indent.html

関係ないけど、テキストリンクの枠線を消すには

<a href="#" onfocus="this.blur();">link</a>
<a href="#" onFocus="if(this.blur)this.blur()">link</a>

でいけるみたい

No.160

01/27 13:11


Firefox




Powered By flat memo Ver 0.9.6.2 © econosys system