javascript-如何基于屏幕分辨率发送完全不同的HTML内容？

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

在这一刻,所有内容都传递给页面index.PHP,并通过CSS显示或不显示我想要的部分.

缺点是：页面的全部内容始终交付给客户端.只是显示改变.毫无疑问,这增加了手机的流量.

我的目标是能够始终调用index.PHP来真正根据分辨率提供不同的HTML 内容,从而可以大大减少移动设备的流量(在我的情况下是列表和10行CSS行而不是色调) ,JS等不同的CSS等)并发送到桌面,仅发送它们真正需要显示的内容

是否可以使用PHP / JS并同时符合Google SEO？

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

为了避免自己检测所有类型的设备,可以使用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');
}

同样,这是基于可欺骗的用户代理字符串工作的(地狱chrome允许您在开发人员工具中执行此操作以测试不同的屏幕尺寸).

它不是完美的,但它可能会让您满意.

javascript-如何基于屏幕分辨率发送完全不同的HTML内容？

相关文章