js調(diào)試

什么是bug?

程序錯誤,程序漏洞

調(diào)試(debug)步驟

1.發(fā)現(xiàn)錯誤
2.定位錯誤
3.找出原因
4.提出辦法
5.糾正并測試

調(diào)試的秘訣

從心里鄙視寫出的bug,制造出智力上的優(yōu)越感才能發(fā)現(xiàn)bug。

定位錯誤

調(diào)試HTML/CSS/JS/網(wǎng)絡錯誤

CSS調(diào)試

使用開發(fā)者工具:
選擇器錯誤(開發(fā)者工具右側(cè)有沒有選擇器)
注釋會錯(CS只有/**/這種注釋方式)
屬性名(出現(xiàn)警示則是語法錯誤,首先可以在開發(fā)者工具里面的推薦寫一遍,也可以把鼠標放警示標志上面)
值會錯
值會被覆蓋(background的transparent和none沖突)
分號會錯
border調(diào)試大法

js調(diào)試

從css開始調(diào)試,有時候是css寫錯了
console.log大法
1.確定你的代碼運行了,函數(shù)調(diào)用了
2.確定了數(shù)據(jù)類型再打值(console.log(typeof button))
3.確定值
4.找出與預期不一致的地方
還有二分法(打印console.log(1));打印元素
輔助方法斷點:
sources-break.html-加斷點-刷新-高亮的地方?jīng)]有運行。
同時watch查看所有變量,打開控制臺。
斷點分為條件斷點、ajax斷點、Dom斷點
還有一種斷點是debugger。

網(wǎng)絡請求

ajax:1.看網(wǎng)絡請求有沒有發(fā)出去;2.參數(shù)和(header)3.數(shù)據(jù)格式(preview(后端的數(shù)據(jù)格式))+console.log

注釋法

如果有很多錯誤,就分塊注釋(對代碼不了解的情況下)

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

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

  • 作者:百碼山莊原文地址:http://seejs.me/2016/03/27/jsdebugger/ 前言:調(diào)試技...
    IT程序獅閱讀 1,914評論 2 50
  • 在網(wǎng)站開發(fā)中,我們難免會遇到各種bug,這時,我們就需要去調(diào)試我們的JavaScript腳本找出問題,然后去修改代...
    他在發(fā)呆閱讀 527評論 0 0
  • chrome developer tool 調(diào)試技巧 http://ued.taobao.org/blog/201...
    棟棟曉閱讀 454評論 0 3
  • 前言 Chrome 算是開發(fā)者用的最多的工具了。而其中的控制臺更是調(diào)試JS的利器,今天就學習一下基本的控制臺的JS...
    SolaTyolo閱讀 822評論 0 0
  • 前端工作中,不僅編碼很重要,重現(xiàn)bug,解決bug的能力同樣重要。而這些都離不開代碼調(diào)試?,F(xiàn)就一些調(diào)試技巧做出總結(jié)...
    tiancai啊呆閱讀 484評論 0 0

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