如何使用chrome自帶的Javascript調試工具

lple68 9年前發布 | 15K 次閱讀 JavaScript開發 Chrome
  1. 將寫好的Javascript代碼用chrome打開。
  2. 在頁面,單擊右鍵,并且選擇“審查元素”。
  3. 彈出窗體,如圖所示:
如何使用chrome自帶的Javascript調試工具

然后,點擊“Resources”標簽,如圖所示:

如何使用chrome自帶的Javascript調試工具
 

然后點擊“enable resource tracking”,導入源文件,并且選擇“Script”標簽,如下:

如何使用chrome自帶的Javascript調試工具
 
添加斷點的方法就是在所在的代碼行的數字上雙擊即可!!

debug控制方式:

  1. 首先是刷新調試的網頁,即重新載入代碼。
  2. 此時彈出Jscript標簽頁面,并且中止在斷點處。如下:
  3. 如何使用chrome自帶的Javascript調試工具
原文地址: http://zhangyongbluesky.blog.163.com/blog/static/1831941620113155739840/
 本文由用戶 lple68 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!