调试工具

调试工具

每一个浏览器都有一个调试工具。

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