浏览器兼容性测试用例(高校网站对浏览器兼容性测试)

1浏览器概述？浏览器是一种能够显示网页服务器或文件系统的超文本标记语言文件，并让用户与这些文件进行交互的软件。由于不同的浏览器对对网页写作语法有不同的解释，同一网页在不同内核的浏览器中的显示效果可能会有所不同。目前，在使用不同的浏览器访问一些大学网站时，对不同的浏览器是不兼容的。在对，除了工业工程之外的浏览器呈现出一些印刷上的错混乱，甚至一些内容不能完全显示，功能不能使用。为此，对对高校网站进行了不同浏览器的兼容性测试，并对对高校网站存在的问题进行了分析、总结和归纳，以改进高校网站的设计。大学网站对浏览器兼容性测试与分析？2.1兼容性测试的内容是什么？2101所高校随机抽取100所高校进行主流浏览器兼容性测试，随机抽取37所本科院校和63所专科院校。考试的主要内容是每所大学的第一页和第二页的排版、排版和各项功能的使用。2.2兼容性测试方法？使用火狐版本5.0.1、Safari版本5.1和Chrome12.0版本12.0通过公共互联网访问对大学的主页，并将他们的页面结果与IE 7.0访问的结果进行比较。对大学网站的测试页面主要包括大学网站主页、学校简介栏目以及随机抽取的一两所学校的新闻或通知。2.3兼容性测试的结果？在随机选择的100所大学中，99所可以通过公共互联网访问，而9所与测试中的测试浏览器完全兼容。在测试中总共发现了452个不兼容性。计算方法如下：对同一个网站同类型的不兼容性只计算一次；对与同一个网站上的相同内容不兼容，与浏览器不兼容的次数。对，有452种不兼容，可分为一般不兼容和严重不兼容。划分依据如下：一般不兼容：测试浏览器显示的页面与工业工程浏览器显示的页面部分布局不同，有些情况会影响阅读效果，但不会影响信息获取。严重不兼容：指测试浏览器显示的页面与工业工程浏览器显示的页面不同，严重影响阅读效果或信息获取。这452种不兼容性的具体类型和分布如表1所示。在表格中，f代表火狐浏览器，s代表Safari浏览器，c代表Chrome浏览器。2.4兼容性测试分析？至于上面提到的对，的不兼容类型，作者通过查看网页的源代码进行了分析。经分析，不兼容的主要原因如下：(1)网页采用DIV CSS(层叠样式表)的布局方式，但目前由于对对CSS在不同浏览器中的解释不一致，在IE浏览器中正常显示的页面转换成其他浏览器后显示效果会有所不同，甚至会造成页面的错。(2)网页中的一些特效采用JavaScript语法，而火狐、Safari和Chrome对JAVAScript中的一些属性和方法并不严格符合ECMAScript规范，所以一些可以在IE浏览器中显示的特效在其他浏览器中无法正常显示。(3)在不同浏览器中被不同解释的JavaScript函数被用在网页中。因为有太多的不兼容，不可能详细分析对的每一个不兼容。本文将集中讨论在对有代表性的不兼容性？(1)浏览器时间显示问题。许多学院和大学在其主页上显示年份和日期，例如2011年8月5日，但是一些学院和大学在其他三种浏览器中显示2011年8月5日。

这主要是因为对是在这一年被收购的，一些高校在JavaScript中采用了以下方法：今天=新日期()；var year=today . GetYear()；在IE浏览器中，可变年份的值可以通过上述方法更改为2011年，而在火狐、Safari和Chrome浏览器中，today.getYear()返回对日期图像中的年份与1900年之间的差值，即111年，因此它显示111年。要解决这个问题，可以使用getFullYear()函数，即：今天=新日期()；var year=today . GetFullYear()；(2)暂停通知未移动。有些学校通知最初位于布局的左上角，然后通过移动来显示。然而，一旦通知不动，它可能会覆盖学校网站主页上的导航栏，从而使用户无法选择其中一个栏。有两个主要原因：假设一个DIV元素id是“img”，当一些大学中的对元素被赋值时，形式如下：img . style . left=x document . body . scroll left；如果你用元素id直接给对赋值，那么在火狐这样的浏览器中赋值可能会失败，这将导致它的暂停通知在火狐这样的浏览器中无法移动。在查阅了网络数据之后，解释说工业工程中的超文本标记语言元素中的标识可以直接用作文档的对图像的变量名，但是火狐不能。推荐使用？img 1=document . GetElementById(' img ')；img 1 . style . left=x document . body . scroll left；表单或getelementbyid(“. img”)。style . left=x document . body . scroll left；更换。然而，在笔者测试的网站中，有些网站采用了元素id的方式，而赋值的方式也可以使暂停通知移动。一些网站源文件的第一行有以下信息：在查阅了网络资料后，这个代码由Dreamweaver fckeditor自动生成，用于声明和指出读者应该使用什么规则集来解释文档中的标签。对位于一些大学网站上。如果这些信息被删除，不能移动的浮动通知可以在火狐等浏览器中正常移动。(3)循环的情况没有改变。一些学院和大学也使用DIV元素的id名称来直接赋值，这导致DIV元素赋值失败。例如：如果(demo 2 . OffsetTop-demo . scrollTop=0)？demo1.offsetheight//demo跳到了顶端？否则{ demo.scrollTop }？也有一些大学网站在网页中使用CSS反转动态过滤，但是它们的使用方法，比如style=' filter:反转(transition=1，duration=1.5)'，只在对IE中有效，所以切换图片不能在其他浏览器中显示。

(4)布局中存在冗余部分。这主要是由于一些高校网站采用了DIV CSS的布局方式，不同的浏览器对对CSS有不同的解读，导致网页的显示效果不同。一些大学网页在表格中使用TD来放置DIV和CSS来控制它的外观。在IE浏览器中，DIV的内容只能用TD来填充，但一旦换成火狐浏览器，DIV的内容可能会超出最初设计的TD，从而导致TABLE的整体布局混乱。在错，对可以参考更多的网络资源来解决这类问题。3提高大学主页兼容性的建议？随着多样化浏览器时代的到来，对浏览器的兼容性将日益突出。如何使网站兼容不同的浏览器将是所有高校面临的挑战。为此，笔者提出了一些可供参考的建议。(1)符合W3C标准。W3C是万维网联盟的缩写。它始于1994年，是网络技术领域最权威、最中立的组织。网络上的所有标准都由这个论坛讨论和制定。对是否符合W3C标准可以通过在线W3C提交文件或网站网址来验证。(2)发布前测试。在网站发布之前，我们可以通过一些网络服务器建立一个临时的网站，比如IIS、TOMCAT、REGISTER等。并通过不同的浏览器访问临时网站进行测试。您也可以使用一些软件，如超文本标记语言工具箱，或一些网站提供的在线兼容性测试，如。