作ったhtmlをサーバーにアップロードする前段階で携帯、スマートフォンでどう表示されるかわかるソフトやツール等ありませんか?
レスポンシブサイトではありません。
また widthやheightの指定を全てパーセント指定ならば、どの携帯、どのスマートフォンでも同じ比率になりますか?
あまりにも無知ですいません。
どなたかわかる方 教えてくだされば幸いです。
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
回答5件
0
ベストアンサー
Chromeならスマホのエミュレータがついてます。
F12キーを押すと開発者ツールが出ます。
ツールのバーの左の方にスマホのマークがあるかと思いますので、それをぽちっと押してください。
あとはエミュレートする機種を選んで画面を更新すればスマホで見たときのイメージがつきます。
投稿2015/08/03 23:37
総合スコア634
0
開発マシンがMacでiPhone実機をお持ちでしたら、MacのSafariの開発者ツールで開発サイトをiPhone実機で表示・デバックすることができます。
iPhoneで表示しているページをMacでデバッグできるSafariのWebインスペクタ
だいたいはChormeの開発者ツールのエミュレーターで済みますが、特にjavascriptの挙動などが微妙に異なることがあるのでMac+iPhoneの場合ですと上記の実機での確認方法が役立ちます。
表示のされ方はviewport
の書き方で変わってくるので、
どう表示させたいかによってこの部分の記述を変える必要があるかと思います。
iPhone6の時代のviewport設定について
これがスマートフォン向けサイトを作るときの viewport 設定3パターンだ
投稿2015/08/04 02:30
総合スコア596
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/08/05 17:06
0
Firefoxにもレスポンシブデザインビューという機能がありますよ。
画面サイズのシミュレータと考えた方がいいですが。
またそれをスクリーンショットで撮影できる機能がついているのもありがたいかと。
投稿2015/08/04 01:01
編集2015/08/04 01:01総合スコア730
0
私も、chromeのエミュレーターはいつも使っております!便利ですよね。
ただ、iphone6だけ実機を持っているので見てみると、微妙に違うなあ…と思うことがあります。でもそれほど問題ありません。
本気でお金をかけて検証が必要なら、Remote Testkitというサービスもありますよね。
オンラインで実機検証できるらしいです。
いつかそういうことがあったら使おうと思ってブックマークして、まだ使ったことないのですが…
投稿2015/08/04 00:26
編集2015/08/04 00:27総合スコア13
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/08/05 16:17