Android > スマートフォン実機デバッグ: JSConsole

「Android/スマートフォン実機デバッグ: JSConsole」の編集履歴(バックアップ)一覧はこちら

Android/スマートフォン実機デバッグ: JSConsole - (2016/04/04 (月) 19:57:34) の1つ前との変更点

追加された行は緑色になります。

削除された行は赤色になります。

*導入 -PCのブラウザで [[http://jsconsole.com/>>http://jsconsole.com/]] にアクセス -画面上の入力エリアに「:listen」と入力しエンター -以下のようなスクリプトタグが出てくる #highlight(){{ <script src="http://jsconsole.com/js/remote.js?ほにゃらら"></script> }} -このスクリプトタグだけを書いたhtmlファイルを、どっかのサーバにアップし、スマートフォンのブラウザでアクセス -さきほどのjsconsole.comを見ると、「Connection established」 と表示されている *デバッグの開始 あとはjsconsole.comの画面上の入力エリアにjavascriptを入力するだけ 例えば、「window.screen.width」と入力し、エンター。 これで、実機の画面幅が分かる。
*導入 -PCのブラウザで [[http://jsconsole.com/>>http://jsconsole.com/]] にアクセス -画面上の入力エリアに「:listen」と入力しエンター -以下のようなスクリプトタグが出てくる #highlight(){{ <script src="http://jsconsole.com/js/remote.js?ほにゃらら"></script> }} -このスクリプトタグを書いたhtmlファイルを、どっかのサーバにアップし、スマートフォンのブラウザでアクセスする。&br()このスクリプトタグだけ書いたhtmlファイルでもよい。 -さきほどのjsconsole.comを見ると、「Connection established」 と表示されている *デバッグの開始 あとはjsconsole.comの画面上の入力エリアにjavascriptを入力するだけ 例えば、「window.screen.width」と入力し、エンター。すると実機の画面幅が分かる。

表示オプション

横に並べて表示:
変化行の前後のみ表示: