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. JavaScript

    配列に入れた無名オブジェクトの値をクリアする

    オブジェクトの値を配列にいれて管理することってけっこうあります。…

  2. JavaScript

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

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

  3. JavaScript

    JavaScriptでグローバル変数を減らす方法

    グローバル変数はいいことない!もしかしたら使っているライブラリー…

  4. JavaScript

    JavaScriptでコメントは「/* */」をなるべく使わないようにしたい

    コメントには囲った部分をすべてコメントにする「/* */」と、1…

  5. JavaScript

    「TweenMax.js」をビジネス利用のためのライセンス購入方法

    いつもJavaScriptのアニメーション部分でお世話になってる「…

最近の記事

  1. ホワイトハウスコックスの財布
  2. 進撃の巨人展FINAL チラシ
  3. 【無印良品】ゴールデンウィーク中のご飯にレトルト買い込み!
  4. 世代ど真ん中だった!!『週刊少年ジャンプ展 vol2』
  5. デジタル通貨を買ってみた記録!とりあえず元は取っている!
  6. 【コレクション】カードダス:SDガンダム外伝シリーズ
  7. 懐かしい!!カードダスSD戦国伝!!

アーカイブ

  1. 日常

    十数年ぶりの宮島
  2. プロダクト

    この夏オススメ! 富士山世界遺産登録記念てぬぐい「富士山縞てぬぐい」♪
  3. 日常

    7/29 再会
  4. 日常

    成田空港満喫!?
  5. プロダクト

    子供の頃の夢がついに実現!ビックリマンチョコ箱買い!!!
PAGE TOP