浏览器中Debug的方法与技巧

12002

Debug的主要目的是帮助程序员定位和解决代码中的错误或异常。通过Debug可以追踪程序的执行过程,找到具体的出错位置。

1. Chrome浏览器断点调试技巧

Chrome浏览器的开发者工具有Debug的功能,提供参考文档,帮助你学习Chrome浏览器断点调试技巧。

2. 最常见的错误类型

在002课程中编写的都是静态页面,如果无法正常运行,常见的错误类型有以下几类:

HTML/CSS 错误

  • HTML 语法错误:比如未闭合的标签、属性错误等。
  • CSS 语法错误:比如选择器拼写错误、属性值错误等。

JavaScript 错误

  • 语法错误:比如拼写错误、缺少分号等。
  • 变量未定义:尝试访问未声明的变量。
  • 函数未定义:调用未定义的函数。
  • 类型错误:比如尝试对不支持的数据类型执行操作。

资源加载失败

比如CSS、JavaScript、图片等资源加载失败,页面会有下面的数字出现:

  • 404 Not Found(未找到):表示请求的资源在服务器上未找到。这通常是由于请求的 URL 地址错误、文件已被移动或删除,或者服务器上没有相应的资源引起的。
  • 400 Bad Request(错误请求):表示服务器无法理解请求,因为请求中存在语法错误或无效参数。
  • 403 Forbidden(禁止访问):表示服务器拒绝了请求,因为客户端没有访问所请求资源的权限。
  • 500 Internal Server Error(服务器内部错误):表示服务器在处理请求时遇到了意外错误,无法完成请求。

缺少代码库

  • 没有引入Vue.js 代码库。
  • 没有引入VuetifyJS的相关代码库。