利用Dreamweaver MX 2004来检查浏览器的兼容性(一)

原创 2004年04月22日 14:35:00

 

利用Dreamweaver MX 2004来检查浏览器的兼容性(一)

 

 

 

一、导言<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

 

设法严密的测定哪些tagsattributesCSS properties能在你所支持的浏览器中生效是个耗费时间并且艰苦的任务。但是,由于Dreamweaver MX 2004Browser Target Check特性使得你可以将精力集中在站点的建构上,让Dreamweaver来帮助我们完成那个任务(测定哪些tagsattributesCSS properties能在你所支持的浏览器中生效)。

 

在这篇文章中,我将给你示范如何利用这个强大的特性来检查所有主流图形化浏览器的兼容性。

 

浏览器兼容性检查 Vs 代码合法性

了解检查浏览器的兼容性完全不同于验证你的代码是很重要的。在这篇文章中我将回顾浏览器的兼容性,也就是检查那些特定浏览器或特定版本的浏览器不支持的tagsattributes CSS constructs

 

这个不同于Dreamweaver的检查器,此检查器用于检查依赖于一个特定标准,称为Document Type Definition (DTD)-文档类型定义,的标记语言(HTML/XHTML)的语法。通过阅读我的“Validating Code in Dreamweaver MX <?xml:namespace prefix = st1 ns = "urn:schemas-microsoft-com:office:smarttags" />2004这篇文章,你可以学到更多的在Dreamweaver MX 2004验证代码的知识。

 

需求:要完成此教程,你需要安装Dreamweaver MX 2004

 

 

二、选择检查哪种浏览器

 

检查你的页面错误的第一步是指明你要检查的代码所依赖的浏览器最低版本。

 

不管什么情况,你应该先在具有标准兼容性的浏览器(如Mozilla 或者 Opera)的大多数最近的版本中打开你的页面。你也应该在苹果机上利用浏览器(如Safari.)测试你的页面。就Internet Explorer来说,用Internet Explorer 6 (Windows)来打开页面是明智的做法。当你确定在最新版本的Internet Explorer中没有问题后,才开始测试你要支持的较低版本的浏览器。

 

Mac OS用户

Mac OS平台上Safari 1.2极好的支持Web标准。就Internet Explorer 5.2 (Macintosh)来说很好,IE 5+是最早发布的标准兼容性浏览器,并且很好的支持CSS1,部分的支持CSS2

 

Netscape 4

虽然Netscape 4已被淘汰,但是仍然有些用户(比如政府部门)在使用这个古老版本的浏览器。如果你需要支持Netscape 4.x ,请记住,它对CSS的支持非常薄弱。下面是一些适合Netscape 4.x用户的方法。

1.         只编写Netscape 4.x所支持的CSS代码。你可以利用Caio Chassot发明的Caio Hack来隐藏它所不支持的CSS代码,从而达到这一点。这儿是个Caio Hack的例子:

      

Netscape 4.x不能识别你的Web页面中通过@import方法附加的样式。因此,可以利用这个技术来隐藏这个令人讨厌的浏览的所不支持的CSS代码。反过来说,这带给你两者之中任何一个的灵活性。

l         利用图一所示的链接设置器给Netscape 4.x的用户提供器浏览器所支持的CSS样式。

<?xml:namespace prefix = v ns = "urn:schemas-microsoft-com:vml" />

图一 link element

l         只给Netscape 4.x的用户提供不带任何CSS样式的(页面)内容。

 

利用@import指示符装载CSS样式

按照下面的步骤利用@inport指示符来附加外部文件:

1.         打开CSS样式面板(选择 窗口 -> CSS样式)

2.         单击“附加CSS样式”按钮(原文为:Click the New Style button

3.         找到你要附加的CSS样式文件

4.         选择“import”单选按钮,如图二所示

    

图二 利用@import指示符装载CSS样式

 

按照下面的步骤利用Link方法附加外部CSS文件

1.         打开CSS样式面板

2.         单击“附加CSS样式”按钮

3.         浏览你要附加的CSS样式文件

4.         选择“link”单选按钮

 

(未完待续)

不当之处,尽请指出、批评。

E-mail:xmanceo@yahoo.com.cn

 

 

相关文章:

    利用Dreamweaver MX 2004来检查浏览器的兼容性(二)

    利用Dreamweaver MX 2004来检查浏览器的兼容性(三)

bootstrap兼容IE各版本的浏览器问题

Bootstrap的目标是在最新的桌面和移动浏览器上有最佳的表现,也就是说,在较老旧的浏览器上可能会导致某些组件表现出的样式有些不同,但是功能是完整的。 bootstrap3支持的浏览器:   ...
  • u014516981
  • u014516981
  • 2016年06月23日 23:58
  • 6511

js浏览器兼容问题总结及解决办法

javascript部分 1. document.form.item 问题 问题: 代码中存在 document.formName.item("itemName") 这样的语句,不能在FF下...
  • comeonJ
  • comeonJ
  • 2014年02月19日 10:44
  • 8671

【那些年我们一起挖过的坑】uploadify插件的使用及兼容性

翻过IE8~11四座大山,终于进入了Firefox的森林。   Uploadify,多文件异步上传插件,能够显示文件上传进度,支持主流web开发(java、php、.net)。其核心是插件里的swf文...
  • ayiq123456789
  • ayiq123456789
  • 2015年07月06日 20:51
  • 3741

跨浏览器兼容性检查的最佳工具

跨浏览器测试是网站设计和开发过程中不可或缺的重要组成部分。这不是一件容易的事。现在有那么多的操作系统和浏览器可在网上,如果没有专业的测试工具一个个的测试会是非常麻烦的。即使如此,你不能跳过这个过程,通...
  • Tizian
  • Tizian
  • 2012年07月24日 12:50
  • 199

数据结构兼容性检查 1.2

  • 2005年12月27日 09:38
  • 12KB
  • 下载

利用 Dreamweaver MX 2004 进行 asp.net 网站的开发

  • 2006年02月23日 15:31
  • 9.94MB
  • 下载

WebDriver+TestNG+ANT_实现多浏览器兼容性测试

  • 2017年11月27日 23:13
  • 75KB
  • 下载

Css与各浏览器兼容性

  • 2013年09月24日 10:04
  • 17KB
  • 下载

一网打尽浏览器的兼容性

  • 2012年08月22日 14:28
  • 21KB
  • 下载

与浏览器兼容性好的屏幕取色器

  • 2009年05月12日 16:43
  • 17KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:利用Dreamweaver MX 2004来检查浏览器的兼容性(一)
举报原因:
原因补充:

(最多只允许输入30个字)