Javascript 检测设备JS和切换类

我想检测设备的宽度和高度（响应性布局），所以如果返回值为真，我想切换“mobile”类，但我做错了什么，我不知道是什么

$(function detectmob() {
    if(window.innerWidth <= 720 && window.innerHeight <= 1280) {
        return true;
    } else {
        return false;
    }
    if (return=true) {
        $(document).getElementByClass("box").addClass ('mobile');
    }
}

$（函数detectmob（）{
如果（window.innerWidth没有返回true，您可以只在那里添加类
返回
将在遇到该类时退出函数。您正在寻找一个独立于
detectmob
的变量，可以根据该变量添加类

function detectmob() {
  var isMobile = false;

  if (window.innerWidth <= 720 && window.innerHeight <= 1280) {
    isMobile = true;
  }

  if (isMobile) {
    $(document).getElementByClass("box").addClass('mobile');
  }
}

function detectmob（）{
var isMobile=false；
如果（window.innerWidth您应该使用用户代理，而不是屏幕大小，否则会将分辨率高的移动设备检测为PC（例如Pixel 2 XL具有1440 x 2880屏幕）。此外，用户可以将PC上的浏览器窗口调整为700x1000，您的代码将检测到它是移动的。
不需要这样做；您应该在CSS文件中使用媒体查询。以下是您希望实现的代码：谢谢。它现在可以工作了。这是一个基于用户代理检测的小js库
function detectmob() {
  var isMob = isMobile();

  if (isMob) {
    $(document).getElementByClass("box").addClass('mobile');
  }
}

function isMobile() {
  return window.innerWidth <= 720 && window.innerHeight <= 1280;
}