PS设计教程网欢迎你!

DreamWeaver CS5下载安装使用体验(2)

文章来源于 网页教学网,感谢作者 情非得已 给我们带来经精彩的文章!
设计教程/前端设计/前端设计2010-05-13
宣传视频中,最在意的 Adobe BroswerLab 。不过2010年才出来,貌似太迟,已经习惯IEtester了,但既然来了还是试试吧。 但有点遗憾,该功能必须联网方可使用,局限性太大了。。。。 首先要定义一个站点,不同以往DW

宣传视频中,最在意的Adobe BroswerLab。不过2010年才出来,貌似太迟,已经习惯IEtester了,但既然来了还是试试吧。

但有点遗憾,该功能必须联网方可使用,局限性太大了。。。。

首先要定义一个站点,不同以往DW,这里可以直接选择一个文件夹。

DreamWeaver CS5下载安装使用体验

只要一步,伪站点就出来了:

DreamWeaver CS5下载安装使用体验

打开“站点”里某个HTML文档,然后点击标题栏右上方的CS Live,并选择Preview in BrowserLab:

DreamWeaver CS5下载安装使用体验

需要注意的是,可能会提示你输入帐号,没有可以去注册一个:

DreamWeaver CS5下载安装使用体验

也有可能弹出这个对话框,直接登陆即可:

DreamWeaver CS5下载安装使用体验

之后DW会自动启动浏览器,并加载测试结果页,界面是Flash做的:

DreamWeaver CS5下载安装使用体验

测试一下经典的双倍浮动Bug:

DreamWeaver CS5下载安装使用体验

服务器传回来的是图片,可以点右键 Save Locally保存之。

如果是个完美主义者,则可以点击Onion Skin,测试结果会重叠在一起,通过调节透明度,即可清晰的看见每1px的问题:

DreamWeaver CS5下载安装使用体验

点击顶部的Browser Sets,即可添加或者删除测试目标浏览器:我选择了IE6、7、8、FF3。

DreamWeaver CS5下载安装使用体验

BrowserLab和DW是心有灵犀的,各自做的更改,对方都能察觉。比如测试浏览器列表是IE6、7,我新增加FF3.0 for MaxOS,那么下一次测试的时候,DW的提示信息就会多一个出来。(0 of 2)变成(0 of 3)。

进入论坛参与讨论和交作业:http://www.missyuan.com/viewthread.php?tid=456984

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa