web瀏覽器調試

標籤：bsp   points   異常   位置   click   建立   source   event   通過   

一、chrome瀏覽器

01 css、html的調試

1.ctrl+shift+c 可選擇頁面上的元素節點

2.選中節點後可以 F2 直接編輯html

3.添加類名功能，建立類名樣式功能

4.隱藏元素功能

 

02 js調試

在sources頁面裡進行操作

<1>斷點後的執行包括

1.不進入函數內部的下一步

2.進入函數內部的下一步

3.跳出當前函數

 

4.不啟用斷點/啟用斷點，可通過打對勾來減少斷點，也可以右鍵刪除斷點

<2>列印異常

點擊，並選擇在異常位置暫停後，js會在在異常的位置停止執行並列印錯誤

若不選擇在異常位置暫停，則會繼續執行，但會列印錯誤

<3>ctrl+shift+f 在所有檔案裡尋找 

<4>點擊對應js檔案下的{}可以格式化壓縮的js

03事件監聽的調試

先選中被監聽元素，開啟sources選項 選擇右側的Event Listener Breakpoints,其中mouse裡有click等一系列事件，點擊後即在觸發事件時斷點生效

web瀏覽器調試