我通过创建一个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);

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

不幸的是，目前看来这是不可能的: http://www.mobilexweb.com/blog/ipad-mini-detection-for-html5-user-agent

两天前，我在推特上发布了第一个检测到的问题:“是的 确认iPad Mini用户代理与iPad 2相同。” 我收到了成百上千的回答说用户代理 嗅探是一种不好的做法，我们不应该检测特征 设备，等等。 是的，伙计们，你是对的，但这和 这个问题。我需要补充第二个坏消息:没有 客户端技术也不能进行“特征检测”。

在iOS7中，用户可以调整一个系统范围的设置:当内容太小而无法阅读时，可以更改文本大小设置。

文本大小可以用来形成合理尺寸的UI，例如按钮(在iPad Mini Retina上测试，以响应文本大小设置的变化):

padding: 0.5em 1em 0.5em 1em;
font: -apple-system-body;    

(示例按钮CSS，感谢jsfiddle和cssbuttongenerator)

这是一个疯狂的镜头，但iPad 2和iPad mini的区别之一是前者没有三轴陀螺仪。也许可以使用WebKit设备定向API来查看您可以从中获得什么样的信息。

例如，该页似乎建议您只有在设备具有陀螺仪时才能获得rotationRate值。

对不起，我不能给一个工作POC -我没有访问iPad mini。也许对这些定向api有更多了解的人可以在这里插话。

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

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来测试。

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

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

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

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