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

    JavaScript

    背景画像をJavaScriptで入れ替える2種類の方法

    ものごとには「正解」というものがひとつではない、ってことが多いもん…

  2. QueryString.jpg

    JavaScript

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

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

  3. tweenmax_js_oncomplete.jpg

    JavaScript

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

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

  4. offset_style_data.jpg

    JavaScript

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

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

  5. getElementById

    JavaScript

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

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

  6. js_global.jpg

    JavaScript

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

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

最近の記事

  1. 【無印良品】作り置きに欠かせない!バルブ付き密閉保存容器
  2. 【UNIQLO】冬のジム通いにブロックテックフリースパーカをお得に購入!!
  3. 【UNIQLO】冬のジム通いにブロックテックフリースパンツをお得に購入!!
  4. 【UNIQLO】ユニクロ誕生感謝祭で買いだめ!
  5. 便利すぎる!買ってよかったキッチンツール「キッチンペーパーハンガー」
  6. ジムで活躍!プロテイン用のボトルにおすすめ!「nalgene(ナルゲン)の沖倉商店コラボ・ボトル」
  7. コミックのイラストが新鮮だった!『MARVEL展』
  8. シンプルで使い易い!!「雷に強い マイクロタップ 4個口」
  9. ジム用に購入♪ リバーサル・オッシュマンズ別注「ドライスウェットショーツ」
  10. 暮しの手帖社とのコラボ作品!大きい面積が使いやすい!「日東紡の新しいふきん」

アーカイブ

  1. iphone6_1.JPG

    iPhone

    やっと機種変したのでいつものアレ「iPhone6開封の儀」
  2. 【UNIQLO】コスパ最高なニットキャップ!

    ファッション

    【UNIQLO】コスパ最高なニットキャップ!
  3. gr_baton.png

    展覧会

    12人の写真家がGRで撮影した写真を展示する企画展「GRバトン写真家リレー」
  4. iphone4_iphone5-1.jpg

    iPhone

    iPhone4 → iPhone5 へ機種変更したときにやったことまとめ
  5. 【無印良品】普段使いにもぴったりなコンパクトサイズの「機内持込用ケース」

    無印良品

    【無印良品】普段使いにもぴったりなコンパクトサイズの「機内持込用ケース」
PAGE TOP