touch事件代码无报错运行不出想要的结果

记录一下我的解决:

情况:代码无任何报错,网站里也没有任何报错,用了测试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("这是一个错误信息");

你应该会在控制台中看到以下输出:

  1. "Hello, World!"
  2. "这是一个测试 console.log 的代码。"
  3. "当前时间是:" 后跟当前日期和时间
  4. "姓名: Alice 年龄: 30"
  5. "用户信息:" 后跟用户对象的信息
  6. "数字数组:" 后跟数字数组
  7. 一个蓝色、加粗且字体大小为20px的文字 "这是一个彩色文字"
  8. 一个警告信息 "这是一个警告信息"
  9. 一个错误信息 "这是一个错误信息"

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值