折叠手机给网页开发人员带来哪些新困难?新机遇?新挑战?

折叠手机给网页开发人员带来哪些新困难?新机遇?新挑战?
2020年02月26日 21:58 SOWORD-科技言

可折叠设备带来了“可折叠网络”的话题,以及长期存在的网络惯例可能正面临严重变革的想法,这些问题都是炒作,还是该变得灵活?

经过多年的讨论,试验和稳定的智能手机上,可折叠设备终于进入了市场。其中三星,华为和摩托罗拉都已经发布了具有可折叠屏幕的手机,并且在幕后进行修补,当然像苹果这样的智能大型公司也不甘落后,所以“可折叠网络”来了。

它的设备有多种形式,从笔记本电脑到手机,再到新型的双屏混合屏幕。对于此类新的小物件,没有万能的定义,但大多数都属于以下两类之一。“可折叠”是指屏幕完全折叠起来的设备,而在“双屏”上,屏幕是分开的,但可以用作一个屏幕。在网页设计方面,这两种类型可能会遵循相似的规则。如果这项技术取得重大进展,那么网页设计可能会是十年来最大的变革。

可折叠手机搜索量在2018年末急剧上升

听起来很令人兴奋,但这实际上意味着什么呢?“可折叠网络”将带来新的挑战,新的机遇,并且极有可能带来新的语法。网络可能是自智能手机以来最大的一次变革。用户和编码人员都已经习惯了这种竞争方式:台式机和移动设备以及大量平板电脑。

新的Web标准,新的经验和新的问题

自1970年代以来,一直在研究柔性屏幕技术,但直到最近几年才认真地进行了开发。所以你会发现最近几年各种形状和尺寸的消费类设备才开始进入市场。

某些产品(例如Galaxy Z Flip)模仿了老式的翻盖电话,其他产品(例如Huawei Mate X)的屏幕则包裹在手机的外部,像电子书一样,还有更多的内置物,当设备完全打开时,两个内部显示屏将变成一个。通常情况下,外部有一个较小的单独屏幕,因此用户在使用时不必展开屏幕。

华为Mate X和三星Galaxy Z Flip

在硬件打嗝是有据可查的,并正在通过合作。可折叠设备即将到来,那不是重点,这里的重点是该技术将如何影响Web开发人员,UX设计人员以及将提供优质浏览体验的其他业务。

CSS和JAVASCRIPT的更新

新硬件意味着更新了软件,微软对可折叠技术的到来特别敏感,部分原因是该公司正在开发自己的可折叠设备。三名Microsoft开发人员Bogdan Brinza,Daniel Libby和Zouhir Chahoud已发布了一个解释器,他们在其中提出了新的JavaScript API和CSS媒体查询,Chahoud 在2月3日的GitHub帖子上对此进行了扩展。

它们重点介绍了可折叠设备的潜在问题,包括:

  • 可折叠市场中的各种硬件。有些设备是无缝的,而其他设备则不是,它们的形状千差万别。Windows Surface Duo和Galaxy Fold的形状都像书本-一个带有接缝,一个没有接缝。无缝的摩托罗拉Razr可以追溯到古老的翻盖手机,屏幕的两个“一半”比正方形更接近正方形。同样要考虑的是,只有三部分的可折叠显示屏出现在场景中只是时间问题。折叠式产品的形状和尺寸变化很大,因此针对_class _of设备而不是特定的硬件非常重要。

  • “折叠区域”功能。可折叠屏幕的奇迹需要做出一些牺牲。一个主要的问题是折叠附近屏幕的潜在尴尬。位于部分折叠的屏幕接缝上或跨接缝的内容可能难以查看或与之交互。书和杂志倾向于避免跨页打印内容。对于可折叠屏幕,同样可能适用。此外,一些可用性测试表明,触摸屏的响应能力在可折叠产品上不那么可靠。

为了解决这些问题和其他问题,Brinza,Libby和Chahoud提出了跨CSS媒体功能,该功能可以测试浏览器窗口是跨两个屏幕显示还是跨折显示。如果是这样,则可以将内容相对于折痕或接缝定位。这参与了响应式设计的不断发展,而响应式设计越来越需要考虑的不仅仅是屏幕尺寸。

CSS建议随附有JavaScript API的新Window Segments枚举,该枚举将使网站的行为更加动态。例如,显示的内容可能会根据屏幕是否弯曲而发生变化,或者会根据用户是否触摸显示器的另一半而表现不同。新的JavaScript API还改进了无法使用CSS的非文档对象模型目标(例如Canvas2d或WebGL)的功能。

移动优先的设计将变得越来越复杂,但也将更加令人兴奋。可折叠网可能是手持设备第一次感到膨胀而不是限制性。对于某些网站,这意味着进行调整,而对于另一些网站,则意味着进行重新设计,可能的范围取决于开发人员的创新能力。

财经自媒体联盟更多自媒体作者

新浪首页 语音播报 相关新闻 返回顶部