利用Dreamweaver MX 2004来检查浏览器的兼容性(二)
为Dreamweaver指明要检查的最低版本的浏览器
既然你已经知道为使你的站点顺利运行而选择最低版本的浏览器时要考虑的一些事项,下面我将示范如何Dreamweaver中指明最低需求。
单击下面的链接来观看Macromedia RoboDemo视频展示,它将告诉你怎样指明最低版本的浏览器来检查你的文档中的错误。
下面是上面RoboDemo视频展示中指明最低版本的浏览器来检查你的文档中的错误的步骤:
1. 单击文档工具栏上的目标浏览器检查菜单
2. 选择设置
3. 指明检查你的页面的最低浏览器版本
三、查看目标浏览器检查结果
只要你打开一个文档,Dreamweaver MX 2004就会检查你的HTML / XHTML和CSS代码,看它们是否被你在目标浏览器检查菜单中指明的最低版本的浏览器所支持。
单击下面的链接观看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
相关文章: