针对主流浏览器的CSS兼容性的研究及应用

互联网近几年飞速发展,网页浏览器也越来越多种多样,而对于网页设计者来说,这是一件麻烦事,因为不同的浏览器公司的核心技术也都不一样,这就让网站显示的效果也出现了偏差。而且对于目前兼容性最为良好的CSS布局来说,也同样有这样的问题。本文主要针对目前使用最为广泛的两款浏览器:IE和Firefox,浅谈CSS的Hack技术。     

CSS在浏览器中的兼容性及使用技巧

该文针对网页设计时CSS在浏览器中使用的兼容性问题进行分析,指出了产生问题的原因与解决办法,总结了CSS在不同浏览器中使用的常用技巧。     

中标麒麟系统下CSS开发的浏览器兼容性问题解决

中标麒麟操作系统是国产品牌,注意使用过程中的问题发现及解决,对于提升其功能有着重要的意义。在中标麒麟操作系统下,进行基于Web系统的CSS开发,常常出现多个浏览器显示差异的问题,即跨浏览器不兼容的问题。一些小技巧可以解决跨浏览器出现的默认边距问题、表格内容居中显示问题、垂直居中问题、ul标签边距问题和页面的最小宽度等等。     

浏览器的兼容性解析

CSS因其优越性在网页设计中被广泛应用,但因为各种浏览器的内核不同存在兼容性的问题。该文对常用浏览器兼容性技巧进行简要说明,并列举了几个常用的解决技巧。     

浏览器CSS兼容问题探究

浏览器的多样化导致网站设计中出现CSS对浏览器的兼容问题。本文首先介绍主流浏览器使用情况;接着介绍几种主流浏览器内核;最后针对CSS各版本选择器的浏览器支持比较,运用CSS Hack方式解决浏览器的CSS兼容问题。     

不同操作系统下浏览器兼容性测试的研究

针对现在操作系统和浏览器使用的多样性,本文抽取了一些网页,对这些网页的操作系统和浏览器兼容性进行了测试,通过测试结果发现很多网页都攒在不同类型的操作系统和浏览器兼容性问题,针对这些问题,笔者提出了今后网页开发时,需要注意的几点问题,对于网页开发具有一定的借鉴意义。     

用DIV＋CSS＋JQuery设计图片浏览器

通过用DIV设计网页布局,用CSS设计网页的表现形式,用JQuery选读本机目录图片文件并使之动态显示在浏览器中,实现了用网页浏览本机图片的功能。     

如何用CSS定位块元素

介绍了如何利用CSS层叠样式表的定位技术来定位网页中的块元素。     

DIV+CSS网页布局方法探析

如今的网页设计考虑得更多的是搜索引擎以及给用户带来更多的便利,传统的TABLE网页布局由于其庞大的HTML代码,使得其在搜索引擎方面显得有些无能为力,而用DIV+CSS进行网页布局具有代码精简的优点使得其在这方面又体现出更多的优势。但是又由于CSS对不同浏览器存在兼容性问题,所以对于初学者来说,在使用DIV+CSS进行网页布局过程中可能会遇到各种问题,本文就给大家探讨几点DIV+CSS布局的技巧。     

文档流:从浏览器角度重新解释CSS

由于W3C标准的存在,让DIV+CSS成为主流页面布局技术。可是由于标准与实际的浏览器之间存在一定的偏差,让我们可能对CSS的使用和标准的理解产生头痛,本文就是通过对文档流的讨论和研究,从浏览器角度,揭开CSS问题的神秘面纱。     

针对JavaScript浏览器兼容性的变异测试方法

针对JavaScript浏览器兼容性问题缺乏有效的测试方法的问题,基于变异测试技术,对Web应用程序中的JavaScript语言在主流浏览器中的兼容性进行了分析,设计了18个针对浏览器兼容性错误的变异算子并开发了自动化的测试工具Compatibility Mutator。该程序使用抽象语法树（AST）分析JavaScript语法,使用Selenium WebDriver自动调用多个浏览器核心并行执行变异测试。通过对7个广泛使用的JavaScript框架的实验,验证了此方法对每一个框架都能够生成一定数量的变异体,其中对jQuery和YUI框架的变异测试的变异得分分别为43.06%和7.69%,表明了所设计的变异算子能够触发浏览器兼容性方面的错误,并且能够评估测试用例集的完备性。     

浅谈网页制作中浏览器差异性——样式兼容问题

