CSS预览工具
来源:互联网 发布:mac电脑刷机数据恢复 编辑:程序博客网 时间:2024/06/05 17:05
CSS预览工具
绝大多数浏览器对CSS都有很好的支持,设计师不必担心其设计的CSS不被浏览器所支持。
而在实际开发中,最让设计师头痛的是各个浏览器对新标准的支持程度,以及在CSS细节上的处理差异。经常出现的情况是,在一种浏览器中设计的效果,在另一个浏览器中并没有像预期的那样显示。因此,页面开发完成后,应该在一个或多个平台的几种浏览器下对网站进行充分测试,查看页面是不是按照预期的方式工作。
你并不知道用户使用哪种浏览器,因此在不同的浏览器中进行测试是非常必要的。常见的浏览器有IE、Google Chrome、Firefox、Opera、Safari等。由于Google Chrome、Firefox、Opera、Safari、IE10+ 等浏览器被称作现代浏览器,因为它们出现较晚,并且能够理解和支持HTML5、CSS3、ECMAScript、W3C DOM 等这些较新的标准。
使用HTML5和CSS3制作的网页,在所有现代浏览器中的渲染效果基本一致,而在老的IE中,不同版本的渲染效果差别较大,而老的IE仍然占有很大的市场份额。因此,为了确保网站尽可能适用于绝大多数的用户,毫无疑问,你需要在IE的各个版本中测试你的设计。
然而,IE版本众多,安装这么多版本,并在众多版本间进行切换,也是令人头疼的问题。令人欣慰的是,IE Tester可以使该问题迎刃而解。
IE Tester是一款完全免费的工具,使用它可以在一台机器上同时运行多个IE版本,并在IE11,IE10,IE9,IE8,IE7,IE6 和 IE5.5版本间自由切换,支持XP、Vista、Win7~Win10 等,是测试网页在IE不同版本中表现的不可多得的工具。如图 1-1 所示:
图1-1 IE Tester你可以从 http://www.my-debugbar.com/wiki/IETester/HomePage下载 IE Tester 的最新版本。
开发网页的常见测试流程是,在构建页面过程中定期在几个浏览器中对页面进行检查,当页面完成以后,要在全套浏览器中检查。整个网站全部完成之后,还需要在全套浏览器中再次进行测试,确保整个网站没有问题。
- CSS预览工具
- Google AdSense预览工具
- QSS编辑预览工具
- animate.css效果预览页
- 如何安装/卸载预览工具?
- Ext RAD开发工具预览
- Unity 动画路径预览工具
- Unity 粒子特效预览工具
- Unity 粒子特效预览工具
- css工具
- JavaScript + CSS 实现图片放大预览效果
- 在Netbeans预览CSS和集成Browser
- 上传图片前预览效果 html css
- 最新工具截图预览,争取元旦出品
- 利用OpenOffice.org工具实现预览效果
- 百度地图瓦片工具:切片预览
- pvr查看工具 windows 下预览
- Windows 10 开发人员工具预览版
- java线程简析
- Java(8-2)多线程的同步和条件对象
- 树莓派网络配置eth0 wlan0静态IP
- vue源码解读-各构建版本
- linux终端常用指令大全
- CSS预览工具
- MyBatis学习笔记(四)--动态SQL的使用
- Uva 201 Squares (暴力 + 枚举)
- MyBatis学习笔记(五)--MyBatis杂项
- linux权限管理
- Hadoop体系结构
- STL标准库Deque容器
- 显示定位蓝点
- MyBatis学习笔记(六)--使用注解配置SQL映射器