Android端末のchromeのホームページをデバックするのに..

Android端末のホームーページのスタイルが適用されないなど発生したときにデバッグするのがめんどいなって思っていましたが

 

パソコンのchromeから操作できる方法を知り快適になりました。

 

手順

1.設定アプリを開く

2.「システム」>「詳細設定」>「開発向けオプション」を開く

3.開発用設定をオンにする

4.USBデバッグモードをオンにする

5.PC版「chrome」から下記の内容をアドレスバーに入力します。

chrome://inspect/#devices

6.remote Targetに表示されるのでデバックしたいサイトの「inspect」を押して表示します。

※Android端末上も同じサイトが開いている必要がある

 

 

スタイルを変更すると反映されるので非常に便利です。