まずUserAgentで判別できないかと考えた。しかし、 mozilla/5.0 (iphone; cpu iphone os 11_1 like mac os x) applewebkit/604.3.5 (khtml, like gecko) mobile/15b93 という感じなので無理。 cordova-plugin-deviceでもダメ。 で、世間ではどのような議論が行われているかというと、 ios - Detect if the device is iPhone X - Stack Overflow 画面の幅高さで判別しろとか、ネイティブ側で struct utsname systemInfo; uname(&systemInfo); 的なことをしろとか、safe-area-inset-*があるかどうかで判別しろとか、そういった議論が行われている。 今回はJavaScriptで
![琴線探査](https://cdn-ak-scissors.b.st-hatena.com/image/square/487d2c28af79d6b52da11a63d4a66531a9066326/height=288;version=1;width=512/https%3A%2F%2F4.bp.blogspot.com%2F-bWdnwQqvX50%2FXHenIm_uQZI%2FAAAAAAAAbmA%2FIMyE2CTGCPk0jPToi6eAa8999x7-l-pBQCLcBGAs%2Fw1200-h630-p-k-no-nu%2F%2525E3%252582%2525B9%2525E3%252582%2525AF%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252583%2525B3%2525E3%252582%2525B7%2525E3%252583%2525A7%2525E3%252583%252583%2525E3%252583%252588%252B2019-02-28%252B18.17.12.png)