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. tweenmax_js_totation.jpg

    JavaScript

    【TweenMax.js】回転アニメーションも楽々!

    以前も記事に書いたアニメーション用のJavaScriptライブラリ…

  2. canvas.jpg

    JavaScript

    WebアプリでCanvasを使うための指定方法

    Webアプリをデザインするときのお決まりになりつつあるHTML5の…

  3. offset_style_data.jpg

    JavaScript

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

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

  4. fb022d1ac056d555673c17937de7f431.png

    JavaScript

    強力なアニメーション用のJavaScriptライブラリー「TweenMax.js」が便利!

    jQueryでもアニメーションはできるのですが、それよりも表現力豊…

  5. css_sprite.jpg
  6. tweenmax_js_oncomplete.jpg

    JavaScript

    【TweenMax.js】アニメーション終わりに関数を呼び出す!

    最近はWebアプリでアニメーションが必要になったときに、「Twen…

アーカイブ

  1. 日常

    写真の整理
  2. 日常

    I'm photographer!?
  3. 日常

    かいもの
  4. 日常

    それぞれのデザイン
  5. 日常

    結婚式
PAGE TOP