1. 安装Google Chrome DevTools
- 打开Chrome浏览器，点击菜单栏的“更多工具”>“扩展程序”，然后点击“加载已解压的扩展程序...”。
- 在弹出的文件管理器中，找到并选择你的Google Chrome扩展程序文件。
- 点击“打开”按钮，等待扩展程序安装完成。
2. 配置Chrome DevTools
- 在Chrome浏览器的右上角，点击菜单栏的“检查”>“开发者工具”。
- 在“开发者工具”窗口中，点击左侧的“网络”标签页。
- 点击“控制台”选项卡，输入以下代码：
javascript
console.log('Hello, World!');

然后按回车键运行。
- 在控制台窗口中，你将看到输出的“Hello, World!”字样。
3. 使用Chrome DevTools调试插件
- 在Chrome浏览器的右上角，点击菜单栏的“更多工具”>“开发者工具”。
- 在“开发者工具”窗口中，点击左侧的“网络”标签页。
- 点击“控制台”选项卡，输入以下代码：
javascript
console.log('Hello, World!');
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://www.example.com/data', true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
console.log(JSON.parse(xhr.responseText));
}
};
xhr.send();

然后按回车键运行。
- 在控制台窗口中，你将看到输出的JSON数据。
4. 使用Chrome DevTools调试JavaScript代码
- 在Chrome浏览器的右上角，点击菜单栏的“更多工具”>“开发者工具”。
- 在“开发者工具”窗口中，点击左侧的“Console”标签页。
- 点击“控制台”选项卡，输入以下代码：
javascript
console.log('Hello, World!');
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://www.example.com/data', true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
console.log(JSON.parse(xhr.responseText));
}
};
xhr.send();

然后按回车键运行。
- 在控制台窗口中，你将看到输出的JSON数据。