web

Androidのブラウザで開発者ツールを使う方法

  • このエントリーをはてなブックマークに追加
  • LINEで送る

こんにちは、佐藤です。

スマホ用のWebページを作っている時に、スマホで見ながらcssをいじりたいと思ったのですが、

PCのChromeのように開発者ツールが使えるか調べたところ、使えたのでその方法を紹介します。

※Chromeのみです。

手順

1.Android端末のUSBデバッグを許可して、PCとUSBケーブルでつなぐ。

2.PCでChromeを開き、アドレスバーに以下を入力。

chrome://inspect/#devices

3.Discover USB devices にチェックを入れる。

スクリーンショット 2015-06-04 18.02.06

 

 

 

 

4.Android端末のChromeでデバッグしたいページを開く。

5.PCのChromeにAndroidで表示しているサイトURLが表示され、下の方
にあるinspectをクリックすると開発者ツールが表示される。

スクリーンショット 2015-06-04 17.59.53

 

 

 

 

 

以外と簡単にできたので良かったのですが、Chrome以外でも使えたらもっといいのに…

  • このエントリーをはてなブックマークに追加
  • LINEで送る
%d人のブロガーが「いいね」をつけました。