那么微基准测试呢，在iPad 2上计算大约需要X微秒，在iPad mini上计算大约需要Y秒。

这可能不够准确，但iPad mini的芯片可能在某些指令上更有效率。

你总是可以问用户?!

如果用户不能看到按钮或内容，那么就给他们一种自己管理缩放的方法。您总是可以在站点中构建一些缩放按钮，以使内容(文本/按钮)变大/变小。这将(几乎)保证适用于任何iPad当前的分辨率，也可能适用于苹果公司决定的任何未来分辨率。

那么微基准测试呢，在iPad 2上计算大约需要X微秒，在iPad mini上计算大约需要Y秒。

这可能不够准确，但iPad mini的芯片可能在某些指令上更有效率。

我通过创建一个iPad mini可以渲染的更大的画布来检测iPad mini，填充一个像素，然后读取颜色。iPad mini显示的颜色是“000000”。其他的都是渲染为填充色。

部分代码:

function rgbToHex(r, g, b) {
    if (r > 255 || g > 255 || b > 255)
        throw "Invalid color component";
    return ((r << 16) | (g << 8) | b).toString(16);
}
var test_colour = '8ed6ff';
working_context.fillStyle = '#' + test_colour;
working_context.fillRect(0,0,1,1);
var colour_data = working_context.getImageData(0, 0, 1, 1).data;
var colour_hex = ("000000" + rgbToHex(colour_data[0], colour_data[1], colour_data[2])).slice(-6);

我需要这个画布大小，所以它的特征检测在我的用例。

我知道这是一个糟糕的解决方案，但目前区分iPad Mini和iPad 2的唯一方法是检查其构建号，并将每个构建号与相关设备映射。

让我给你一个例子:iPad mini，版本6.0，暴露“10A406”作为构建号，而iPad 2暴露“10A5376e”。

这个值可以很容易地通过用户代理(window.navigator.userAgent)上的正则表达式获得;这个号码的前缀是"Mobile/"。

不幸的是，这是唯一明确的检测iPad Mini的方法;我建议采用视口相关的方法(在支持的情况下，使用vh / vw单位)在不同屏幕尺寸上正确显示内容。

是的，这是一个检查陀螺仪的好点。 你可以很容易地做到

https://developer.apple.com/documentation/webkitjs/devicemotionevent

或者类似的东西

window.ondevicemotion = function(event) {
    if (navigator.platform.indexOf("iPad") != -1 && window.devicePixelRatio == 1) {
        var version = "";
        if (event.acceleration) version = "iPad2";
        else version="iPad Mini";

        alert(version);
    }
    window.ondevicemotion = null;
}​

没有ipad来测试。