如何检测 iPhone X（Ionic - cordova 应用程序）

Question

我需要对我的应用进行一些更改，但仅限于 iPhone X。

该应用基于 Apache Cordova（使用 Ionic 框架）。

是否有 cordova 插件 来检测 iPhone X？如果答案是否定的，那么在 javascript 中了解用户是否拥有 iPhone X 的最佳方法是什么？

谢谢

Answer 1

修复@Jacksonkr 的答案，并感谢@Made in Moon 提供有关 iphone10.3 和 iphone10.6 型号的信息。您可以使用它来获取设备 iphone X 及更高版本

export default () => {
  try {
    const exceptions = ['iPhone10,3', 'iPhone10,6'];
    const iphoneModel = Device.model;
    const m = iphoneModel.match(/iPhone(\d+),?(\d+)?/);
    const model = +m[1];

    if (model >= 11) {
      // is iphone X
      return true;
    } else if (model === 10) {
      // iPhone10,3 = iPhone X
      // iPhone10,4 = iPhone 8
      // iPhone10,5 = iPhone 8 Plus
      // iPhone10,6 = iPhone Xs
      return exceptions.includes(iphoneModel);
    }
  } catch (e) {
    console.log(e);
  }

  return false;
};

Answer 2

我把这个 es6 放在一起检查 iphone 10 及以上

const isIphoneX = () => {
    try {
        const iphoneModel = window.device.model;
        const m = iphoneModel.match(/iPhone(\d+),?(\d+)?/);
        const model = +m[1];

        if (model >= 10) { // is iphone X
            return true;
        }
    } catch (e) { }

    return false;
}

** 编辑 **

我相信我使用的是cordova-plugin-device，因为我的项目不是离子应用程序。我重写了正则表达式，因此它也可以与 ionic.Platform.device().model 一起使用。

Answer 3

我使用内置的 ionic.Platform.device() 方法执行了以下操作。如果您已经在使用 ionic，我认为没有必要安装全新的插件。

let model = ionic.Platform.device().model
$scope.deviceIphonex = model.includes('iPhone10')

然后我可以在我的应用程序中的任何地方使用它，并专门为 iphone X 做一些事情。

Answer 4

对于科尔多瓦

像这样使用cordova-plugin-device插件：

window.device.model

将给予：

iPhone10,3 或 iPhone10,6

见doc:

对于浏览器

见this comment

Answer 5

检查：var deviceInformation = ionic.Platform.device();

来自Ionic bundle.js

/**
     * @ngdoc method
     * @name ionic.Platform#device
     * @description Return the current device (given by cordova).
     * @returns {object} The device object.
     */
    device: function() {
      return window.device || {};
    },

---

同时检查cordova-plugin-device

属性

device.cordova       // returns CDV_VERSION
 device.model
 device.platform     // always returns iOS
 device.uuid
 device.version
 device.manufacturer // always returns  Apple
 device.isVirtual    // not relevant
 device.serial 

这个插件调用CDVDevice.m -> UIDevice 所以如果你仍然无法获取iPhone X 值得找到如何在Obj-C中检测它并更改CDVDevice.m。

---

还请检查此质量检查：iOS devices return different format device model, why?