如果屏幕宽度低于699,页面上的所有url都将重定向到移动设备

All Urls on the page Redirect to mobile if screen width is under 699

本文关键字:url 重定向 移动 屏幕 如果      更新时间:2023-09-26

不好意思。代码似乎是好的代码从以前的响应,但不工作。下面的代码工作完美,除了我需要实现它只有当屏幕尺寸低于699。我了解服务器端和客户端问题,只是希望这在客户端工作。非常感谢。

$('a').each(function(index, a) {
    var href = $(a).attr('href');
    $(a).attr('href', 'http://mysite.com/mobile.php?redirect=' + href;)
}

}

你试过吗?

if ( $(window).width() < 699 ) {
    // your href replacement
}

查看matchMedia

https://developer.mozilla.org/en-US/docs/Web/API/window.matchMedia

在调用它之前一定要检查该方法是否存在,否则它会在~~ ie8及以下版本(更正:ie9及以下版本)