调试

作者: 饥人谷_hak | 来源:发表于2017-04-14 23:59 被阅读29次

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

    相关文章

      网友评论

          本文标题:调试

          本文链接:https://www.haomeiwen.com/subject/qtipattx.html