Warning: Parameter 1 to multibyte_patch::wplink_js() expected to be a reference, value given in /home/voidgraphics/www/crunchlog/wp-includes/plugin.php on line 579

Warning: Parameter 1 to wp_default_scripts() expected to be a reference, value given in /home/voidgraphics/www/crunchlog/wp-includes/plugin.php on line 579
Android端末のデフォルト・ブラウザでJavaScriptのデバッグをする方法 | Crunchlog
Warning: Parameter 1 to wp_default_styles() expected to be a reference, value given in /home/voidgraphics/www/crunchlog/wp-includes/plugin.php on line 579

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

    JavaScript

    JavaScriptでグローバル変数の使いどころを見直してパフォーマンスを改善する

    JavaScriptのコードの中では、どこにデータを格納するかでコ…

  2. parseInt.jpg

    JavaScript

    JavaScriptでローカルストレージを使うときに覚えておきたい文字列型から数値型への変換方法

    HTML5を使ったWebアプリをデザインしているときに必要だったの…

  3. canvas.jpg

    JavaScript

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

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

  4. js_global.jpg

    JavaScript

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

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

  5. fb022d1ac056d555673c17937de7f431.png

    JavaScript

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

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

  6. offset_style_data.jpg

    JavaScript

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

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

最近の記事

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

アーカイブ

  1. マスタービルダー決定

    LEGO

    レゴランド・ディスカバリー・センター東京 マスター・ビルダー決定!
  2. ディスカバリー

    LEGO

    「レゴ スペースシャトル ディスカバリー」落札!
  3. 【無印良品】冬の定番「後ろから着けるイヤーマフ」

    無印良品

    【無印良品】冬の定番「後ろから着けるイヤーマフ」
  4. 留学

    基本をマスター
  5. Mask_Logo.full_grande

    プロダクト

    快適な目覚めをデザインするスリーピング・ガジェット
PAGE TOP