9、机器人控制：从网页应用到操纵杆控制

机器人控制：从网页应用到操纵杆控制

1. 机器人网页应用

1.1 网页界面设计

机器人网页应用的界面设计需考虑不同设备的使用场景。对于桌面和笔记本用户，界面如图 1 所示，每个按钮的图标反映了机器人将执行的动作，例如前后箭头表示机器人的前后移动，左右旋转功能也有类似的图形表示，无操作动作则用“X”表示。

图 1：桌面界面，每个机器人动作可通过相关按钮调用

对于移动设备，界面如图 2 所示。按钮使用较大字体，并具有合适的宽度和高度，方便在触摸屏上舒适地按压。按钮之间有足够的间距，避免拥挤，整个应用可在一个屏幕内显示，无需滚动即可访问所有功能。

图 2：移动界面，按钮间距使触摸交互更轻松

1.2 应用性能测量

在浏览器中测量网页应用性能是诊断性能问题的有效方法。Firefox 和 Google Chrome 浏览器都有内置的开发者工具，可用于测量应用性能。操作步骤如下：
1. 打开浏览器的开发者工具。
2. 点击“Network”标签。

图 3：在浏览器中可测量页面的加载时间

例如，当请求机器人向右旋转时，测量结果显示调用向右旋转动作花费 229 毫秒，重定向并加载主页面花费 14 毫秒，这些数据与服务器终端日志输