记录一下我的解决:
情况:代码无任何报错,网站里也没有任何报错,用了测试console输出功能的语句(附件有展示),毫无问题
解决:要启用Chrome中DevTools工具中的Device Mode功能,并使用鼠标模拟手指在屏幕上触发触摸事件,随后就会在Console控制台看到打印出对应的日志(来源于下面这个网站)
Chrome中DevTools工具中的Device Mode功能,即点一下红框里的东西(如图)
附件:
// 测试 console.log 的代码
console.log("Hello, World!");
console.log("这是一个测试 console.log 的代码。");
console.log("当前时间是:", new Date());
// 测试多个参数
const name = "Alice";
const age = 30;
console.log("姓名:", name, "年龄:", age);
// 测试对象
const user = {
name: "Bob",
age: 25,
city: "New York"
};
console.log("用户信息:", user);
// 测试数组
const numbers = [1, 2, 3, 4, 5];
console.log("数字数组:", numbers);
// 测试不同样式
console.log("%c这是一个彩色文字", "color: blue; font-size: 20px; font-weight: bold;");
console.warn("这是一个警告信息");
console.error("这是一个错误信息");
你应该会在控制台中看到以下输出:
- "Hello, World!"
- "这是一个测试 console.log 的代码。"
- "当前时间是:" 后跟当前日期和时间
- "姓名: Alice 年龄: 30"
- "用户信息:" 后跟用户对象的信息
- "数字数组:" 后跟数字数组
- 一个蓝色、加粗且字体大小为20px的文字 "这是一个彩色文字"
- 一个警告信息 "这是一个警告信息"
- 一个错误信息 "这是一个错误信息"