SuperPreview是一款强大好用的ie浏览器兼容性测试工具,是微软官方出品的一款网页开发调试器;通过本软件用户可以查看网站在不同浏览器版本上的渲染情况,主要适用于网页设计开发人员,软件自带有很多元素查看工具,如箭头、移动、辅助线等,而且还具有firebug或者是微软的开发者工具一样的功能。SuperPreview 简化了在不同的 Web 浏览器中测试布局和调试布局问题的过程,使用 SuperPreview 可以同时在多个浏览器中查看网页,或将网页在浏览器中的呈现方式与网页的模型图像进行比较,对于调试页面将会非常有力;需要的朋友赶快下载试试吧!
软件特色
1、SuperPreview是微软发布的网页开发调试工具,自带有很多元素查看工具,如箭头、移动、辅助线、对比……,在查看网页的IE6/IE7/IE8不同表现的同时,可以对比效果。
2、在SuperPreview中,你可以同时浏览网页在各个版本的IE中的效果。
3、根据微软的介绍,SuperPreview的可用IE版本视系统已安装IE浏览器的版本而定,
4、如果系统安装了IE8,那SuperPreview浏览器测试可用版本就包括IE8、IE7和IE6;
5、如果系统安装了IE7,那SuperPreview只包括IE7和IE6;
6、如果系统安装了IE6,那SuperPreview只能测试IE6。
7、这也就意味着如果你要使用SuperPreview的话,使用高版本的IE更“划算”。
使用说明
SuperPreview可以显示一个网页在不同的浏览器中撞在后所看到的效果。包括IE6、IE7、IE8 和Firefox 3。你可以把网页并排放着看,或者可以覆盖着看,并且可以利用尺子,向导和缩放工具条来精确地定位网页布局的不同点。你甚至可以把页面覆盖在Photoshop图片上来验证该页面在视觉上跟原图接近与否。你可以看到Firefox 3 和IE6所产生的非常小的渲染效果的区别是怎么影响到你的网页看上去的效果的。
安装方法
1、下载解压文件找到SuperPreview_Trial_zh-Hans.exe双击安装
2、点击接受协议
3、准备安装、、点击“安装”即可
4、正在安装、请稍后
5、安装完成
使用方法
指针模式
SuperPreview 有两种指针模式,它们可以改变您与 SuperPreview 的交互方式:
单击“选择模式”
以选择“选择模式”指针。使用“选择模式”以选择要比较的各个网页部分。单击“全景模式”
以选择“全景模式”指针。使用“全景模式”以在浏览器视图中拖动网页。在此模式下,鼠标滚轮可改变浏览器视图的放大倍数。在“全景模式”下,无法选择网页部分。
DOM 突出显示
可以在网页上四处移动指针,以突出显示网页的不同部分。单击某个部分即可将其选中。状态栏中会显示该部分的 HTML 标记名称、它的类或 ID 名称以及它的大小和位置属性。SuperPreview 提供两种 DOM 突出显示模式:
方框突出显示模式
在基线浏览器视图中用蓝色突出显示选定的元素。选定的元素在比较浏览器视图中用绿色突出显示。无光突出显示模式
正常显示选定的元素,同时使网页的其余内容变暗显示。
标尺显示
单击“切换标尺可见性”
以显示或不显示标尺。必须显示标尺才能创建定位参考线。有关定位参考线的详细信息,请参阅本主题中后面的“定位参考线”。
缩略图显示
使用缩略图显示功能可快速选择网页区域。
单击“切换缩略图可见性”
以显示或不显示缩略图。
定位参考线
可以添加定位参考线,以帮助评估多个元素在网页中的定位:
单击水平标尺以创建水平参考线,您可以将此参考线拖到网页视图上的某个位置。在选定此参考线的情况下,它与网页左上角之间的垂直距离会以像素为单位显示出来。将此参考线拖到网页显示区以外可删除它。
单击垂直标尺以创建垂直参考线,您可以将此参考线拖到网页视图上的某个位置。在选定此参考线的情况下,它与网页左上角之间的水平距离会以像素为单位显示出来。将此参考线拖到网页显示区以外可删除它。
单击“切换参考线可见性”
页面交互模式
Microsoft Expression Web SuperPreview 允许您预览需要用户身份验证的 Web 内容。
单击
(“使用页面交互模式登录到安全站点,然后导航到要预览的页面”)以显示“页面交互模式”屏幕。
有关使用“页面交互模式”的详细信息,请参阅查看安全网站内容。
更新日志
1.改善稳定性
2.PHP的include语句可以随时更新
3.PHP网页预览
4.可以插入Silverlight视频
5.改善Team Foundation
6.发布状态窗格行为恢复正常,有传输时才显示
7.可以显示扩展区的字符/字元
8.书签对话方块(对话框)中的超链接会正确显示
9.CSS智能感知不再报告有效值错误
10.替换表格中的内容时不会再引发Expression Web崩溃。
11.HTML智能感知(IntelliSense)可以识别出所有的HTML 5标记
12.可以使用CSS 3(草案),但不提供CSS 3的预览功能
13.加入IE9 Beta的支持
∨ 展开