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

    JavaScript

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

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

  2. 20120826222152

    JavaScript

    JavaScriptでテキストボックスから値を取得する

    テキストボックスに入力された値を取得します。Elementオブジ…

  3. QueryString.jpg

    JavaScript

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

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

  4. css_sprite.jpg
  5. oncomplete_function.jpg

    JavaScript

    【TweenMax】「onComplete」で引数を使う方法

    TweenMaxの「onComplete」で引数を使いたい場合って…

  6. offset_style.jpg

    JavaScript

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

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

最近の記事

  1. 【無印良品】ゴールデンウィーク中のご飯にレトルト買い込み!
  2. 世代ど真ん中だった!!『週刊少年ジャンプ展 vol2』
  3. デジタル通貨を買ってみた記録!とりあえず元は取っている!
  4. 【コレクション】カードダス:SDガンダム外伝シリーズ
  5. 懐かしい!!カードダスSD戦国伝!!
  6. 【無印良品】作り置きに欠かせない!バルブ付き密閉保存容器
  7. 【UNIQLO】冬のジム通いにブロックテックフリースパーカをお得に購入!!
  8. 【UNIQLO】冬のジム通いにブロックテックフリースパンツをお得に購入!!
  9. 【UNIQLO】ユニクロ誕生感謝祭で買いだめ!
  10. 便利すぎる!買ってよかったキッチンツール「キッチンペーパーハンガー」

アーカイブ

  1. 日常

    『伝統の逆襲』
  2. hayabusa2_campaign1.jpg

    イベント

    「はやぶさ2」のキャンペーンで宇宙にメッセージを送ろう!
  3. zenback_classified9

    サービス

    誰でも使えるWebの3行広告『zenbackクラシファイド』でホントにアクセスア…
  4. kimuraihei_domonken-1.jpg

    展覧会

    「近代写真の生みの親 木村伊兵衛と土門拳」展
  5. English_Tradition-1.jpg

    プロダクト

    これだけは持っておきたい!とことん使い回せる定番マフラー「イングリッシュ トラデ…
PAGE TOP