WコースJQuery 15日目-0813


ソフトウェアレッスンJQuery 15日目-0813


1.要素検査機能


HTMLページを右クリックし、「要素のチェック」を選択します.Ctrl + Shift + I Ctrl + Shift + J Ctrl + Shift + C

2.元素検査の機能


クロムの元素検査には8つのタブがあります
次の機能を実行します.
  • Elementsページのドキュメントオブジェクトに関連するすべてのプロパティをリアルタイムで表示できます.
  • リソース」ページを実行すると、ロードされたすべてのリソースファイルを表示できます.他のHTML 5データベースとローカルリポジトリ、Cookie、キャッシュが表示されます.
  • ネットワークAjaxを含むすべてのHTTPリクエストを表示できます.
  • ソースコードに対してJavaScriptに関連するデバッグを実行します.
  • Timelineは、各要素にどれだけの時間がかかるかを決定するために使用される.
  • Profiles JavaScriptの分析に役立ちます.
  • 監査ページの最適化に関する情報を提供します.
  • コンソールログを表示します.プログラム実行時にJavaScriptコードを入力できます.
  • 3.変数のチェック


    クロムを使用する場合は、コンソールオブジェクトのlog()メソッドを使用します.
    <!Doctype html>
    <html>
    <head>
    	<script>
        // 변수를 선언합니다.
        var sum = 0;
        
        // 반복문을 수행합니다.
        for (var i = 0; i < 10; i++){
        	sum += i;
            console.log('i=' + i);
            }
        // 출력합니다.
        alert(sum);
        </script>
    </head>
    <body>
    </body>
    </html>
    「クロム要素チェック」の「ソース」タブにアクセスすると、コードが表示されます.
    コードに問題があると思う部分の左行番号をクリックします.