靈活應(yīng)用js調(diào)試技巧解決樣式問題的步驟分享_javascript技巧

由于種種原因，例如：代碼邏輯復(fù)雜、時間久了遺忘處理細(xì)節(jié)、或者根本就是接手修改別人遺留的bug，在這種情況下，debug就會變成一件頭疼的事情。

在此分享一些JS調(diào)試方面的技巧，針對各種疑難雜癥，往往能起到較好的效果。

Step 1：檢查服務(wù)器直接render出來的內(nèi)容

　　　　使用查看源文件的方式，這一步首先明確，頁面HTML片段是否在服務(wù)器端就已經(jīng)不正常了。

Step 2：比較實際的HTML內(nèi)容和服務(wù)器render出來的原始內(nèi)容之間的差異

　　　　可以使用一些前端工具（例如：IE下的開發(fā)人員工具、Firebug、Chrome的開發(fā)人員工具等），實時查看當(dāng)前HTML片段內(nèi)容

Step 3：在合適的位置增加debugger

　　　　例如：先找出大概可能出問題的js代碼，在合適的地方加debugger，或者是使用工具增加類似于“在屬性被修改時中斷”的斷點，例如實際的HTML比原始內(nèi)容多出了一個width屬性

Step 4：運行你的頁面，進(jìn)入中斷，并檢查js調(diào)用堆棧（關(guān)鍵的一步）

　　　　推薦使用IE支持的Visual Studio調(diào)試器（需要先設(shè)置IE：取消“禁用腳本調(diào)試”），這時基本就能確定是哪個js方法修改了樣式

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com