Chrome DevToolsをモバイル開発で使いこなす

全2回

Chrome搭載DevToolsのデバイスモードはモバイル向けの環境を再現することで、開発を効率よく進めることができます。このシリーズでは、デバイスモードの機能を紹介しながら、どのように実務に活かすことができるか解説します。

後編 モバイルWebアプリ開発に活用

Chrome DevToolsにはモバイルWebアプリケーション開発に役立つさまざまな機能があります。回線速度やCPUの大雑把なエミュレートや、実機を接続して詳しい検証をすることもできます。

前編 デバイスモードの基本機能

Chrome搭載DevToolsのデバイスモードはモバイル向けの環境を再現することで、開発を効率よく進めることができます。また、モバイル環境も含めたレスポンシブな画面のチェックも得意です。これらの基本的な使いこなしを解説します。