JavaScript

Android端末のデフォルト・ブラウザでJavaScriptのデバッグをする方法

About debug 4

Webアプリをデザインするときに必須となるのがJavaScript。
そしてコイツがうまく動作してるかどうかを確認するため、またはどんなエラーが原因で動かないかを確認するために必要になるのが「JavaScriptコンソール」ってヤツです。

Webアプリは必ず実機での確認をするので、「JavaScriptコンソール」の呼び出し方は覚えておくべきもの。いつまでこれが使えるかは分かりませんが。。。

出し方はカンタンです。

  1. URLを入力するところをタップ
  2. About debug 1

  3. 「about:debug」と入力
  4. 普段はURLを入力するんですが、
    「about:debug」と入力して実行しましょう。
    About debug 2

  5. 「JavaScriptコンソールを表示」がでてくる
  6. URLを表示する部分の上にでてきます。
    About debug 3

  7. 「JavaScriptコンソールを表示」をタップして確認
  8. 細くてタップしづらいですが、タップすると領域が広がってコンソール表示になります。
    About debug 4

  9. 「JavaScriptコンソールを表示」を消すには再度「about:debug」と入力
  10. 「JavaScriptコンソールを表示」がでた状態で、また「about:debug」と入力して実行すると、「JavaScriptコンソールを表示」は消えます。
    About debug 2

基本的にこの機能は搭載されているはずです。
Webアプリをデザインするときには活用して
バグを潰していきましょう。

実機で確認するのは大切です♪

関連記事

  1. scope.jpg

    JavaScript

    JavaScriptでは「変数のスコープ」を正しく理解してエラーを減らそう!

    変数の「スコープ」は正しく理解しないと、エラーにならないエラーが起…

  2. 20120716134815

    JavaScript

    正規表現で入力されたテキストが有効かをチェックする

    テキストボックスに入力されたテキストが整数かどうかをチェックします…

  3. chrome_touchevents.jpg

    JavaScript

    WebアプリのデバッグをChromeでやるために「touch events」を有効化する方法

    Webアプリのデバッグは「Chrome」をいつも使ってます。その…

  4. trycatch.jpg

    JavaScript

    JavaScriptでエラーが起っても固まらないように「try-catch」する

    HTML5とJavaScriptでこねこねしてWebアプリを作って…

  5. QueryString.jpg

    JavaScript

    クエリーストリングを利用してWebページ間でデータを受け渡してみる

    「クエリーストリング」っていうのは以下のようなGoogleで検索し…

  6. offset_style_data.jpg

    JavaScript

    「offset」と「style」で取得する値が違う

    ちょっとはまったのでメモ。以下のように「offset」と「sty…

アーカイブ

  1. 日常

    ECCスタート
  2. zenback1

    ブログツール

    ブログ記事バックナンバーを有効活用したい人のためのサービス『zenback』を導…
  3. 日常

    香港といえば
  4. support_orientations.jpg

    iOS

    iOSデバイスで画面の回転をサポートするコード
  5. 留学

    『人は見た目が9割』
PAGE TOP