调试工具

调试工具

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

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