WebKit浏览器使用性的缺陷

IE相关互联网 2010-11-12 阅读(3796)

目前市面上採用 WebKit 引擎的浏览器有 Safari，Chrome 还有 Adobe AIR 等等，虽然这些浏览器速度很快，可是每次使用时，总有一种说不出来的怪异感觉，不知道你是否也发现到了，随着 Chrome 浏览器使用量的增加，开始明显发现到一些 WebKit 内核浏览器的使用性缺陷。

首先是最容易遇到的 WebKit 文字选择区块的缺陷 - 文字选择区块范围错误

要重复这个问题很简单，直接用 Chrome 或是 Safari 浏览 WebKit 首页用滑鼠选择中间 Column 一段文字就会发现文字选择区块范围错误的问题。

文字选择范围超出 Content 区块左边并且穿过了左边导览列，可是在任何其它浏览器上都是正常的、

不要以为这只是看起比较丑一点而已，那些文字选取范围是具有可拖拉功能的，错误的范围也就造成了文字拖拉功能的错误。

再看 WebKit 引擎文字选择范围的第二项缺陷 - 文字选择范围与滑鼠感应区域不一致

一样用 Chrome 或是 Safari 浏览 WebKit 首页用滑鼠选取 Getting involved 标题，然后将滑鼠游标移动到标题右边空白处，尝试执行拖拉的动作，你会发现居然能够拖动标题。

标题左边空白处也是一样

这个问题在任何其它浏览器上都是正常的。

问题还没结束继续看 WebKit 引擎文字选择范围的第三项缺陷 - 滑鼠拖拉与单击判定

滑鼠单击 (Single-Click) 的动作是由按下按键与放开按键组成，因为两个动作之间一定会有时间差，人手按滑鼠按键时，很容易移动到滑鼠。这种误差在触控板非常容易发生，一般设计滑鼠单击的判定程式都会加上少量的阈值，超过阈值就当作拖拉动作。可是 WebKit 引擎在判定滑鼠单击文字选择范围时有瑕疵，滑鼠在文字选择范围上按下按键之后只要稍微移动了 1px 再放开按键，WebKit 引擎就会判定为非滑鼠单击，必须要移动到大约 4px 以上，才会被判定为滑鼠拖拉动作，这中间 3px 的范围就形成了空窗，什麽效果也没有。这项缺陷加上前面两项缺陷，对于手容易抖的人，可能就会经常遇到要点好几下才能取消文字选择的情况。

WebKit浏览器超链接使用性缺

这是另一个 WebKit 浏览器引擎的使用性缺陷，大家应该都知道浏览器内的超链接是能够直接用滑鼠拖拽的，拖到分页列工具列上就可以开到新分页，可是 WebKit 浏览器的超链接拖拽功能使用性有问题，必须要用滑鼠拖移大约 42px 之后，才能够变成 Drop 模式放开滑鼠，否则拖拽功能会无效，很怪异的设计吧！这样怪异的设计也很容易让使用者误以为超链接不能拖拽以下分别用 Chrome, Safari 浏览器测试的画面截图 Chrome 超链接使用性缺陷示意图

Safari 超链接使用性缺陷示意图

图上可以很明显看得出来，假如超链接刚好位在网页最上面，使用者想要拖拽超链接到网址列恐怕会遇到问题。

WebKit 浏览器的CSS Bug

一般使用者可以用滑鼠拖拉的方式选择文字，假如页面文字超过视窗可显示范围时会出现捲轴，选择文字时，只要将滑鼠移动超过视窗外，捲轴便会自动捲动，方便选取到显示范围外的文字，可是 WebKit 浏览器在这项基本功能上有缺陷。一样用 Safari, Chrome 浏览器打开 WebKit 首页，实际用滑鼠拖拉的方式选择页面上的文字，你会发现根本无法选到视窗显示范围外的文字，捲轴虽然会自动捲，可是选取范围不会跟着跑。