传送到移动设备

网页设计师面临着重大挑战,因为网站可以通过极其广泛的不同客户端访问。范围涵盖从大尺寸智能电视到经典台式电脑、平板电脑和智能手机设备以及具有微型显示屏的可穿戴设备。越来越多的首选答案是:响应式网页设计。网站的显示会自动适应相应设备的要求。但有时“动态提供”网站内容是更好的选择。 目前似乎几乎没有任何解决响应式网页设计的方法,特别是因为谷歌也推荐这种方法。适用于所有设备的相同 HTML 代码。这听起来既简单又美好。但也有例外。例如: 问题案例 1 – 无法在移动设备上显示的内容也许您希望继续在您的网站上发布在移动设备上无法正常显示或根本无法显示的内容,例如 Flash 动画或不支持触摸的导航元素, ETC。

有关 Vary 标头和动态内容交付的更多信息

借助动态交付,您可以轻松地向移动访问者交付替代内容。当然,您应该尽量避免有问题的内容元素。例如,Snapsvg 是 Fl​​ash 的一个很好的替代品,因为使 Telegram 电话号码数据库 用这个开源工具,您可以创建也可以通过移动设备访问的动画。 问题案例 2 – 复杂的订购流程您的网站可能包含复杂的订购流程,出于更好的可用性的原因,您希望创建一个简化版本以通过移动设备访问。桌面用户仍然可以使用更舒适、更清晰的版本。借助动态配置,您还可以向移动设备用户提供针对移动设备优化的订单页面。 问题案例 3 – 如果您想优化移动设备的加载时间如果您使用响应式设计,则页面设计和图像显示通常会自动适应相应设备的屏幕尺寸。

“动态配置”的要点

Telegram 电话号码数据库

但是图像尺寸呢?如果您已针对移动设备优化了图像,则在大尺寸屏幕上显示时,您可能不得不接受质量损失。如果您使用专为大尺寸桌面显示设计的图像尺寸 巴西电子邮件列表 则可能会导致通过移动设备访问时加载时间过长,甚至可能导致这些访问者离开您的网站。 在这些和类似的情况下,“动态提供”内容可能是更好的解决方案。与 m.Sites 相比,移动设备的用户被定向到不同的 URL当在同一 URL 下动态提供时,服务器会提供不同的 HTML 和 CSS 代码。具体而言,这意味着:不同的用户可以看到不同的内容 – 取决于访问页面所使用的设备。

Leave a Reply

Your email address will not be published. Required fields are marked *

Previous post 浏览器自动化的最佳免费工具
Next post 您针对错误的搜索词优化了网站