调试
2017-04-14 本文已影响29人
饥人谷_hak
纠正HTML的错误
使用W3C Validator
- 点击Validator by Direct Input , 复制粘贴你的HTML到里面 . 点Check
使用IDE - WebStorm
调试CSS , chrome右键F12检查元素
- CSS的属性值和属性名都可以通过chrome检查元素
JS调试
- 用谷歌浏览器就像个IDE , 可以检查JS的错误
- chrome可以直接修改项目
- F12
- settings (设置)
- workspace (工作区)
- add folder (增添文件夹,你的项目)
- source
- Add folder to workspace
- 按esc可以边修改边看控制台
- 检查代码
- console.log(typeOf 变量) //检查一个变量在代码中是否存在
- 遇到报错 , 错的是什么 , 把它用console.log打印出来
- 变量会报错属性不会报错 , 属性会返回undefined
Uncaught SyntaxError: Unexpected token function
没有预料的语法错误
- Uncaught ReferenceError:jqurey is not defined
引用错误 - Uncaught TypeError: xxx is not a function
类型错误 - Uncaught TypeError: Cannot read property 'xxxx' of undefined0
xxxx前面的东西是undefined - debugger
- 在你想断点的地方写debugger单词