如何运行多点触控测试
- 在触摸设备上打开测试。使用要检测的手机、平板或触屏笔记本电脑,点按全屏,这样边缘的系统手势就不会干扰测试。
-
逐根添加手指。每个触摸点都有自己的彩色圆圈,带有编号和以像素为单位的 x、y 位置,屏幕提供时还会显示接触面积。
-
读取数量。当前触摸数显示屏幕上的手指数,同时最多会保留最大数量,直到您点击重置,因此您可以抬起手指再读取。
-
检查追踪效果。开启轨迹,同时拖动多根手指。每根手指都应该留下一条平滑、不间断的线。
- 与设备报告的数量对比。设备报告显示浏览器认为您的屏幕支持多少个触摸点。如果同时最多达到该数值,说明多点触控的表现符合设计。
结果的含义
- 当前触摸数统计屏幕当前识别到的每一根手指。
- 同时最多是自上次重置以来记录到的最大同时触摸数,这是大多数人想要的数字。
-
设备报告是
navigator.maxTouchPoints的值,也就是操作系统传递给浏览器的上限。0 表示没有触摸屏;5 和 10 是常见的数值。 -
屏幕提供时,压力和接触面积会显示在每根手指旁以及触摸点表格中。许多屏幕两者都不提供,这是正常的。
为什么大多数触摸屏最多支持 10 个触摸点
触摸控制器是围绕人们实际使用的手指数量来设计的。十个点正好涵盖双手,所以这是手机、平板和触屏笔记本电脑常见的上限,而较旧或入门级的屏幕可能只能追踪 2 个或 5 个。大型交互式显示屏和部分触摸显示器支持 20 个或更多的触摸点。
该上限由触摸控制器和操作系统决定,因此浏览器或应用无法提高它。如果这里统计的数量与您的设备报告的数量一致,说明多点触控的表现符合设计。
多点触控不能用?一步步排查
-
确保浏览器能识别触摸屏。如果测试显示未检测到触摸屏,说明设备报告的触摸点数为 0,触控板和鼠标不算。在 Windows 触屏笔记本电脑上,请打开设备管理器 › 人体学输入设备,确保符合 HID 标准的触摸屏已启用,然后刷新此页面。
- 把手指分开一些。互相接触或靠得很近的手指可能会合并成一个点。
- 进入全屏,这样靠近边缘的滑动就不会被当作导航手势。
- 关闭多指系统手势,它们会接管屏幕。一些 Android 手机用三指滑动来截屏,请在手势设置中关闭。Windows 11:设置 › 蓝牙和设备 › 触控,关闭三指和四指触控手势。iPad:请检查设置 › 多任务与手势(旧版本为主屏幕与多任务)。
- 取下过厚的保护壳或贴膜,并擦干双手和屏幕。
- 重启设备,再次运行测试。如果某个区域始终检测不到手指,请运行触摸屏测试查找那里的盲区。
键盘快捷键
- F 全屏
- R 重置计数
- Esc 退出全屏
关于这个多点触控测试
这个免费的多点触控测试完全在浏览器中运行。它使用 Pointer Events,并为较旧的 iPhone 和 iPad 提供 Touch Events 回退,不会上传或存储任何内容。
可在 Android 手机和平板、iPhone 和 iPad、Windows 触屏笔记本电脑和二合一设备、Chromebook 以及触摸显示器上使用,支持 Chrome、Edge、Safari、Firefox 或三星浏览器。在没有触摸屏的电脑上,它会显示设备报告的触摸点数,您仍然可以用鼠标点击和拖动来试一试。
常见问题
我的手机支持多少个触摸点?
把尽可能多的手指放在测试区域上:同时最多显示屏幕同时追踪了多少个。设备报告显示浏览器报告的上限,手机和平板上通常是 5 或 10。
为什么大多数屏幕最多支持 10 个触摸点?
十个点正好涵盖双手的每一根手指,所以手机、平板和笔记本电脑的触摸控制器通常是按此设计的。该上限由硬件和操作系统决定,因此软件无法提高。
为什么再加一根手指时,有个触摸点消失了?
靠得很近的手指可能会合并成一个点,而且有些手机和平板使用三指、四指或五指手势,会接管屏幕。请把手指分开,进入全屏,并在设置中关闭多指手势。
多点触控测试适用于 iPhone 和 iPad 吗?
适用,在 Safari 或任何其他浏览器中都可以。iPhone 无法让网页进入真正的全屏,所以测试会改为填满浏览器窗口。在 iPad 上,请关闭四指和五指手势,以获得最准确的计数。
可以在笔记本电脑上测试多点触控吗?
可以,前提是笔记本电脑有触摸屏。没有触摸屏的笔记本电脑报告的触摸点数为 0,触控板也不会向网页发送触摸点,所以测试无法统计触控板上的手指。