使用chrome調(diào)試javascript代碼

使用chrome自帶的開發(fā)者工具來進(jìn)行調(diào)試


步驟

  1. 按F12打開開發(fā)者工具,進(jìn)入source一欄


    image.png
  2. 打開html頁面,在JavaScript代碼塊里打上斷點(diǎn),在代碼行前出現(xiàn)藍(lán)色的標(biāo)識說明打上了斷點(diǎn)


    image.png
  3. 刷新html頁面,代碼運(yùn)行到斷點(diǎn)處??梢钥吹接覀?cè)的調(diào)試工具。


    image.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,803評論 1 45
  • 前言:調(diào)試技巧,在任何一項(xiàng)技術(shù)研發(fā)中都可謂是必不可少的技能。掌握各種調(diào)試技巧,必定能在工作中起到事半功倍的效果。譬...
    藍(lán)鷗科技閱讀 618評論 1 4
  • 轉(zhuǎn)載地址 image.png 前言 fiddler是一個(gè)很好的抓包工具,默認(rèn)是抓http請求的,對于pc上的htt...
    菜菜編程閱讀 21,909評論 0 28
  • 有點(diǎn)懶得把圖片傳上來了,請移步這里看 Cocos官方論壇-wiki CocoaChina論壇帖子 上面兩個(gè)是一樣的...
    椒鹽老蟶閱讀 5,523評論 1 6
  • 前言:調(diào)試技巧,在任何一項(xiàng)技術(shù)研發(fā)中都可謂是必不可少的技能。掌握各種調(diào)試技巧,必定能在工作中起到事半功倍的效果。譬...
    騷的掉渣閱讀 377評論 1 4

友情鏈接更多精彩內(nèi)容