DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> WEB前端代碼 >> Chrome development tools 筆記
Chrome development tools 筆記
編輯:WEB前端代碼     

DevTools Elements

1. 設置DOM斷點

DevTools給我們提供了三種DOM斷點:
1. Subtree Modifications - 會在子節點的增加、刪除、移動時候觸發。
2. Attributes Modifications - 斷點會在當前元素的狀態(id、class、disabled等)發生改變時候觸發。
3. Node Removal - 斷點會在當前元素被移除時候觸發。

2.查看元素的事件綁定

3.右側style部分

1.浏覽器自帶的樣式:User agent stylesheets(用戶代理樣式)
?
2.CSS修改歷史: Local modifications…
我們可以在修改歷史中,看到修改的時間,以及兩次修改前後的Diff,還可以對這些修改進行回滾操作。
?

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved