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)絡(luò)錯誤

CSS調(diào)試

使用開發(fā)者工具:
選擇器錯誤(開發(fā)者工具右側(cè)有沒有選擇器)
注釋會錯(CS只有/**/這種注釋方式)
屬性名(出現(xiàn)警示則是語法錯誤宇立,首先可以在開發(fā)者工具里面的推薦寫一遍,也可以把鼠標(biāo)放警示標(biāo)志上面)
值會錯
值會被覆蓋(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.找出與預(yù)期不一致的地方
還有二分法(打印console.log(1));打印元素
輔助方法斷點:
sources-break.html-加斷點-刷新-高亮的地方?jīng)]有運行匿级。
同時watch查看所有變量蟋滴,打開控制臺。
斷點分為條件斷點痘绎、ajax斷點津函、Dom斷點
還有一種斷點是debugger。

網(wǎng)絡(luò)請求

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

注釋法

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

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市行施,隨后出現(xiàn)的幾起案子允坚,更是在濱河造成了極大的恐慌,老刑警劉巖蛾号,帶你破解...
    沈念sama閱讀 216,402評論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件稠项,死亡現(xiàn)場離奇詭異,居然都是意外死亡鲜结,警方通過查閱死者的電腦和手機展运,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來精刷,“玉大人拗胜,你說我怎么就攤上這事∨剩” “怎么了埂软?”我有些...
    開封第一講書人閱讀 162,483評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長纫事。 經(jīng)常有香客問我勘畔,道長迷殿,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,165評論 1 292
  • 正文 為了忘掉前任咖杂,我火速辦了婚禮庆寺,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘诉字。我一直安慰自己懦尝,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,176評論 6 388
  • 文/花漫 我一把揭開白布壤圃。 她就那樣靜靜地躺著陵霉,像睡著了一般。 火紅的嫁衣襯著肌膚如雪伍绳。 梳的紋絲不亂的頭發(fā)上踊挠,一...
    開封第一講書人閱讀 51,146評論 1 297
  • 那天,我揣著相機與錄音冲杀,去河邊找鬼效床。 笑死,一個胖子當(dāng)著我的面吹牛权谁,可吹牛的內(nèi)容都是我干的剩檀。 我是一名探鬼主播,決...
    沈念sama閱讀 40,032評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼旺芽,長吁一口氣:“原來是場噩夢啊……” “哼沪猴!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起采章,我...
    開封第一講書人閱讀 38,896評論 0 274
  • 序言:老撾萬榮一對情侶失蹤运嗜,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后悯舟,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體担租,經(jīng)...
    沈念sama閱讀 45,311評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,536評論 2 332
  • 正文 我和宋清朗相戀三年图谷,在試婚紗的時候發(fā)現(xiàn)自己被綠了翩活。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片阱洪。...
    茶點故事閱讀 39,696評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡便贵,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出冗荸,到底是詐尸還是另有隱情承璃,我是刑警寧澤,帶...
    沈念sama閱讀 35,413評論 5 343
  • 正文 年R本政府宣布蚌本,位于F島的核電站盔粹,受9級特大地震影響隘梨,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜舷嗡,卻給世界環(huán)境...
    茶點故事閱讀 41,008評論 3 325
  • 文/蒙蒙 一轴猎、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧进萄,春花似錦捻脖、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至援雇,卻和暖如春矛渴,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背惫搏。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評論 1 269
  • 我被黑心中介騙來泰國打工具温, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留皂岔,地道東北人均践。 一個月前我還...
    沈念sama閱讀 47,698評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像烧董,于是被迫代替她去往敵國和親川陆。 傳聞我的和親對象是個殘疾皇子剂习,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,592評論 2 353

推薦閱讀更多精彩內(nèi)容

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