web-dev-qa-db-ja.com

Android搭載携帯のChromeでデベロッパーツールのコンソールを開くことはできますか?

AngularJSアプリケーションはデスクトップ上では正常に動作しますが、モバイル上では正しくレンダリングされません(実際のコードは表示されています)。これはAndroid携帯電話です。

コンソールにどのようなエラーが表示されているのかを確認したいと思います。

モバイルのChromeアプリでJSコンソールを開くことはできますか(デスクトップにあるように)。

77
tim_xyz

あなたはリモートデバッグを使用してそれをすることができます、ここで 公式ドキュメント です。基本プロセス

  1. あなたのAndroidデバイスを接続する
  2. デバイスを選択してください:その他のツール> PC/Mac上の開発ツールからデバイスを検査します。
  3. あなたの携帯電話で認証してください。
  4. ハッピーデバッグ!
76
PseudoAj

PCを持っていないときは、モバイルブラウザ用の開発ツールであるErudaを使うことができます https://github.com/liriliri/eruda
埋め込み可能なJavaScriptとブックマークレットとして提供されています(ブックマークレットをchromeに貼り付けるとjavascript:プレフィックスが削除されるため、自分で入力する必要があります)。

13
trogper

コンソールに表示されたものだけを見たいのですが、HTMLのどこかに「印刷された」部分を追加するだけで、Webページに表示されます。あなたはあなた自身のためにそれをすることができますが、あなたのためにこれをするjavascriptファイルがあります。あなたはそれについてここで読むことができます:

http://www.hnldesign.nl/work/code/mobileconsole-javascript-console-for-mobile-devices/

コードはGithubから入手できます 。あなたはそれをダウンロードしてjavasciptファイルに貼り付けてあなたのHTMLにそれを追加することができます

6

あなたはおそらくギアブラウザを試すことができます、それはちょうどモバイルで要素を検査してウェブサイトをデバッグすることができます。

https://gear4.app

0
Angolao