我使用的是 Chrome（版本 19.0.1084.46）。我在 chrome://flags 中启用了 Gamepad API。我插入了一些游戏手柄，但navigator.webkitGamepads 始终是一个长度为 4 的数组，只包含未定义的数组。
navigator.webkitGamepads
GamepadList
0: undefined
1: undefined
2: undefined
3: undefined
length: 4
__proto__: GamepadList
我需要做什么才能使用游戏手柄进行测试？如果这很重要，我在 Ubuntu Linux 上。
【问题讨论】：
标签： html google-chrome gamepad-api
我也遇到了这个问题（在带有 Chrome 21.0.1163.0 dev 的 Ubuntu 10.04 上）。我从a thread on chromium-discussions 遇到这个：
请注意，您需要在数据之前按下游戏手柄上的面部按钮 将可用。这是由于指纹问题。
我写了一个quick test page，如果您在刷新页面时按住控制器按钮，它似乎可以工作。我正在使用带有 xboxdrv 驱动程序的 Gamestop 品牌 Xbox 360 有线控制器。
另外，需要注意的另一件重要事情 - Chrome 将这些 Gamepad 对象视为控制器状态的快照。因此，如果您传递实际的 Gamepad 对象，您将永远不会获得更新的信息。 Chrome 似乎只在您调用 navigator.webkitGamepads[x] getter 时轮询控制器（请参阅我的测试页面中的第 23 行）。
【讨论】：
特别说明： Firefox 和 Google Chrome 以两种完全不同的方式处理 GamePad API。因此，您需要包含代码来测试您的浏览器的身份，并相应地处理这些情况。
当调用 navigator.getGamePads() 方法时，会返回一个对象数组，这些对象包含有关游戏手柄/操纵杆的身份以及轴/按钮状态的信息。
问题在于：在 Firefox 上，该方法将数组交给您的调用代码，然后您可以反复检查该数组，以在您自己的代码中查找轴/按钮状态的变化。 Firefox 以预期方式运行，并在新轴/按钮数据可用时更新您收到的对象。
另一方面，Google Chrome 以不同的方式处理数组完全。 Chrome 将数组视为您的游戏手柄/操纵杆状态的一次性快照，如果您想获取新数据，则必须执行 另一个 调用 navigator .getGamePads()，获取新快照，丢弃旧快照。
因此，您需要这样的东西来使您的代码在两个浏览器上都工作（假设变量 'gp' 是您之前存储第一次调用 navigator.getGamePads() 的返回值的变量）。 ..)
var ua = navigator.userAgent;
if (ua.toLowerCase().indexOf("chrome") != -1)
gp = navigator.getGamePads();
为什么这两个浏览器的行为如此不同，这是另一个线程的主题，但我怀疑这与 GamePad API 仍处于试验阶段的事实有很大关系，适用于其的标准的细节还没有已定稿。
在我的情况下，在 Windows 7 64 位（但 32 位版本，由于某种奇怪的原因，我的计算机制造商以这种方式安装它最为人所知）上运行 Chrome，navigator.getGamePads 返回的数组（ ) 目前只包含与插入我的计算机的实际游戏手柄/操纵杆一样多的条目。如果您在 Linux 下的 Chrome 上遇到了不同的情况，那么您还需要考虑这一点，通过测试查看数组中是否有任何空值。
另一个需要考虑的因素是，在选择游戏手柄/操纵杆时，现有标准要求引用 GamePad 对象的 index 属性，然后用于索引到大批。本文档更详细地介绍了其原因：
W3C page : Editor's Draft on the GamePad interface
然而，虽然它的实现如我在 Google Chrome 的化身中所记录的那样工作，但您可能需要通过实验检查您的版本，看看它是否与我的行为相同。如果没有，请相应地调整您的代码，直到标准最终确定，并且在所有现代浏览器及其所有操作系统版本中强制执行适当的符合标准。
因此，当您选择要使用的特定游戏手柄/操纵杆时，代码将如下所示（使用变量“gid”作为索引选择器）：
var gLen = this.gamePads.length;
done = false;
idx = 0;
while (!done)
{
if (this.gamePads[idx] !== null)
{
if (gid == this.gamePads[idx].index)
{
//Here, choose this GamePad as the selected GamePad, based upon the index number as per the W3C recommendation ...
selectedGamePadIndex = gid;
selectedGamePad = this.gamePads[idx];
done = true;
//End if
}
//End if
}
//Update counter in case we haven't selected one of the available GamePads above ...
idx++;
if (idx >= gLen)
done = true; //Exit loop altogether if we've exhausted the list of available GamePads
//End while
}
我实际上将上述代码（以及最后的一些整理）实现为自定义对象的方法，但无论实现细节如何，原理都保持不变。 （此时我要承认，我有编写自己的短库来处理此类任务的习惯！）
另一个需要注意的问题是游戏手柄 API 将游戏手柄/操纵杆的物理数据源映射到 GamePad 对象的轴/按钮元素以及其中包含的值的方式。我有一个 Microsoft Sidewinder Pro USB 游戏杆，我的计算机上这个设备的映射非常奇怪，即：
是的，没错，模拟轴 9 分配给了帽子开关，并返回了严重的奇数值，即：
在您尝试使用 GamePad API 时，您应该警惕此类怪癖。更糟糕的是，所谓的“标准”游戏手柄（在我上面链接到的那个文档中定义）可能在某些浏览器上报告为标准，但在其他浏览器上不报告，或者更糟糕的是，在 Windows 中的浏览器 X 上报告为标准，但不是Linux 中的同一个浏览器 X！虽然当您试图通过这个相当于荆棘丛的软件时，这会引起很多令人毛骨悚然的挫败感，一路上会被一些荆棘严重刮伤，但您至少可以对浏览器开发人员的事实感到安慰正在努力尝试改善这一点，但这需要时间，因为其他事情优先考虑（例如确保您的浏览器不会成为勒索软件劫持的容易目标，这会毁了您的一天非常如果发生）。
【讨论】：
这对我不起作用，但也许对你有帮助？拉from here。
function updateStatus() {
window.webkitRequestAnimationFrame(updateStatus);
var gamepads = navigator.webkitGamepads;
var data = '';
for (var padindex = 0; padindex < gamepads.length; ++padindex)
{
var pad = gamepads[padindex];
if (!pad) continue;
data += '<pre>' + pad.index + ": " + pad.id + "<br/>";
for (var i = 0; i < pad.buttons.length; ++i)
data += "button" + i + ": " + pad.buttons[i] + "<br/>";
for (var i = 0; i < pad.axes.length; ++i)
data += "axis" + i + ": " + pad.axes[i] + "<br/>";
}
document.body.innerHTML = data;
}
window.webkitRequestAnimationFrame(updateStatus);
或者作为一个硬选择，有Javascript Joystick Plug-in (demo here)，但我认为这在 Linux 中不起作用。
【讨论】：