浏览器兼容性问题产生的原因在于各浏览器的内核不相同,由这些不同内核的浏览器渲染出网页产生的差异性就是我们所说的浏览器兼容问题。浏览器兼容问题可分样式兼容问题和脚本兼容问题。目前,我们解决样式兼容问题一般使用hack,但hack并不能使之得到根本的解决,同时,一个合理科学的网页设计思想也是必不可少的。     

Web应用界面跨浏览器兼容性的自动检测方法

随着Web应用被越来越广泛地使用,其稳定性也受到开发人员及用户的重视,其中很重要的一项指标是Web应用在不同浏览器中的兼容性问题。为了保证应用在所有的浏览器中都可以正常使用,在开发阶段对浏览器兼容性隐患进行检测就显得非常重要。为此,提出了一个在开发阶段可以自动检测Web应用界面跨浏览器兼容性问题的一项新技术,它可以自动浏览Web应用的所有页面,通过对同一页面在不同浏览器里所提取出的代码结构信息和相关属性的分析,生成差异报告,从而帮助开发人员更快地找到有兼容性问题的元素。完成了该方法的具体实现,并将其应用于一个具体的开发项目中来,收集相关的数据并验证该方法的可行性。最后根据实验数据归纳了常见的Web应用界面兼容性问题。     

Web应用浏览器兼容性的自动规范化方案

近年来万维嘲应用在中国正在飞速增长．但是在我国很多Web应用要求用户只能用IE浏览器．符合W3C组织制定的规范就能保证web应用跨浏览器的移植性．文中着眼于Web应用的特点,从遗留系统的角度来看待这个问题,提出了基于模型的自动规范化重构方法来解决这个问题．作为一个例子,构建了一个能够跨浏览器上访问小来只能用IE的中国银行的网上银行服务的实例,证明此方法能够有效解决国内现存Web应用的规范化问题．     

CSS技术

ＣＳＳ即ＣａｓｃａｄｉｎｇＳｔｙｌｅＳｈｅｅｔ,中文可以译为试样纸或样式表（ｓｔｙｌｅｓｈｅｅｔｓ）。ＣＳＳ在网页里和ＨＴＭＬ在一起作用,但是它不属于ＨＴＭＬ。使用ＣＳＳ可以扩展ＨＴＭＬ的功能,使得用户可以重新定义ＨＴＭＬ元素的显示方式。ＣＳＳ所能改变?..     

面向浏览器不兼容性的自动化测试的研究

随着Web应用技术的快速发展及浏览器和平台数量的不断增长,跨浏览器的不兼容性问题显得越来越突出。尽管现有的浏览器不兼容性测试工具较多,但是大多数的测试工具是手工测试,耗时过长,容易出错,而且国内对于跨浏览器不兼容性的自动化测试问题缺乏系统性研究。因此基于爬虫工具生成应用程序的导航模型,以及等价性检查技术和自动化测试系统(ATS)提出一种检测跨浏览器不兼容性问题的方法,并结合已有的测试工具进行比较。实验结果表明,该方法能够有效地自动识别和测试跨浏览器不兼容性问题。     

CSS的使用

越来越多的可视化网页编辑器使制作网页成为一件很简单的工作,鼠标轻点几下,一个很美观的网页就出现了。这令我们这些使用记事本编写HTML代码的人羡慕得眼睛瞪得好大。据我的经验,大部分的可视化编辑器都存在不同程度的代码臃肿、下载速度慢的特点。不过Dreamweamer的确是个很不错的网页编辑器,在这里向那些想学怎么做网页的朋友们推荐。今天让我们来认识一下编辑网页真正的利器——CSS串接样式表。     

设计师的CSS

设计师们和代码师们对CSS有着狂热的情感，几乎达到了一种让人奇怪的境界。我们对它并不是如此的狂热，但我们确实喜欢这个功能中大的易学的设计语言……     

一种Web应用跨浏览器兼容性测试方法

随着Web应用的日益普及，及可执行此类应用程序的浏览器越来越多，版本也在不断更新，Web应用的跨浏览器不兼容（Cross Browser Incompatibilities，XBI）已成为Web应用开发者面临的严重问题。提出一种结合DOM（Document Object Model）结构分析和页面元素（Screen Element）的计算机视觉分析方法，实现Web应用的跨浏览器兼容性测试XBCT（Cross-Browser Compatibility Testing），和现有的测试方法比较，实验结果表明了所提方法能够提高测试结果的准确性。