什么是响应式网页设计 Responsive Web Design？对企业很重要吗？ - Maomaochia: 网站对你肯定不陌生，但你知道什么是responsive网站吗？你的网站是不是responsive？如果不是的话，那么你可能会放弃掉62%网络上的客户。让我告诉你什么是响应式网页设计 Responsive Web Design？并且为什么它对你的企业那么重要！
移动优先，流畅的JavaScript和渐进增强功能[编辑]
“移动优先”，顺畅的JavaScript和渐进式增强是RWD之前的相关概念。[18]基本手机的浏览器不了解JavaScript或媒体查询，因此建议的做法是创建一个基本网站并为智能手机和个人计算机增强它，而不是依靠优雅的降级来制作复杂的，图像繁重的网站在手机上。[19] [20] [21] [22]
基于浏览器，设备或功能检测的渐进增强[编辑]
由于使用移动设备的大量互联网流量，它们不再被忽略。 2014年，通过移动设备访问互联网的用户首次超过了台式机。[23]在网站必须支持缺少JavaScript的基本移动设备的情况下，浏览器（“用户代理”）检测（也称为“浏览器嗅探”）和移动设备检测[20] [24]是推断某些HTML和CSS功能的两种方法支持（作为逐步增强的基础）—但是，除非与设备功能数据库一起使用，否则这些方法并不完全可靠。
对于功能更强大的手机和PC，流行的JavaScript框架（如Modernizr，jQuery和jQuery Mobile）可以直接测试浏览器对HTML / CSS功能的支持（或识别设备或用户代理）。 Polyfill可用于添加对要素的支持，例如在Internet Explorer上支持媒体查询（RWD必需）并增强HTML5支持。特征检测可能也不是完全可靠的。 [25] [26]有些人可能会报告某项功能可用，但该功能缺失或实施得很差，以致实际上无法使用。[25] [26]
挑战和其他方法[编辑]
Luke Wroblewski总结了RWD和移动设计中的一些挑战，并创建了多设备布局模式的目录。[27] [28] [29]他建议，与简单的RWD方法相比，设备体验或RESS（带有服务器端组件的响应式Web设计）方法可以提供针对移动设备更好地优化的用户体验。[30] [31] [32]可以通过访问基于服务器的API来处理样式表语言（例如Sass或Incentivated的MML）的服务器端“动态CSS”实现方法，该API结合设备功能数据库来处理设备（通常是手机）的差异，以改善性能可用性。[33] RESS的开发成本更高，不仅需要客户端逻辑，因此倾向于保留给预算较大的组织。 Google建议采用智能手机网站的自适应设计，而不是其他方法。[34]
没有评论:
发表评论