宣传视频中,最在意的Adobe BroswerLab。不过2010年才出来,貌似太迟,已经习惯IEtester了,但既然来了还是试试吧。
但有点遗憾,该功能必须联网方可使用,局限性太大了。。。。
首先要定义一个站点,不同以往DW,这里可以直接选择一个文件夹。

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

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

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

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

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

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

服务器传回来的是图片,可以点右键 Save Locally保存之。
如果是个完美主义者,则可以点击Onion Skin,测试结果会重叠在一起,通过调节透明度,即可清晰的看见每1px的问题:

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

BrowserLab和DW是心有灵犀的,各自做的更改,对方都能察觉。比如测试浏览器列表是IE6、7,我新增加FF3.0 for MaxOS,那么下一次测试的时候,DW的提示信息就会多一个出来。(0 of 2)变成(0 of 3)。
进入论坛参与讨论和交作业:http://www.missyuan.com/viewthread.php?tid=456984
情非得已
21个Sketch实用高频小技巧2019-02-15
25款值得收藏的优秀网站模板免费下载2015-09-16
20套高质量的免费网页模版PSD素材2013-09-02
20款国外时尚大气的按钮开关PSD素材下载2013-07-31
CSS实例教程:十步学会用CSS建站2011-10-05
网页设计师:浅淡网页BANNER设计2010-09-27
网页细节教程:WEB设计精确点滴2010-09-13
网页设计中的点滴细节把握2010-09-01
总结交互组件创新的四种方式2010-06-28
最全的国外电子商务CSS模板下载2010-06-18
如何提高登录注册的提高用户体验
相关文章2902018-12-20
7招表单设计设计师方法提升表单体验
相关文章5672018-12-07
设计师必须知道的版式设计三原则
相关文章4012018-10-10
优秀的网页设计和开发资源干货集合
相关文章5102018-05-10
详解个性化网站设计的优点和缺点
相关文章3702018-01-10
2017年12月超实用前端干货素材合集
相关文章3432017-12-17
解析用户测试的基本步骤和沟通技巧
相关文章1972017-12-17
设计师须知的已过时的网页设计趋势
相关文章3012017-12-11
