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

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

 

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

 

Dreamweaver指明要检查的最低版本的浏览器

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

 

既然你已经知道为使你的站点顺利运行而选择最低版本的浏览器时要考虑的一些事项,下面我将示范如何Dreamweaver中指明最低需求。

 

单击下面的链接来观看Macromedia RoboDemo视频展示,它将告诉你怎样指明最低版本的浏览器来检查你的文档中的错误。

   

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

     观看例子

 

 

下面是上面RoboDemo视频展示中指明最低版本的浏览器来检查你的文档中的错误的步骤:

1.         单击文档工具栏上的目标浏览器检查菜单

2.         选择设置

3.         指明检查你的页面的最低浏览器版本

 

 

 

三、查看目标浏览器检查结果

只要你打开一个文档,Dreamweaver MX 2004就会检查你的HTML / XHTMLCSS代码,看它们是否被你在目标浏览器检查菜单中指明的最低版本的浏览器所支持。

 

单击下面的链接观看Macromedia RoboDemo视频展示,它将告诉你怎样利用目标浏览器来验证你的代码,看它们是否被你在目标浏览器检查中设定的最低版本的浏览器所支持。

   

    查看例子

 

 

下面是上面RoboDemo视频中检查你的代码是否被在目标浏览器检查设置对话框中指明的最低版本的浏览器所支持的步骤:

1.         打开需要检查的文件。如果Dreamweaver没有发现错误,它将在目标浏览器检查菜单中显示绿色的对勾记号;如果代码中有错误,Dreamweaver将显示一个警告符号,鼠标移到这个图标上时,将显示Dreamweaver在你的页面中发现的错误总数。

2.         从目标浏览器检查菜单中选择下一个错误。Dreamweaver会立刻切换到拆分视图模式。

注意:如果错误只是位于附加到页面中的外部CSS文件中时,“下一个错误”选项不会激活;但是选择“上一个错误”,Dreamweaver会打开拆分视图,并且高亮显示错误所在的文件名。

3.         请注意:每个错误的下面会出现一条红色的波浪线。

4.         将鼠标指针移到带红色下划线的文字上时会出现提示条,指明该项目不被哪个浏览器所支持。

5.         移除该不支持的代码或者用你的目标浏览器所支持的代码来修改它。

注意:将鼠标指针移到连接的CSS文件或者用@import指示符附加的文件时,Dreamweaver会显示位于那些文档中的错误总数。

 

为了看到更多的错误:

1.         单击“目标浏览器检查”菜单,选择“上一个错误”、“下一个错误”、“显示所有错误”。

2.         右键单击(或者按住Ctrl,再单击)带红色下划线的文字,选择上下文相关菜单中的任何一个选项。

 

 

 

四、对整个文档查看目标浏览器检查结果

通过选择“显示所有错误”选项,你可以看到整个错误列表和这个页面的其它类型的潜在错误,从而一个一个的解决它们。

 

单击下面的链接观看Macromedia RoboDemo视频,学习如何查看整个文档的目标浏览器检查结果。

   

    查看例子

 

以下是RoboDemo视频中查看整个文档的目标浏览器检查结果的步骤:

1.         单击文档工具栏上的“目标浏览器检查”菜单,或者,选择 文件->检查页->检查目标浏览器。

2.         选择“显示所有错误”。

Dreamweaver立刻打开“结果”面板,并选中“目标浏览器检查”标签。其中可能显示三种类型的消息,它们是:

l         错误,指出代码可能会引起严重的问题,比如页面中的某些部分看不见。那些产生不明效果的代码,同样能引起错误。

l         警告,指出代码中的某个代码块在特定浏览器中不能正确显示,但这不会引起任何严重的显示问题。

l         一般的信息,指出该代码不能被特殊的浏览器支持,但是它不会在浏览器中产生有害的或者引起任何视觉效应的问题。

 

“结果”面板还包括以下选项:

l         保存目标浏览器检查报告

l         在你设置的主要浏览器中查看目标浏览器检查报告

 

 

 

(未完待续)

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

E-mail:xmanceo@yahoo.com.cn

 

 

相关文章:

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

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

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

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

移动端bug总结和一些奇淫技巧

我自己的总结: 1、uc浏览器的flexbox兼容性bug,在父元素上应用flex属性时,子元素要display: block,否则没有效果。 2、android上的uc浏览器父元素displa...
  • Teal01
  • Teal01
  • 2016年09月03日 16:21
  • 2484

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

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

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

跨浏览器测试是网站设计和开发过程中不可或缺的重要组成部分。这不是一件容易的事。现在有那么多的操作系统和浏览器可在网上,如果没有专业的测试工具一个个的测试会是非常麻烦的。即使如此,你不能跳过这个过程,通...
  • 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个字)