Question

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

此时，所有内容都会传递到页面index.php，并通过CSS显示或不显示我想要的部分。

缺点是：页面的整个内容始终传递给客户端。只是显示变化。这样就增加了移动设备的流量。

我的目标是能够始终呼叫index.php，根据分辨率真正提供不同的HTML内容，这样，移动设备的流量就可以大幅减少（在我的情况下是一个列表，10 CSS线条而不是JS的音调，不同的CSS等等）和桌面，只发送它们真正需要显示的内容

使用PHP / JS是否可以这样做，同时符合Google SEO标准？

Answer 1

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

为避免必须自行检测所有类型的设备，您可以使用Mobile_Detect或类似设备。

$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');
}

同样，这基于用户代理字符串，这是可欺骗的（地狱铬可以让你在开发人员工具中测试不同的屏幕大小）。

它不会是完美的，但它可能会让你过去。

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

1 个答案: