1. 使用开发者工具：Chrome浏览器内置了开发者工具，可以用于网页元素的检查和调试。打开开发者工具，选择“Elements”选项卡，可以看到当前页面的所有元素。点击一个元素，可以查看其属性、内容等详细信息。
2. 使用console.log()函数：在JavaScript代码中，可以使用console.log()函数输出变量的值，方便调试。例如：
javascript
var x = 10;
console.log(x); // 输出10

3. 使用console.dir()函数：在JavaScript代码中，可以使用console.dir()函数输出对象的详细信息，包括属性名、属性值等。例如：
javascript
var obj = {
name: '张三',
age: 25,
address: {
city: '北京',
zip: '100000'
}
};
console.dir(obj); // 输出对象详细信息

4. 使用console.assert()函数：在JavaScript代码中，可以使用console.assert()函数断言某个条件是否成立。如果条件不成立，控制台会显示错误信息。例如：
javascript
var x = 10;
console.assert(x > 0, 'x必须大于0'); // 如果x小于等于0，控制台会显示错误信息

5. 使用console.error()函数：在JavaScript代码中，可以使用console.error()函数输出错误信息。例如：
javascript
function divide(a, b) {
if (b == 0) {
return '除数不能为0';
}
return a / b;
}
console.error('divide函数出错'); // 输出错误信息

6. 使用console.time()和console.timeEnd()函数：在JavaScript代码中，可以使用console.time()和console.timeEnd()函数记录代码执行时间。例如：
javascript
function timedFunction() {
console.time('timedFunction');
// 代码执行...
console.timeEnd('timedFunction');
}
timedFunction(); // 输出代码执行时间