如何在Chrome Dev Tools上模拟移动设备的突出显示文字？

Question

我很好奇是否有可能在＆＃34; touchstart＆＃34;上模拟高亮文字。通过Chrome Dev Tools而不是直接在手机上进行测试。

我尝试了移动视图，但拖动时触摸图标似乎没有突出显示文字。

非常感谢。

Answer 1

在设备模式下，此级别的详细信息不可用。您需要使用模拟器。

设备模式仅用于提供大多数开发人员测试其Web应用程序所需的85-90％。它并不意味着处理所有事情（因为突出显示UX是特定于平台的），也不是要取代实际的设备测试。

Answer 2

很老的问题，但现在我们可以使用 chrome 的新功能 Remote Debugging 代替模拟器。

步骤如下：

1. Enable Developer Options - 要启用点击内部版本号 7 次

Settings > About Phone > Build Number

上述位置可能因您的 Android 版本而异。

2. Enable USB Debugging

Settings > System > Developer Options > USB debugging

3. 使用 USB 数据线将您的移动设备连接到计算机，然后点按确定 允许USB 调试。
4. 打开 chrome://inspect/#devices 并在远程目标部分检查您的设备是否在列表中，如果没有，请确保解锁您的设备。
5. 在设备部分，点击端口转发并输入您的网站端口（例如：8080），然后在下一个字段中输入 IP和端口（例如：localhost:8080）
6. 在您的手机上打开 chrome 并转到 localhost:8080

您仍然可以使用 chrome devtools 进行调试，只需单击远程目标部分中的检查即可。