[Mobile]Docomo携帯サイト表示崩れ確認事項まとめ

2009年11月10日

先週作った携帯サイト(まだテスト環境)がまだ崩れてるらしい(辛)
ドコモ機種で、見出し部の前の改行が空きすぎるのと、背景が見えてないやつ。
確認事項をまとめました。

以下のページでヘッダ表記等を再確認さしてもらいました。

モカの腹: Dreamweaverで携帯サイトを作る方法

■ヘッダの表記確認
ヘッダ表記は、元々入れてたもので正しかったです。まんま同じでした。

■.htaccessでドコモのxml表示指定
ドコモだとxml宣言をしていると.xml表示をしてしまうらしい→divタグとかを認識しない。
なのでxml宣言してても、ちゃんと.html表示をしようとする指定のようです。

AddType application/xhtml+xml .html

■i-mode情報確認
i-modeでは2005年11月発売の902i以降の端末でないとtableタグは無視されてしまう。
なので、通常は、divタグを使用する

■タグ整理
・div周りの<br>消し
・DWでXHMLのクリーンアップ
・いらないタグ整理

■User Agent Switcherに色々なキャリア・機種情報を入れた

まず、 ここを見ながら気になってた「DoCoMo/2.0 F900i」の機種情報を入れました。

携帯電話サイト作成ツール・Firefox + user agent switcher

それから、このページで紹介されているものを、User Agent Switcherにインポートした。
本人が古いと言ってるし、2007年以前なので、ちょっと古めの機種もあります。
アステルとかも入ってるし。
でも、インポートで入れられてラクでした。ありがとうございます~

User Agent Switcher ユーザーエージェント一覧 – blog in a fog

しかし、既に設定してあったauの見え方となんら変わらなかったので、
ほんとにあってるのか?という疑問は残ります・・・

となんやかやとやってたら、お客さんの方から、ちゃんと見えるようになったと知らせが来ました。
ひとまずは安堵しました。今後も検証は必要ですが。

■所感
結果的にあやしかったのは、
div周りの改行と、.htaccessでドコモのxml表示指定だったような気がする。たぶん…。

■キャリア別振り分け情報
以下は、PHPでの振り分けの情報です。
今回は、予算の関係でここまではやりませんでした。
今後もしかしたら使うときもあるかもしれないので、メモっておきます。

i-mode対応XHTMLでPHPを動かすには? – 教えて!goo

教えて! Watch 携帯サイトの構造について

日記

Posted by ponnao