调试

作者: 饥人谷_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单词

相关文章

  • Flutter 调试方式

    在 Flutter 里有几种调试方式。 断点调试。 debugger 调试。 rendering 调试。 日志调试...

  • vscode使用指南(代码调试)

    代码调试 vscode 原生支持nodejs的调试,其他语言需要安装拓展支持调试 代码调试界面 调试界面 调试配置...

  • HBuilder Android真机调试

    关于调试 难者不会,会者不难。对于调试,这句话尤其合适。无论是前端调试、Java调试、PHP调试、Python调试...

  • iOS 调试

    iOS调试 - NSLog iOS调试 - 断点 iOS调试 - LLDB iOS调试 - EXC_BAD_ACC...

  • 2018-08-15 Windows调试和内核

    Windows调试 软件调试分类。按目标代码的执行模式:内核态调试,用户态调试;按调试器与调试目标的相对位置:本机...

  • WWDC2015 高级调试技巧笔记

    我将为大家介绍以下三个方面的调试技巧 视图调试高级断点调试Address Sanitizer 视图调试 视图调试的...

  • Android Studio调试

    参考 断点调试 实用调试 总结:断点调试有step into step out 等 实用调试:条件断点、日志断点、...

  • 调试手段

    本地调试 远程调试

  • linux编程入门(七)-使用gdb调试程序

    程序开发离不开调试,可以断点调试,也可以打log调试,linux下断点调试c,c++程序用gdb。 断点调试虽然很...

  • Flutter开发调试

    代码开发后出问题都会需要调试,调试方法很重要。 1. 断点调试 断点调试跟大家熟悉的 Chrome 的断点调试基本...

网友评论

      本文标题:调试

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