用瀏覽器調試Html


目錄

  • 闡述
  • 舉例說明
  • 小結

闡述

  • 寫前端頁面的時候,瀏覽器調試作為一個很重要的環節,成為開發者必須掌握的技能之一

舉例說明

  • 舉一個簡單的實例,如下一段Html代碼,包含一段很簡單的for循環JavaScript

  <body>
    <script>
        for (var i = 0; i < 10; i++) {
            document.write(i);
        }
   </script>
  </body>

  • VS2013直接調試網頁,用的谷歌瀏覽器,右鍵檢查,會出現如下圖片

avatar

  • 界面顯示內容解釋

1.Element:元素,會顯示當前網頁標簽,還有JavaScript執行結果

2.Console:控制台

3.Source:這里會顯示源碼的所有內容,包含Html和JavaScript,這里的源碼就可以打上斷點進行調試,F5進入調試,然后可以查看JavaScript里代碼的執行結果,和報的錯誤
  • 具體頁面展示如下

avatar

  • 其他
    • 關於其他功能在調試性能,占用系統內存優化程序方面有很大所用

小結

*瀏覽器現在的功能很強大,更是本地的一個數據倉庫,會用了,開發效率會有高額提升

感激

星星之火可以燎原,今日點滴的付出,是日后的苦盡甘來。莫愁前路漫漫,天下誰人不識君。感謝你閱讀此文稿,也希望你能不吝賜教。推薦比較全面的個人學習網站,希望對你有幫助。

關於作者

  var normalChild = {
    nickName  : "墨客碼",
    site : "http://www.cnblogs.com/gss0525/"
    descTarget : ".net后台開發者,熱衷分享技術,心懷感恩,深耕不綴。"
  }


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM