Win8.1中IE11的触控体验

解决触控实现悬停操作

随着触控技术和Windows 8的带动下,如今越来越多的PC开始配备触控屏,给传统PC领域带来了全新的交互体验——触控操作。但是目前有个略显尴尬的问题:除了专门针对触控操作优 化的Windows 8应用外,大量传统操作都是基于键盘和鼠标的,比如说我们最常进行的上网。现在的网站几乎都只考虑了鼠标和键盘操作,这就导致在使用触控方式访问网站时会 遇到操作障碍。从网站入手,重新制作兼容触控操作的网页是最彻底的解决方法,但实现难度比较大,因为网站数量是如此的多。另一个解决途径就是从浏览器入 手,通过改进浏览器来解决上网过程中的触控操作问题,这种方式相对容易实现,只要浏览器开发商下功夫即可。

作为即将随Windows 8.1一同发布的Internet Explorer 11,进一步增强了对触控操作的支持,在访问网页时更加得心应手。 那么IE11究竟做了哪些改进呢?下面就一起来了解一下吧。。。

模拟鼠标悬停操作

目前有很多网站都有“悬停展开”的功能,比如各大电商网站,在商品分类区块基本都采用这种形式。这样商品分类就不会显得太乱太臃肿,用户也容易找到自己需要的商品。



最常见的网页悬停展开操作

但这种常见的悬停操作,想通过触控操作来实现会遭遇识别问题。鼠标因为有指针的存在,网页只要检测到指针即可实现悬停展开的操作,而触控操作并没有指针的 存在,直接把手指放上去的话,网页只会识别为“点击”。也许有人会想到“按住”的方式,但现实情况是:“按住”操作会被识别为“打开右键上下文关联菜 单”,而不是悬停。

IE11针对这个问题做了改进,让“按住”也可以实现悬停操作,同时又保留了原有“按住”操作的打开右键菜单功能。在IE11中访问上述网页时,将手指 “按住”即可展开二级菜单。同时,如果“按住”的位置本身含有可“点击”操作(比如含超链接),那么在屏幕下方会额外显示“右键上下文菜单命令栏”(新窗 口打开、复制链接等命令)。

通过触控操作在几个不同网站上操作悬停菜单

其他触控操作改进

改进链接突出显示

当网页上有较多链接存在的时候,通过触控打开某个链接需要防止点错。如果在“点击”过程中有个较明显的反馈提示,帮助用户实时确认所点击链接的话,触控操作无疑会更加准确。

IE11现在就加入了这样一个反馈提示,当用户通过触控点击链接的时候,该链接文字周围会短暂显示灰色背景,突出显示用户所点击的对象。



链接突出显示效果对比

左右轻扫实现后退和前进操作

在浏览网页的过程中,IE11(包括IE10)都会主动隐藏所有功能栏从而以全屏方式显示网页,这种情况下用户经常会用到的“后退”操作就需要花费额外的 步骤,先呼出地址栏,再点击后退按钮。经常使用手机上网的应该知道,很多手机浏览器都支持手势操作实现后退和前进,Windows 8也不例外。从IE10起,用户在浏览网页的时候直接手指在屏幕上向右扫动即可返回到上一个页面,向左扫动则是前进。



左右扫动手势实现前进和后退

IE11继承了这一手势操作,并进一步改善了用户体验和操作效率。当用户在不同页面之间切换时,IE11会将前一个页面挂起并缓存到内存中。一旦用户轻扫 回前一个页面时,该页面会从内存中恢复,而不是重新加载,这种方式带来的结果就是前一个页面瞬间加载完成。此外,在后退或前进的时时候,IE11会在加载 页面时向用户显示一张网页截图,以便用户在到达页面时能够快速找到所需的内容。

触控实现HTML5拖放操作

也许HTML5距离大规模应用还有不少路要走,但它毕竟是未来的趋势。IE11当然是要支持HTML5的,而且它还是支持通过触控实现HTML5拖放功能的首个浏览器。在IE11里,用户只需长按即可实现。

在微软的Magnetic Poetry测试演示里,IE10可以通过鼠标来实现HTML5拖放操作,现在我们可以用IE11打开这个演示,来体验触控实现HTML5拖放操作。



Magnetic Poetry演示页面

访问:Magnetic Poetry

改进可实现指针事件的触控API

指针事件是由微软及其他浏览器厂商和W3C合作制定的一套标准,这个标准基于IE10引入的带有供应商前缀的API。这个API使网站能够支持包括鼠标、 手写笔、多点触控等不同触控设备。IE11会引入更新后的MSPointer API,最终正式版将支持不带前缀的指针事件。

备注:文中部分技术说明文字截图以及视频引自微软官方博客。

(0)

相关推荐

  • win8系统中ie11浏览器打不开qq空间怎么办

    win8系统中ie11浏览器打不开qq空间怎么办          首先打开ie浏览器,点击工具中的internet选项. 在internet选项中点击安全标签,点击自定义级别. 找到将文件上载到服务 ...

  • 如何开启iOS12系统苹果手机中的辅助触控功能(小圆点)?

    相信很多小伙伴都有在使用iOS12系统的苹果手机,其中的辅助触控功能,也就是那个小圆点如何才能开启呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,解锁手机,打开手机上的"设置& ...

  • 怎么解决笔记本电脑中不能关闭触控板的问题

    今天,小编给大家介绍解决笔记本电脑中不能关闭触控板问题的方法,希望对大家有所帮助.具体如下:1. 第一步,请大家打开电脑,然后进入[控制面板]页面,点击进入主界面,接着点击其中的[鼠标]选项.2. 第 ...

  • 怎么在macBook苹果电脑中设置禁止触控板?

    许多小伙伴在使用苹果电脑的时候可能不需要使用到触控板,为了避免有时候不小心碰到想要将其设置禁止应该如何操作呢?今天,小编就教大家在macBook苹果电脑中设置禁止触控板.具体如下:1. 首先,我们在电 ...

  • 如何在iPhone苹果手机中修改辅助触控中的菜单

    有的小伙伴在使用iPhone苹果手机时,为了方便自己使用一些功能,因此想要修改辅助触控中的顶层菜单,但是却不知道如何设置,那么小编就来为大家介绍一下吧.具体如下:1. 第一步,点击并打开辅助触控按钮, ...

  • 苹果iPhone手机中的辅助触控怎么进行截图

    今天给大家介绍一下苹果iPhone手机中的辅助触控怎么进行截图的具体操作步骤.1. 首先解锁我们的手机,进入桌面.2. 点击"辅助触控"的小白点.3. 在打开的菜单中,选择&quo ...

  • 如何关闭Mac苹果电脑中的所有触控板手势

    今天给大家介绍一下如何关闭Mac苹果电脑中的所有触控板手势的具体操作步骤.1. 首先打开电脑,进入桌面,点击左上角的苹果图标,在打开的菜单中,选择系统偏好设置选项,点击.2. 在打开的设置页面,找到触 ...

  • 苹果iPhone手机中的辅助触控功能怎么打开

    苹果手机中的辅助触控功能,可以让我们进行一些非常方便的操作,想要打开该功能,应该怎么操作呢?今天就跟大家介绍一下苹果iPhone手机中的辅助触控功能怎么打开的具体操作步骤.1. 解锁手机后,找到桌面上 ...

  • 如何打开iPhone苹果手机中的辅助触控功能

    使用iPhone苹果手机的用户,为了可以操作多个功能,因此想要打开辅助触控功能,但是却不知道如何打开,那么小编就来为大家介绍一下吧.具体如下:1. 第一步,解锁手机,接着点击并打开设置应用.2. 第二 ...