更新日: 2018年10月18日公開日: 2015年9月10日Chromeデベロッパーツールでスマホサイトをデバックする方法 Chrome デベロッパー・ツールというと Web 開発には欠かせないツールです。レイアウトやフォントのカスタマイズなどによく使われていると思いますが、実はスマホサイトやアプリのデバックにも使うことができます! そこで今回は、Chromeデベロッパーツールでスマホサイトとアプリをデバックする方法をご紹介します。 スマホサイトを Chrome デベロッパーツールでデバッグブラウザ上で様々な端末をチェック 現在世の中には 3000 種類以上の携帯端末が使用されていて、そのすべての端末で Webアプリを正常に起動させることは簡単なことではありません。しかし、Chrome デベロッパー・ツールの Emulation 機能を使うと大部分の端末でバグをチェックすることができます
![Chromeデベロッパーツールでスマホサイトをデバックする方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/6461878d4400376c9e0a7ca15da6c0515d64df60/height=288;version=1;width=512/https%3A%2F%2Fmash-jp.s3-ap-northeast-1.amazonaws.com%2Fproduction%2Fposts%2F33401%2F11d922a314777aba3317f420c8e2033ed92aea2c.33441.desktop.png)