浏览器中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的相关代码库。