調試工具

調試工具

每一個瀏覽器都有一個調試工具。

1 谷歌瀏覽器調試工具

Elements：調試HTML和CSS；
network：和後端調試接口；
source：看到網站全部的資源，並能夠設置斷點來調試JS；
console：是一個命令面板，常常和source結合來調試JS；
Resource：能夠看到網站的本地資源，cookie和story；
Timeline、Profiles、audits：主要調試網站的性能；

2 頁面element

在頁面製做中主要使用Elements，在這個工具的幫助下，咱們能夠進行HTML和CSS的增刪查改的操做。

3 調試HTML和CSS

• 打開調試工具：
  • F12；
  • Ctrl+shift+i；
  • 右鍵+審查元素；
  • 修改；

修改是暫時的，刷新時會恢復！！！

4 IE的調試

IE7以上都有自帶的調試工具，可是IE6須要下載調試工具；

5 puer的安裝和調試

puer工具的使用

puer工具的使用實例

安裝node.js；
使用npm全局安裝puer：npm install puer -g
而後：

cd e:\git
puer