Android/スマートフォン実機デバッグ: JSConsole - kobapan @ wiki

導入

• PCのブラウザで http://jsconsole.com/ にアクセス
• 画面上の入力エリアに「:listen」と入力しエンター
• 以下のようなスクリプトタグが出てくる

<script src="http://jsconsole.com/js/remote.js?ほにゃらら"></script>
 

• このスクリプトタグを書いたhtmlファイルを、どっかのサーバにアップし、スマートフォンのブラウザでアクセスする。
  このスクリプトタグだけ書いたhtmlファイルでもよい。
• さきほどのjsconsole.comを見ると、「Connection established」 と表示されている

デバッグの開始

あとはjsconsole.comの画面上の入力エリアにjavascriptを入力するだけ

例えば、「window.screen.width」と入力し、エンター。すると実機の画面幅が分かる。