[javascript] 利用chrome的overrides實(shí)時(shí)調(diào)試線上js
chrome的開發(fā)者工具，在source選項(xiàng)卡下，可以看到j(luò)s的源代碼，有一個(gè)斷點(diǎn)調(diào)試功能，就是在js的源代碼行號(hào)那里點(diǎn)擊一下，出現(xiàn)一個(gè)箭頭，當(dāng)再次刷新頁(yè)面并且進(jìn)行了相應(yīng)操作時(shí)，就會(huì)停在斷點(diǎn)的地方。我們可以查看相應(yīng)的變量值，在右側(cè)可以手動(dòng)改變變量值，進(jìn)行調(diào)試。

創(chuàng)新互聯(lián)自2013年起，先為甘孜州等服務(wù)建站，甘孜州等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為甘孜州企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

這個(gè)地方有一個(gè)缺點(diǎn)，就是沒有辦法對(duì)代碼表達(dá)式等進(jìn)行手動(dòng)修改，修改完再去運(yùn)行調(diào)試。如果我們?cè)诰庉嫶翱诟牧薺s，他并不能真正的作用于線上代碼。你保存了也沒有任何效果，你刷新了頁(yè)面，直接就沒有了，沒有辦法像css的調(diào)試那樣，可以完全實(shí)時(shí)修改代碼和查看效果。

經(jīng)過我一番折騰，終于找到了下面這樣的方法。在sources下，點(diǎn)擊>>  ，有一個(gè)overrides的選項(xiàng)卡，他的功能是覆蓋。把本地的代碼覆蓋線上的代碼，當(dāng)然只是我們本機(jī)測(cè)試起作用，并不是真正覆蓋。要求是本地的目錄與線上的目錄完全一致，比如線上的top，域名，層層目錄，文件名，要完全一致。

本地新建這些目錄，并且把js也新建好，點(diǎn)擊overrides后選中top目錄，就可以真正的實(shí)時(shí)映射覆蓋了，我們?cè)诒镜豭s里修改代碼，會(huì)被激活。

經(jīng)過這樣的功能，我就解決了之前那個(gè)正則驗(yàn)證的問題。因?yàn)樵诩肄k公，不方便上線js代碼，但是用戶又急著想提交數(shù)據(jù)，他那條數(shù)據(jù)不符合正則的規(guī)則提交不上去。我就把本地代碼的正則先去掉，幫他提交到后端接口，后端的正則里沒有驗(yàn)證這條規(guī)則。

網(wǎng)站題目：如何使用chrome的overrides實(shí)時(shí)調(diào)試線上Javascript？
當(dāng)前URL：http://www.aaarwkj.com/article40/gjdpho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動(dòng)態(tài)網(wǎng)站、網(wǎng)站改版、網(wǎng)站排名、靜態(tài)網(wǎng)站、Google、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)