如何根据屏幕分辨率发送完全不同的HTML内容？

Question

我需要发送单独的内容到客户端，根据屏幕分辨率。

在这一刻，所有的内容被交付页面index.php，并通过CSS我显示或不显示我想要的部分。

缺点是:页面的全部内容总是传递给客户端。只是显示器变了。这增加了移动电话的流量，毫无意义。

我的目标是总是调用index.php，能够根据分辨率真正交付不同的HTML内容，这样移动设备的通信量就可以大幅度减少(我的例子是一个列表和10个CSS行，而不是JS、不同CSS等的音调等等)，并发送到桌面，只发送真正需要显示的内容。

是否有可能使用PHP/JS，同时也兼容Google SEO？

Answer 1

您可以嗅探用户代理字符串，试图判断用户是否在移动设备上，然后以这种方式返回不同的内容，但要注意，它并不总是准确的。

为了避免自己检测所有类型的设备，您可以使用检测或类似的方法。

$detect = new Mobile_Detect;

if ($detect->isMobile() && !$detect->isTablet()) {
    // all mobile devices excluding tablets (i.e. phones)
    include('phone_template.php');
} else if($detect->isTablet()) {
    // all tablets
    include('tablet_template.php');
} else {
    // everything else
    include('desktop_template.php');
}

同样，这是基于用户代理字符串的，它是可欺骗的(地狱铬允许您在开发人员工具中测试不同的屏幕大小)。

这不是完美的，但它可能会让你渡过难关。