スマホサイト作成での開発・確認の環境について

質問

現在、スマホサイトを作成しており、以下の流れでスマホサイトの動作確認をしております。

(1)Chromeのデベロッパーツールを利用してスマートフォンでの表示を確認。

(2)問題なく表示・作動していれば、iPhone5cとアンドロイド端末「AQUOS PHONE ZETA SH-06E」の2つで実機確認をしております。

デベロッパーツールで問題なく表示されていても、例えばiPhone5cで実機確認すると不具合が多々あります。

私は2つのスマホ端末しか保有してないので、他の端末でも不具合は多くあることが考えられます。

そのため、中古で複数の端末を購入しようと考えておりますが、その場合、OSのバージョン違いはどのように確認すれば良いのでしょうか？

OSをダウングレードする方法があれば、それも良いかもしれませんが、端末ごとにダウングレードしていたら時間がかかると思いますし、かなり面倒そうです。

低コストでお勧めなスマホサイトの開発・作成・確認方法があれば、ご紹介下さい。

回答No.1

noname#206842

デベロッパーツールで問題なく表示されていても、例えばiPhone5cで実機確認すると不具合が多々あります。
本当に、HTMLとCSSが、正しく記述できていますか？・・・
validな記述であれば、不具合はないと思いますが？・・・

OSは関係ないと思いますが、ブラウザの問題はありますが、そこはベンダープレフィックスで修正すればすむのでは？・・・
CSSのチェックは、http://jigsaw.w3.org/css-validator/

参考URL：

http://validator.w3.org/

お礼

あるていど正しく記述することは心がけてます。

iOS7でjquery mobileを使ったポップアップ表示がおかしいのです。