残疾人浏览网页(精选10篇)
一、故障原因
造成这个故障的常见原因主要有三个:
1.DNS服务器设置错误,这是最常见的错误,
2.TCP/IP协议出错,这种情况也较常见。
3.调制解调器故障
二、解决办法
网页浏览器的主要工作是发送用户请求, 接收服务器端响应, 将返回的HTML页面展现给用户。随着Web 2.0的推进, 以及作为核心支撑技术的Ajax的普及, 对JavaScript的处理也成为决定WEB页面特效及用户操作体验的重要因素, 这主要取决于浏览器内核中JavaScript引擎的表现。另外, 随着用户的浏览内容的多样化, 页面的渲染速度成为了评价浏览器好坏的重要因素, 这是由浏览器内核中的排版引擎决定的。本文通过对主流浏览器的JavaScript引擎及排版引擎的比较研究, 得出不同JavaScript引擎和排版引擎的特点, 并使用测试工具对引擎的性能进行了评测。
1 JavaScript引擎
JavaScript引擎的功能是解释JavaScript源代码并执行。目前流行的JavaScript引擎如表1所示。
1.1 SpiderMonkey和TraceMonkey
(1) SpiderMonkey。SpiderMonkey是历史上第一个JavaScript引擎, 以C语言实现, 由Netscape通信公司的BrendanEich编写, 目前作为开源项目由Mozilla基金会维护。
SpiderMonkey包括编译器/反编译器、解释器、垃圾收集器, 以及标准类 (standard
class) 几个部分。首先由jsparse.c中的parser将源代码解析为语法树, 然后调用jsemit.c中的js EmitTree函数生成字节码, 最后由jsinterp.c中的js Interpret函数将字节码解释执行。
*注:SSubench是WebKit用于测试SquirrelFish的测试工具, image项使用的是Mozilla发布的用于测试图像处理能力的demo, matrix项使用的是Sylvester的矩阵运算库。
SpiderMonkey采用generational、mark-and-sweep的垃圾收集器, 对新产生的对象优先收集。该收集器仅在垃圾收集对象所占空间达到上限且有新的存储空间分配请求时才收集。
(2) TraceMonkey。TraceMonkey引擎是SpiderMonkey的升级版本, 增加了JIT编译器。该JIT编译器在Tamarin引擎 (ActionScript引擎, 用于AdobeFlash) 的nanojit编译器基础上开发, 提高了处理JavaScript的效率, 使其更接近直接编译的效率。与常见的JIT编译器不同, 它并不编译整个方法, 而是追踪[1] (tracing) 内部频繁执行的操作 (主要是循环操作) , 然后对必要部分 (如循环体内的操作) 进行编译, 追踪过程所需的信息由追踪树提供。目前该JIT所生成的机器码只支持x86和arm系列CPU。
在多项测试中, 使用了追踪JIT的TraceMonkey性能相比SpiderMonkey有相当的提升, 如图1所示。
1.2 JavaScriptCore、SquirrelFish和SquirrelFishExtreme
(1) JavaScriptCore。JavaScriptCore由KJS (KDE'sJavaScriptengine) 及PCRE正则表达式库发展而来, 在WebKit3.1版本中使用它采用基于语法树的解释器, 以及generational的垃圾收集器。
JavaScriptCore的解释器工作时需要对语法树进行遍历, 该过程需要频繁访问语法树上并不产生作用的结点, 如语句块两端的”{”、”}”等, 而且遍历过程中需要频繁传递数据, 另外, 对树上的结点每次访问都需要一次虚函数调用和返回, 这些操作相当费时。
(2) SquirrelFish。SquirrelFish引擎是JavaScriptCore引擎的升级版本, 在WebKit3.1以上版本中使用。为了消除JavaScript语法树遍历的缺点, 它使用字节码解释器 (bytecodeinterpreter) 代替了原来的基于语法树的解释器, 即将源代码转换为字节码, 再对字节码解释执行。它还使用了直接链接代码 (directthreadedcode) 技术来优化解释器的性能, 即在解释执行字节码之前把字节码数组转换为直接包含字节码对应解释程序入口地址的数组[2], 提高了解释执行的效率。
图2是WebKit官方公布的性能数据, 可以看出, 使用SquirrelFish引擎的WEBKIT相比使用JavaScriptCore引擎的WEBKIT3.1速度提高了约60%。
另外, 与其他浏览器的JavaScript引擎相比, 其速度优势明显。经测试, SquirrelFish的速度是SpiderMonkey (用于Firefox3.0RC 1中) 速度的1.46倍, 是带追踪的Tamarin的1.9倍, 是vanilla版Tamarin (用于FLASH 9中) 的1.8倍。
(3) SquirrelFishExtreme。SquirrelFishExtreme引擎于2008年9月发布, 是对SquirrelFish的改进版本。其改进之处有以下四点: (1) 对字节码的优化。包括字节码指令集的改进, 如添加组合指令、窥孔优化 (peepholeoptimizations) 、更快的操作常量和专门用于执行常用操作的机器码。 (2) 多态内联缓存 (PolymorphicInlineCache) 。对象的属性访问是JavaScript处理性能的瓶颈, 对于具有相同属性、且属性顺序相同的对象, 用一个结构ID来标识其对象, 使得结构相似的对象对属性进行访问时, 很可能执行的是同一段代码, 从而使效率得到提高。 (3) 上下文链接的实时编译器 (ContextThreadedJIT) 。将部分字节码转换为机器码———将复杂的操作码转换为函数调用, 将简单的操作码、或常用的复杂操作码直接内联为机器码流, 使硬件的分支转移能力得以发挥[3]。 (4) 正则表达式实时编译器。将实时编译技术应用到正则表达式的处理过程中, 使其处理速度提高了5倍, 并提供了原来仅在Perl、Python或Ruby中支持的文本处理功能。
图3是WebKit官方公布的性能数据, 可以看出, 使用SquirrelFishExtreme的WEBKIT引擎相比使用SquirrelFish的WEBKIT速度提高了约110%。
1.3 V 8引擎
V 8引擎是Google为其Chrome浏览器专门开发的JavaS-cript引擎, 使用C++语言实现, 支持ECMA-262第三版的标准, 可运行于WindowsXP、Vista、MacOSX 10.5, Linux等系统上。
V 8引擎的独特之处是其动态机器码生成系统, 它直接将JavaScript源代码编译为机器码以提高效率, 该过程不生成字节码。另外, V 8使用动态创建隐含类 (hiddenclass) 的方法实现属性的快速访问, 该方法的思想与Self语言使用map结构的原理类似[4], 即当某类的对象第一次被创建时, 将建立一个隐含类, 当对象被添加了新的属性后, 将生成新的隐含类。这种处理方法对动态语言主要有两个好处:一是属性的访问不需要额外的查找 (dictionarylookup) , 二是V 8能够使用经典的基于类的优化——内联缓存 (inlinecaching) 。
V 8采用stop-the-world、generational的垃圾收集器, 而且, 它始终了解内存中对象和指针的位置 (accurate) , 避免将对象误认为是指针而导致的内存泄露问题。
1.4 WindowsScriptingHost
在IE中, 对JavaScript的处理是通过WSH (WindowsScriptingHost) 来完成的。WSH是Windows中自带的脚本运行环境, 以COM[5]技术为基础, 支持VBScript, JScript两种语言。
WSH包含了ScriptEngine和ScriptingHost两部分, 其中ScriptEngine为脚本的解释器, 负责对JavaS-cript的解释和执行。当所执行的动作需要ScriptingHost所提供的服务如读写文件时, 需向ScriptingHost提出要求, 由它进行处理。
WSH使用non-generational的垃圾收集器, 结构较为简单, 性能相比其他引擎的generational的垃圾收集器略差。
2 排版引擎
排版引擎又叫渲染引擎 (renderingengine) , 在浏览器软件中负责展现内容 (如HTML, XML、图片、applets等) 和整理信息 (如CSS、HT-ML标签等) , 并将内容格式化输出。除了网页浏览器之外, 电子邮件客户端以及其他需要编辑、显示网络内容的应用程序都需要排版引擎。
目前流行的排版引擎如表2所示。
2.1 Trident
Trident又名MSHTML, 第一版随IE 4.0的发布而推出, 是目前使用最为广泛的排版引擎。在Trident中, 微软首次提出了著名的COM (组件对象模型) 技术, 以增强Windows中软件组件的通信和协作。
除IE之外, 使用Trident引擎的浏览器有:AvantBrowser、Maxthon、GreenBrowser等。另外, GoogleTalk, AOLInstantMessenger 6.x以及微软的系列软件MSN Messenger, Outlook, WindowsMediaPlayer等均使用了Trident引擎进行内容的渲染。IE 8beta版中将包含最新的TridentVI, 而目前已发布的IE 7正式版中使用的是TridentV, 它所支持的特性有:HTML 4.01、HTML 5子集、CSSLevel 1 (不完全支持CSS 2和3) 、JScript5.6 (JavaScript 1.4) 、DOM Level 1 (不完全支持Level 2) 。
2.2 Gecko
Gecko是一套开源的网页排版引擎, 被Firefox浏览器以及Netscape 6以上版本使用, 流行程度仅次于Trident。其组成包括:文档解析器 (解析HTML和XML) , 样式系统 (处理CSS等) , 图形库, 平台相关的图形、渲染组件 (支持Win32, X, Mac) 等。
除了Firefox之外, 使用Gecko排版引擎的浏览器有:Camino、Flock、SeaMonkey、K-Meleon、Epiphany等等。最新的Gecko1.9使用了Cairo 2D图形库以取代原有的GFX图形库, 它能够使用显卡的GPU来渲染WEB页面的2D图像, 提高了渲染速度, 并大幅减轻了CPU的负担[5]。它支持的特性有:HTML 4.0、CSS Level 1 (不完全支持CSS 2和3) , JavaScript1.8、DOM 1、2 (不完全支持DOM 3) 、XML 1.0、XHTML 1.1、XS-LT和XPath, MathML、XForms (需要官方扩展插件) 、RDF。
2.3 KHTML
KHTML由KDE开发, 以LGPL方式授权, 在2002年被苹果采纳, 用来开发Safari浏览器, 并将包装后的KHTML命名为WEBCORE, 作为WEBKIT浏览器框架的排版引擎。KHTML拥有速度快捷的优点, 但语法容错度比Gecko引擎小。
除了Safari之外, 使用KHTML的浏览器还有:Konqueror、GoogleChrome、NokiaSeries60的浏览器等。最新的KHTML支持的特性包括:HTML 4.01、CSS 1和CSS 2.1, CSS 3选择符 (selector) 及部分其他功能、EC-MA-262 (JavaScript 1.5) 、PNG、JPEG、GIF图形格式、DOM 1、DOM 2及部分的DOM 3、SVG。
3 性能测试
3.1 JavaScript引擎测试
3.1.1 测试工具
(1) SunSpider。使用最为广泛的JavaScript引擎测试工具, 由WebKit团队于2007年12月发布, 用于测试不同浏览器、浏览器不同版本的JavaScript性能。测试集与实际的JavaScript应用较为接近, 包括浮点数运算、数组访问、位运算、控制流、加密、日期类、数学运算、正则表达式、字符串处理等9项测试, 测试结果以通过所有9项测试的总时间表示。测试中不包含DOM操作测试。
(2) ChromeBenchmark。由Chorme团队开发, 包含五个测试环节。该测试对递归性能较为看重, 不包含DOM操作测试。
(3) DromaeoV 2。由jQuery作者和Mozilla的JavaScript权威JohnResig开发, 测试从内置函数到主流函数库等等实际浏览时会遇到的运算问题, 包括大量有关DOM操作的测试。
本文选用SunSpider作为测试工具, 以获得贴近实际应用的测试结果。
3.1.2 测试结果
对Firefox、Safari、Chrome浏览器分别进行测试, 机器配置为Core 2DuoCPU, 2GB RAM, 测试环境为WindowsVista 32-bit, 禁用所有的浏览器插件。
从图4可以看出, 使用V 8引擎的Chrome以微弱的优势胜过使用SquirrelFishExtreme的Safari 4.0排名第一, 带有追踪功能的Firefox3.1beta 1也表现优异, 排名第三。由于IE的测试时间过长 (总耗时27124毫秒, 仅string单项测试即耗时18296.8毫秒) , 未在上图予以标示。
3.2 排版引擎测试
3.2.1 测试工具
ACID:ACID是由网页标准计划小组 (Web StandardsProject, WaSP) 设计的一份网页浏览器与网页各种标准兼容性的测试网页, 主要针对DOM和JavaScript问题, 通过可以度量的标准进行测试。最新版本Acid 3包括100个测试子集, 分为6组 (bucket) , 测试结果以图形表示:6个矩形分别代表6组的测试成绩, 矩形的颜色表示每组内通过的测试子集的个数。
本文选用最新的Acid3作为测试工具。
3.2.2 测试结果
对以Trident, Gecko, KHTML为核心的浏览器分别进行测试, 机器配置为Core 2DuoCPU, 2GBRAM, 测试环境为WindowsVista 32-bit, 禁用所有的浏览器插件。
从图5可以看出, 基于Trident的IE对新的标准如CSS2的支持较差, 即使是使用最新发布的IE8, 其ACID得分也仅有21分。基于Gecko 1.9.1的FireFox3.1Beta2, 其得分较基于Gecko 1.9的FireFox3.0.4有较大提升, 排名第二。而配备了WEBCORE (KHT-ML) 核心的Safari, 其最新版本4.0Beta甚至已经完全通过了Acid3的测试, 得分达到了100分, 同样以WEBCORE为核心的Chrome对比标准的支持也较好, 得分仅次于Firefox3.1b2和Safari 4.0Beta。
4 结束语
本文介绍了当前主流浏览器的JavaScript引擎和排版引擎的实现原理及技术特点, 并使用评测工具对各浏览器JavaScript引擎和排版引擎的进行了评测, 比较了各JavaScript引擎的性能差异及排版引擎对网络标准的支持程度。在桌面应用WEB化及企业的网络应用日益增多的趋势下, 浏览器作为客户端的入口程序, 其重要性不言而喻, 比较研究各浏览器的内核技术, 分析浏览器内核的性能, 对开发和部署基于WEB的应用程序, 有一定的参考意义, 对于浏览器及插件的开发人员, 亦有重要的实用价值。
参考文献
[1]Andreas Gal, Michael Franz.Incremental Dynamic Code Generation with Trace Trees Technical Report No.06-16, Donald Bren School of Information and Computer Science, University of California, Irvine, 2006.
[2]马嘉, 周明天, 陈虹.一种基于ARM7的嵌入式Java虚拟机性能优化技术研究.计算机应用研究, 2007, 24:97~100
[3]Marc Berndl, Benjamin Vitale, Mathew Zaleski, Angela Demke Brown.Context Threading:A flexible and efficient dispatch tech-nique for virtual machine interpreters.Code Generation and Optimization, 2005.CGO2005.International Symposium on, 2005:15~26
[4]Craig Chambers, David Ungar, Elgin Lee.An Efficient Implementation of Self, a Dynamically-Typed Object-Oriented Language Based on Prototypes.OOPSLA'89Conference Proceedings, 1989:49~70
[5]梁忠杰, 思敏, 李婷.COM技术和动态链接库技术的应用研究.微计算机应用, 2006, 6
要实现这个功能并不复杂。如果你使用了7.0以上版本的MSN Messenger,安装一款名为MSN URL的小扩展即可,请按照下面的步骤进行操作:
第1步 下载安装Firefox
这里需要说明的是,并非Firefox的版本号越高越好,请保证你所使用的Fifefox的版本号处于1.5~1.6之间,至于是中文版还是英文版其实都无所谓,不过建议使用官方的标准版本,那些所谓的增强版本尽量不要使用。
第2步 安装MSN URL扩展
接下来,请启动Firefox,访问http://addons.mozine.cn/firefox/279/previews/,在这里单击“立即安装”按钮,此时系统会自动打开“软件安装”提示框,单击“立即安装”按钮,稍候片刻即可完成扩展的安装工作。
第3步 给Windows Live Messenger传递信息
重新启动Firefox,正常情况下刚才安装的MSN URL扩展就可以正式使用了。如果没有生效的话,可能还需要从MSN Messenger(或Windows Live Messenger)的工具菜单中打开“选项→个人设置”选项卡,在这里勾选“在个人消息中显示Windows Media Player正在播放的歌曲信息打开我正在收听的内容”复选框;当然,还需要单击主界面中个人消息右侧的下拉箭头,从这里选择“显示我正在收听的内容”,这样才可以生效。
现在,无论你使用Firefox浏览哪一个网页,都可以在Windows Live Messenger(MSN Messenger)的个人消息框中显示出来,不过如果是后者,则要求版本号必须在7.0以上。除了在本机的个人消息处显示正在使用Firefox浏览网页的标题之外,你的联系人也会同步看到这些信息,感觉相当不错吧?赶快去告诉你的朋友们,让他们感受一下你正在浏览的精彩页面。
小提示:小心泄露隐私
经常在网上乱逛,总会找到很多自己感兴趣的内容,什么精彩的博亠,养眼的美女图片以及构思精巧的Flash动画等等,恨不得都呼啦啦地下载到硬盘中保存。可是这样就带来了一个总理:空间怎样才能又快又好的收集这些资源呢?不妨试试TT浏览器的资源提取功能吧。
运行TT浏览器之后,先在工具栏上单击鼠标右键,在弹出菜单中选择插件栏,就会发现工具栏中增加了一个网页提取按钮。点击它,就能调用浏览器的资源提取功能了。
精彩博文扒下来
现在有很多人的博客文字都非常不错,但是,想要把这些文字内容复制保存下来,就有些麻烦了。很多文字中间都会夹杂着空行、图题标注等内容,再加上一些广告之类的东,看到人眼花缭乱。
用TT浏览器加载博客页面之后,点击网页提取按键,在文字提取标签下就可以看见正文文字已被整整齐齐地整理在一个独立的段落中了,
只要再简单地复制粘贴一下,就能将这些干净的文字收藏起来了。
养眼美图批量存
和提取文本内容相比,保存网页中精彩靓图就要繁琐得多了。如果用鼠标右键菜单中的图片另存为来完成任务,估计在保存几十张图片之后手指头就会提出抗议了。可是,只要在IT中按下网页提取,我们就能图片提取标签中查看到当前网页中所有图片的缩略图。找到需要下载保存的图片之后,直接点取选择,接着按下保存所选按键,就能够把这些图片存放在硬盘里。
PS:按住ctrl键,可以一次性选择多张不连续的图片
精彩动画随意存
在所有网页资源中,Flash资源一直是最难扒的。如果你想把自己喜欢的Flash游戏保存到硬盘上,搞不好还得去手工分析网页源代码才行。
360网盾的广告过滤功能支持使用网友上传的广告过滤规则,过滤各类浮动窗口广告、弹出广告等等,您可以手动开启广告过滤功能,也可以上传自己的广告过滤规则到360网站分享给其他用户,
如何开启广告过滤功能:
用户从网页中获取的信息有80%来源于视觉感知[1]。因此,用户对新闻网站的浏览行为直接影响用户对新闻内容的获取。充分认识并发现这一行为的规律特征,分析网页信息如何有效地布局以引导用户的视觉行为,进而提高新闻信息传达效率,便成为了新闻网站设计者们研究的焦点。
用户在浏览某一网页时,在浏览顺序、关注区域上可能存在某种特定偏好或习惯,称之为网页的视觉浏览模式[2]。这种模式的形成,一方面受到人类视觉本能特性的影响,另一方面是网页布局引导的结果[3]。此外,用户对此类网站是否有长期的使用习惯、是否有固有的认知印象等因素,也会影响用户网页浏览的视觉浏览模式。
眼动仪可以记录下人的眼球运动,即眼动。眼动仪输出的关键数据指标包括注视时长、注视点数目、兴趣区域和眼动轨迹。随着眼动研究理论的不断完善和精密眼动追踪设备的发展,眼动仪逐步应用到网页可用性测试领域。眼动仪可以记录人眼在浏览网页过程中的眼动数据,从而作为视觉浏览模式分析的依据[4]。
本文介绍了基于眼动仪的网页浏览模式分析方法,并以凤凰资讯新闻网页为示例对用户进行测试。测试过程中用户可以自由浏览网站首页,眼动仪会记录下被试的视点信息。经过分析得出用户对新闻网站的视觉浏览模式,该结论可为相关网页布局的合理性提出评价指标,并为新闻内容的布局优化提供依据,从而提升用户对新闻信息的获取效率。
1 基于眼动仪的网页浏览模式分析方法
1.1 眼动仪及眼动分析软件
本实验所采用的眼动仪为Tobii X2-30,它的取样频率为30 Hz,可以固定在笔记本、计算机屏幕或者平板上来实现紧凑、高度便携的眼动追踪解决方案,适用于针对网页的眼动实验,具有较高的灵活性和便携性。
Tobii X2-30眼动仪使用的分析软件为Tobii Studio,它所提供的数据可视化工具有热点图、眼动轨迹图和聚簇图等。热点图使用不同的颜色来呈现被试者对一张图像的关注区域,或用来展示被试在某个区域的视觉停留时间;眼动轨迹图是指在一副静态背景图上呈现注视点的顺序和位置;聚簇图可在背景图上呈现注视点数据密度最大区域。
1.2 眼动数据统计指标
眼动分析软件可以对原始的眼动数据进行初步统计,得到相应的统计指标。用于视觉模式分析的主要眼动指标[5]见表1。
1.3 网页浏览模式分析一般方法
Jakob Nielsen于2006年提出了F形网页浏览模式[5],该研究基于232名实验对象浏览的近千张网页。研究指出,大多数情况下用户都习惯于不由自主地以F形状的模式浏览网页,这种基本恒定的网页浏览习惯决定了网页基本呈现F形的关注热度。
网页的浏览模式分析属于视觉模式分析,在眼动测量时采用的方法为自由浏览。自由浏览指的是用户在没有明确任务的情况下,对特定页面或区域进行浏览的行为。通常的实验流程设计如下[6]:
1)确定测试内容,如指定页面、特定内容和区域等。
2)划分兴趣区域,根据页面的功能布局,将页面划分为不同区域,以便后续眼动数据的分析。
3)选取实验人员,根据用户研究的相关理论,选取实验人员时,要注意人群的分布特点,尽量覆盖到网站的所有用户类型。其次,要注意区分已有用户和潜在用户。最后,视觉模式类的研究,实验人员的数量要在20人以上。
4)进行眼动实验,根据具体的网页类型和内容,设定自由浏览的时长。
2 实验设计及流程
凤凰资讯是全球领先的跨平台网络新媒体,其日均覆盖用户数(UV)超过4 700万,月度覆盖用户数超过4.3亿,稳居中国第四大门户网站(见图1),因此采用凤凰资讯作为示例新闻网页进行实验具有代表性[7]。下文介绍该实验的具体流程。
2.1 实验设备和环境
该实验所用眼动仪为Tobii X2-30,刺激材料播放的显示器为Acer 4750G-2414G50Mnbb屏幕,14 in(1 in=2.54 cm),分辨率为1 366×768。实验前需调整好被试的座椅与屏幕间的距离,以减少定标过程中头部位置的调整幅度。
2.2 实验对象选取
在选择实验对象时,要充分考虑以下因素:
1)目标用户群体的人口统计学特征,如性别、职业、文化程度等;
2)是否有相关新闻网站的使用经验,使用频率如何;
3)考虑到本可用性测试采用眼动实验的方式,要充分考虑被试的视力情况(对红外线是否敏感、是否患有高度近视等)。
结合新闻网站的定位,根据社会学、人口统计学等方面的理论,按照角色法[8]的定义,确定了实验对象的特征属性,如表2所示。
2.3 预实验
在正式实验执行前,首先要进行预实验。预实验有以下3个目的:1)确定自由浏览的时长;2)根据预实验结果进行兴趣区域的划分;3)发现一些眼动仪使用及实验设计上的问题并进行修正。
参与预实验的被试者共有5人,其中男生2人、女生3人,均为在校大学生,被测网页为凤凰资讯。预实验过程中,被试人员可以按照日常浏览习惯对被测网页进行无任务的自由浏览,浏览时长不限,当被测人员认为达到浏览目的后,单击鼠标结束实验。根据预实验中被试的浏览时长的平均值,将正式实验的自由浏览时长设定为40 s。5位被试者的浏览时长如表3所示。
根据预实验中5位被试人员的眼动记录得到的聚簇图,可以发现被试人员注视点聚集的区域在整个网页的上半部分,因此,对网页的兴趣区域划分采用如下方法:由上至下进行三等分,分别称之为上部、中部和下部。对其中的上部进行兴趣区域的详细划分。聚簇图及网页的兴趣区域划分见图2。
2.4 正式实验
正式实验的主要流程如下:
1)提示语,即给被试者呈现提示语。提示语设定的浏览情景为:“假设你想看看今天凤凰资讯上都有什么重要的新闻内容”。
2)呈现网页刺激材料,即播放网页刺激材料(凤凰资讯首页),浏览方式为自由浏览,浏览时长为40 s。在自由浏览的过程中,被试人员可以模拟日常使用浏览器浏览网页的情景,可使用鼠标滚轮进行网页的滑动操作,但不能进行鼠标点击操作。眼动分析软件Tobii Studio会对每一个被试人员的眼动行为进行记录,形成一段独立的眼动录像,并记录下相关的眼动数据,便于后续的数据统计分析。
3)口头问答,即测试结束后,对被试人员进行简短的口头问答。口头问答的目的在于剔除无效样本,避免被试人员在测试过程中没有按照情景设定进行新闻内容的浏览,而是无目的性的浏览。口头问答的内容为要求被试人员复述一条在浏览过程中看到的新闻。若被试完全不能复述网页中呈现的任意一条新闻,则将此被试者数据在后续的数据统计与分析中剔除。
2.5 数据统计
数据统计采用的软件为Tobii Studio。该软件可以根据实验记录下来的眼动数据输出3种可视化工具图:眼动轨迹图、热点图和聚簇图。此外,Tobii Studio还可以导出记录的原始数据,供其他工具进行特定指标的统计分析。
3 结果及分析
本实验主要统计的数据指标有:区域首次注视时间(见图3)、区域总访问时间(见图4)、区域浏览人数百分比(见图5)、区域浏览顺序(见图6)。其中,图3~图5中的数据为有效样本的均值。
根据实验测试数据,可以进一步从区域浏览顺序、区域关注程度两方面得出用户对该新闻网页的视觉浏览模式,并对该网页布局的合理性进行整体评价。
3.1 区域浏览顺序
根据区域首次注视时间得出区域浏览顺序图,更为直观地展现用户在浏览此新闻网站时的浏览顺序偏好,如图6所示。区域上所示的数字即代表用户首次注意到此区域的顺序。
由区域浏览顺序可以得到如下结论:1)用户能够较快注意到的区域依次为“要闻区”、“导航区”、“logo区”、“图片新闻区”;2)网页中部、下部区域,用户注意到的时间较晚,甚至有用户并没有浏览底部区域。
因此新闻网页在进行页面布局时,重要新闻内容建议放置于页面的左上方,并尽量集中在页面的前1/3部分。此外,附加新闻图片的形式可以有效吸引用户的关注。
3.2 区域关注程度
衡量关注程度有两个因素,一个是注视顺序,一个是注视的时长。对应的数据指标即区域浏览顺序、区域总访问时间。结合这两个指标,可以得出如下结论:
1)用户停留较长时间的区域依次是要闻区、分类新闻区、图片新闻区;
2)用户在要闻区停留的时间要超过其他任何区域的两倍以上,关注程度最高;
3)用户能较快关注到静态广告、横幅广告,但注视时间很短,仅进行粗略浏览。
此外,热点图和透明度图也能反映用户对整个网页的关注程度,如图7、图8所示。其结论与数据指标衡量的基本一致,用户关注的部分大多数都集中在网页上部。此外,通过热点图还能够看出,用户的浏览模式基本符合F型浏览模式,对网页上部和左侧的关注程度更高,向底部和右侧的关注程度递减。这是用户习惯和网页设计引导共同的结果。
3.3 网页布局的合理性
根据以上分析,凤凰资讯的首页布局能够按照F型浏览模式对用户的视觉行为进行引导,让用户在第一时间注意到要闻区域的重要新闻,并且呈现较为持久的关注,而且能够让用户适当被图片新闻吸引,新闻内容的布局合理。
但通过上述数据也可以看出,该网页的广告内容投放效率较低。条幅广告区的注视人数百分比仅为16%,注视时间为0.11 s,图片广告区的注视人数百分比仅为37%,注视时间为0.11 s。经分析,被测网页的图片广告和条幅广告均为静态广告,并且颜色对比度与其周围区域对比度较小,因此获得的关注度较低。关于上述影响网页的广告投放效率的因素分析,仍需进一步的实验验证。
4 小结
为研究用户浏览新闻网页时的视觉关注模式,本文基于眼动仪的预实验结果,将凤凰新闻网页分成上中下3个区域,并在上部区域进行了详细的兴趣区域划分;然后设计了任务型眼动实验,通过眼动仪采集用户自由浏览该网页时的视点信息,并根据网页的区域划分对眼动数据进行相关指标统计;最后从区域浏览顺序、区域关注程度来分析用户对新闻网页的浏览模式。
本文分析得出的用户对新闻网站浏览模式有如下特点:1)用户对新闻网站的关注热度基本呈现“F”形,关注热度由上至下、由左至右递减。2)预实验反映用户注视点的聚簇集中在页面的前1/3(即首屏),用户对页面的后1/3几乎没有关注度。3)用户对页面左上区域的浏览顺序和关注时间均远超过其他区域,该区域的新闻信息的传递效率最高。
关于新闻网页的广告投放效果、动态静态图片对用户关注度的影响,仍可做进一步的实验探究。
摘要:用户在浏览网页时,会因为视觉感知特性、自身浏览习惯及网页布局引导等因素的影响,对网页各区域的关注程度以及浏览顺序形成某种固有的视觉浏览模式。该浏览模式可为新闻网页的布局优化提供依据,提升用户对新闻信息的获取效率,并为网页的可用性提供评价标准。借助眼动仪获取用户在浏览网页时的视点运动信息。首先基于用户的浏览习惯,通过预实验将新闻网页划分为若干个兴趣区域;然后统计用户在不同区域的视点数据,以获取用户对不同区域的关注程度和浏览顺序,从而分析用户在网页浏览中的视觉浏览模式。以凤凰资讯网站为例,对用户在浏览新闻网页时的关注模式进行了分析。
关键词:眼动仪,浏览模式,网页可用性
参考文献
[1]杨雄里.视觉的神经机制[M].上海:上海科学技术出版社,1996.
[2]赵乃迪.网页布局对视觉搜索影响的眼动研究[D].上海:复旦大学,2012.
[3]陈真真.网页浏览中的前注意与注意行为及其眼动研究[D].杭州:浙江大学,2012.
[4]COWEN L.An eye movement analysis of Web page usability[D].Lancaster,U K:Lancaster University,2001.
[5]NIELSEN J.F-shaped pattern for reading Web content[EB/OL].[2016-03-03].https://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/.
[6]SANTELLA A,DECARLO D.Robust clustering of eye movement recordings for quantification of visual interest[C]//Eye Tracking Research&Application Symposium,Etra 2004.San Antonio,Texas,Usa:[s.n.],2004:27-34.
[7]周婷.台网融合趋势下电视媒体网站的发展之道[D].合肥:安徽大学,2014.
A:如果用户使用的是火狐浏览器,那么点击“工具”菜单中的“附加组件”命令,在弹出的窗口中选择左侧列表中的“获取附加组件”项,再在窗口的左上角输入关键词“Image Block”来搜索。搜索到以后点击该扩展名称后的“安装”,安装完毕根据提示重新启动浏览器即可。以后遇到需要一键屏蔽图片的时候,点击一下该功能扩展的图标就可以了。
其实有一些比较小众的浏览器,自身就带有相关的功能,比如最新的Vivaldi浏览器,遇到要屏蔽图片的时候,点击状态栏右侧的屏蔽图片按钮,在弹出的菜单里面进行选择即可。
◆ 炒股软件的端口被封应如何解决
Q:现在股市的波动比较大,所以需要时时刻刻进行关注。但是公司为了避免员工上班时间炒股,把炒股软件使用的端口进行了屏蔽。请问这种情况有没有什么方法可以解决?
A:遇到这类问题最好的方法就是使用代理。首先从网上找一个比较成熟可靠的代理商购买一个代理账户,接着打开炒股软件自带的代理功能,按照要求设置好代理的IP地址、端口、密码等信息后,就可以通过代理连接到炒股软件的服务器了。如果炒股软件没有相关的代理设置,那么购买一款VPN软件也可以突破限制。
◆ 谷歌浏览器扩展为何被自动删除
Q:最近我从网上下载了一个功能扩展,安装到自己常用的谷歌浏览器里面,可是第二天打开浏览器的时候,就提示我说该扩展程序已经被自动删除。请问为什么会出现这么奇怪的现象?
A:这个问题主要是因为现在的谷歌浏览器禁止用户安装第三方的功能扩展,所以会对安装的扩展安全性进行检测。要想杜绝这个问题的发生,需要首先打开谷歌浏览器的设置窗口,接着点击其中的“显示高级设置”命令。然后在“隐私设置”里面找到“启用针对网上诱骗和恶意软件的防护功能”项,去除前面的勾选后重新安装该扩展就可以了。不过需要注意的是,这也会增加一定的风险。
◆ 绿色版谷歌浏览器怎么安装扩展
Q:我使用的是绿色版的谷歌浏览器,可是在安装了迅雷下载软件后,通过浏览器无法调用该下载软件,但是迅雷软件又可以正常运行。那么这是什么原因造成的呢?
A:迅雷下载软件在安装的时候,会向系统里面的浏览器安装相关的插件,但是由于你使用的是绿色版,所以迅雷没有找到软件的安装目录。首先进入到谷歌浏览器的安装目录,在Chrome.exe同级目录里面建一个Plugins文件夹,然后把迅雷插件文件Npxunlei.dll放入Plugins里面,最后重新启动一下谷歌浏览器就可以了。
◆ 在线计算文件的各类Hash值
Q:虽然现在网上有一些计算Hash值的工具,但是它们很多只可以计算MD5的内容。有没有可以计算多种Hash值的工具?当然有在线操作的网站也可以。
有的时候电脑设置了代理服务器,也是会出现这种情况的。每次打开IE的时候都是显示正在检测代理服务器,这是因为你的电脑设置了代理服务器的原因,那只对浏览网页有影响,而不影响QQ 因为QQ用是端口是4000 而连网用的是 80端口。解决办法是你可以打开IE 然后工具-internet选项 -连接 - 局域网设置- 把里面的全部都不要选确定。计算机
DNS服务器出错不能正确地进行域名→IP地址之间的转换.
方法:先测试一下,在浏览器输入 211.94.144.100/ 百度的IP地址,如果能访问,说明就是这个问题了.
解决:控制面板—网络连接—本地连接—右键属性—进入Internet协议(TCP/IP)—常规—使用下面的DNS服务器地址. 电信DNS地址 202.96.134.133(主用) 202.96.128.68(备用),如果用的是路由器,看一下其他机子的DNS地址,抄过来.
计算机基础知识
IE损坏或被恶意修改破坏. 试下IE修复工具.再不济重装IE...
基本上就这2种大可能了...只要不是你修改过某些特定设置或文件的话.其他问题可以忽略.
方法一:
打开360卫士,进行系统修复。
方法二:
点击浏览器的“工具”。
在“工具”的下拉菜单栏选择“选项”。
进入“选项”界面,在左边侧边栏选择“高级设置”,在“高级设置”里面选择“隐私设置”。
点击“清除上网痕迹”,选择“清除cookies”,“清除浏览记录”等。
或者进入“选项”界面,在左边侧边栏选择“高级设置”,在“高级设置”里面选择“恢复默认设置”。
方法三:
键入“win+r”组合键,打开运行框,输入regsvr32 jscript.dll后选择“确定”。
再次输入regsvr32 vbscript.dll选择“确定”。
方法四:
键入“win+r”组合键,打开运行框,输入regedit后选择“确定”。
2、在自定义级别对话框中进行“安全设置”,找到“允许对剪贴板进行编程访问”,将默认的“提示”修改为“启用”,
3、点击“确定”按钮,会弹出提示“确实要更改改区域的设置吗?”,点击“是”即可。