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

    JavaScript

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

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

  2. offset_style.jpg

    JavaScript

    「offset」で取得した値を使い回す

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

  3. css_sprite.jpg
  4. trycatch.jpg

    JavaScript

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

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

  5. js_style.jpg

    JavaScript

    CSSのプロパティをJavaScriptで指定する

    Elementオブジェクトのstyleプロパティでその要素に対し…

  6. getElementById

    JavaScript

    JavaScript内で、HTMLのIDを直接指定したらダメ

    Webアプリをデザインしていて、JavaScriptの記述について…

最近の記事

  1. 便利すぎる!買ってよかったキッチンツール「キッチンペーパーハンガー」
  2. ジムで活躍!プロテイン用のボトルにおすすめ!「nalgene(ナルゲン)の沖倉商店コラボ・ボトル」
  3. コミックのイラストが新鮮だった!『MARVEL展』
  4. ジム用に購入♪ リバーサル・オッシュマンズ別注「ドライスウェットショーツ」
  5. 暮しの手帖社とのコラボ作品!大きい面積が使いやすい!「日東紡の新しいふきん」

アーカイブ

  1. hm_brick_lane_bikes2-1.jpg

    プロダクト

    H&Mのコラボコレクション「H&M for BRICK LA…
  2. akatsuki

    LEGO

    レゴ「あかつき」企画、50票獲得!!
  3. ルリユール展

    展覧会

    「平まどか ルリユ−ル展」の搬入お手伝い
  4. 日常

    まず一息。
  5. 日常

    こ・こ・で
PAGE TOP