“IETester”微软官方产品SuperPreview之感慨篇

Vidar Liu — Fri, 26 Feb 2010 09:03:46 +0000

这篇是SuperPreview软件的体验篇，之前有一篇SuperPreview的感慨篇，如果您对其有兴趣可以点击这里《“IETester”微软官方产品SuperPreview之感慨篇》

自从把我的XP系统换成Windows7之后,IETester就不好好工作了!不是运行时错误重启tab,就是IE7无法访问测试本地文件。不过我并没有就此放弃它，我总觉得IETester的开发人员会尽快修复这个BUG,但是用到现在，每次我打开IETester都会习惯性的去点更新，可每次得到的结果都是“您安装的已经是最新版本”。身为一个web前段开发者来说，这无疑是一个压在心头的石头，如果让我在那么好用的操作系统和已经过时的IE7浏览器调试之间选择，我很想放弃浏览器，但是毕竟那是我吃饭用的一根筷子，丢不得啊。情急之下，我只好用安装双系统的方法来解决应急之需，后来觉得总是重启电脑也不是办法，即耽误时间又中断思路。

后来发现搜狗浏览器用的是IE7的内核(鄙视一下，用还不用好的),于是我就把搜狗浏览器装上了。这样我在测试时IETester运行IE6，搜狗调试IE7,电脑自带IE8,加上Firefox,Chrome,Opera,Safari一一安装到电脑，这样一来，市面上的主流浏览器就齐了。后来觉得搜狗浏览器的用户体验很是垃圾（个人见解），尤其是在任务转换的时候，平时按Alt+tab一次转换的任务，在搜狗下要按两次，多少次的冲动我都想把搜狗置于万劫不复。谁叫我暂且依赖于它呢？另外一个方案http://spoon.net/browsers/网站提供一个沙盘运行的浏览器插件，安装上去后，它可以运行当前主流浏览器的多数版本，如IE6、7、8,Safari3、4，火狐2、3、3.5，Opera9、10和Chrome。后经win7测试，IE7也是不可以运行，看来一山不容二虎在电脑上一样适用——一系统不容二7呀！

不过现在好了，算是一个前段开发者的福音吧！微软官方推出IE6、7、8的官方测试软件——Microsoft Expression Web 3 SuperPreview（好长的名字）。

也不知道微软此举是该表扬呢还是该骂，值得表扬的是它终于为它曾经开发的的烂产品做了一个交代，让我们前段人员不再为了做一个网页而去下载几个不同版本的IE浏览器做调试了，而且在同一系统下不能同时安装。这也算是微软为以前的错误而付出的代价吧。

值得一骂的是，你早干嘛去了，首先，你不该把没有开发成功BUG重重的产品投入市场——IE6，其次，你不该发布稍做改动就当其是一次浏览器革命的IE7,再者，你不该让IE8孤立在IE6包围的环境中。IE6早该死了，无论XP系统怎样。如果上一个操作系统不是失败的vista而是如今的win7的话，估计现在IE8的市场份额依然处于浏览器市场的辉煌地位。可惜，当初错误的产品注定了微软浏览器现在的处境——浏览器市场正在被新生的Firefox和Chrome吞噬。如今只能期盼今年即将发布的IE9能有新的突破了。但是不知道对于人们或者早已改变的使用习惯，微软的IE9能否力挽狂澜，如果Microsoft live labs下的Pivot浏览器是一个IE9的前瞻技术预览的话，那么我想IE9会是一场革命（不过微软应该考虑一下IE9的运行环境和硬件需求，如果还像Pivot的话，囧），我想微软肯定不会眼看着自己的孩子被别人超越的。那么我们姑且对IE9翘首以盼吧！延伸阅读:《微软实验室产品Pivot浏览器初体验》。

好了，有了Microsoft Expression Web 3 SuperPreview我们可以抛弃IETester了，也可以不用为IETester的bug而用国产的寄生浏览器来弥补了，但是还是要感谢Windows XP时代下IETester为前段工程师所做的贡献。

IE6下图像的最大宽度

Vidar Liu — Sun, 27 Dec 2009 09:10:01 +0000

图像如果显示在一个限制了宽度的div容器中时，图像有多大，它便会显示多大,当布局小于图像大小时便会产生溢出。同样的问题在table容器中一样。

那么你会说可以在CSS中定义布局中图像的宽度。那么如果图像小于布局的宽度时，图像便会被拉伸变形。那么有什么好的办法让这个图像即不会溢出，又能保持它原来的大小呢？这个时候我们可以用CSS的max-width方法来限制图像的最大宽度解决这个问题，具体用法就是:

.layout{width:600px;}
.layout img{max-width:600px;height:auto;}/*如果不希望图片会因为限制宽度而变形的话，那么把高度设置为自适应*/

如此，问题解决，但是并不是所有问题都解决了，浏览器兼容性是永远都是前段工程师的噩梦，因为该死的IE6并不对这个属性提供支持。所以我们不得不针对IE6做一些处理。接下来就是只有IE支持的属性值：expression

IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javas cript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javas cript表达式，CSS属性的值等于Javascript表达式计算的结果。在表达式中可以直接引用元素自身的属性和方法，也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。

用法是expression(statement),例如我们上面的CSS，我们需要在规则中加入

.layout{width:600px;}
.layout img{max-width:600px;width:expression(this.width > 600 ? 600: true);height:auto;}/*this是指当前元素‘.’操作符中文代表中文意义的‘的’,width字面翻译宽度，后面是三元判断表达式，意思是说当img的宽度大于600时，img的宽等于600，否则不进行任何操作*/

Pivot Code » Expression

“IETester”微软官方产品SuperPreview之感慨篇

相关日志

IE6下图像的最大宽度

相关日志