怎样用JavaScript检测平板电脑？

Posted 2023-04-30

如题，平板电脑指iPad这种，不包括iPhone或者三星等手机。现在想用JS检测平板电脑，各们有何高见？盼赐教。

参考技术A 检测UA。
function loadCSS() 
    if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) 
        document.write('<link href="css/notpc.css" rel="stylesheet" type="text/css" media="screen" />');
    
    else 
        document.write('<link href="css/pc.css" rel="stylesheet" type="text/css" media="screen" />');
    

loadCSS();

把里面手机部分关键字删除。还有种办法就是判断屏幕宽度。

追问

这里就是要区分iPhone和iPad！它们分别是手机和平板，不是一个东西！

追答

很明显，phone | pad | pod | iPhone | iPod | ios | iPad 里面UA关键字 phone 和 pad、ipad 不是一个东西，你不能自己改一改条件语句啊？

if phone、iphone 执行什么什么...
if pad、ipad 又执行什么什么...

而且其他思路也给你了， iphone 和 ipad 明显屏幕尺寸不一样。

本回答被提问者和网友采纳

javascript 用javascript检测即边缘

// detect IE8 and above, and edge
if (document.documentMode || /Edge/.test(navigator.userAgent)) {
    alert('Hello Microsoft User!');
}