Q.Chromeでモバイル表示する際、実機以外で一番再現性が高いと思われるオンラインツールはどれですか?
状態:-
閲覧数:1,755
投稿日:2016-09-20
更新日:2017-10-28
レスポンシブWebデザイン
Chromeデベロッパーツール
・実機で不具合が発生した場合は、Chromeデベロッパーツールでその不具合を発生させ、デバッグ実行
これまでずっと下記で確認していたのですが、どうやっても表示がうまくいかず、
試しに別のURLで確認してみたら、正常表示されていました
Chrome
・デベロッパーツールより『Toggle device toolbar』をクリック
・device toolbarより『デバイス』を選択
Chromeでモバイル表示する際、実機以外で一番再現性が高いと思われるオンラインツールはどれでしょうか?
・デベロッパーツール / Toggle device toolbar
・モバイル フレンドリー テスト
・Resizer
・Demonstrating Responsive Design
・上記以外
試しに別のURLで確認してみたら、正常表示されていました
Chrome
・デベロッパーツールより『Toggle device toolbar』をクリック
・device toolbarより『デバイス』を選択
Chromeでモバイル表示する際、実機以外で一番再現性が高いと思われるオンラインツールはどれでしょうか?
・デベロッパーツール / Toggle device toolbar
・モバイル フレンドリー テスト
・Resizer
・Demonstrating Responsive Design
・上記以外
A
Chromeデベロッパーツール
・実機で不具合が発生した場合は、Chromeデベロッパーツールでその不具合を発生させ、デバッグ実行
Resizer
Google公式提供オンラインサービス
Chromeでのモバイル表示確認は、開発ツールではなく「Resizer」を使用
Resizer
・インタラクティブビューア
・デスクトップ、モバイル、タブレット
2017/5/9
・正常動作しない
Sizzy
Nexus 6P
特定ページだけレイアウトが異なる現象に2回遭遇
PC
・正常表示
Sizzy
・正常表示
Nexus 6P
・レイアウトが崩れる
注意事項
・完全に再現しているわけではない
・GitHub - kitze/sizzy: A tool for developing responsive websites crazy-fast