调试

纠正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单词

推荐阅读更多精彩内容