Javascript 如何根据屏幕大小加载不同的网页？

我有两个不同的网页。一个用于手机/平板电脑，另一个用于台式机。我想根据所使用的设备显示其中一个网页。我不能使用媒体查询，因为两者的内容不同。有关如何实现这一点的任何帮助？

您应该使用一个库来缩放页面，这是一个非常流行的库。基本上，它为您提供了添加到站点元素的类，并将对其进行扩展。你真的应该使用它，而不是两个独立的网站，它将使维护更容易。

你可以使用javascript

if(screen.width < 991)
    window.location = 'mobilepage.html';

if（屏幕宽度<991）
window.location='mobilepage.html'；

我用的是：

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { /* do what you want */ }

编辑：

对于加载，您应该使用此

---

window.location='mobile.html'

分配给

窗口。位置取决于大小。是否使用服务器端脚本？如果是的话，你就可以这样做。就像PHP中的检查一样。-$_服务器['HTTP\U用户\U代理']