2012-07
7

当下页面测试对比IE今昔

By xrspook @ 20:53:11 归类于:烂日记

今天很无聊地又在虚拟机里装了一个自带IE6的XP。用的版本是(修正)金狐XP SP3 (IE6/IE8,GHO/WIM) 极致系列[4+1+1] 【唯美之最,快稳兼备】。安装很顺利,到现在为止我已经在虚拟机里安装第4个XP,第7个Windows系统了。

家里这台WIN7里有2个虚拟系统,一个是金狐的龙祥XPIE8一个是金狐修正XPIE6,开机和关机速度差不多,但开机的话,IE8的要快一点,但差距在5秒内。

你还记得IE6的icon么?左边的就是了,浅蓝色的E标志,右边的是IE8,有条黄色的带子。我还记得IE5是普蓝色没有渐变的,但IE7呢?完全没印象…… IE9的标志也是浅蓝色渐变加黄色带子,但那种立体感和IE8完全不同,E更大,更平面。

同样是纯净版,IE6和IE8的XP系统占用空间一样大。

哈哈哈,打开IE区别就明显了。IE6,把margin和负数定位视都不见。

久违了,好久好久好久都没见过IE6的标志,看到IE6,我想起那个Windows 98和Windows XP的过渡系统Windows Me。IE6曾几何时是XP的标配啊!

系统占用量,IE6比IE8少19MB。但说你也不信,它们的打开速度和载入完全速度是一样的!

仔细看进程,发现除了二者必须有的IEXPLORE.EXE外,IE8还有另外一个IEXPLORE.EXE,而那个进程就13MB了。为啥呢?我记得打开同样页面的时候IE8曾试图弹出一个窗口,那是电信ADSL的广告,但被我关掉了,难道是那个的?还是因为IE8有了选项卡功能导致2个IE进程?

无接缝界面看看IE们。

杯具的IE6啊~~~标题导航栏完全无视filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);难道IE6很傻很天真地只允许每页面使用一个滤镜?各种margin问题,用div做的hover也无法实现。除此以外,正常阅读是不受影响的,因为正文没啥花俏东西。IE6,纯粹是格式类丑一点而已。

IE8,相比IE6好多了,margin正常,hover正常,不正常的就只剩下CSS3效果——圆角、阴影等。啥?你已经觉得这已经很正常了,不知道原来这个网页还有更正常的效果?

我们用IE9来了看看吧!当然了,到现在为止IE9只能在Vista或以上系统运行。

IE9,在界面上更简洁的浏览器!默认没有菜单栏,默认标签页,默认刷新、暂停、搜索融入到地址栏。这么简洁的构造让IE的正文空间更加大。对比IE6、IE8和IE9,你会看出区别的!

对头,这就是IE9的效果!

这也是Chrome和Firefox里看到的效果。圆角、虚线(中间滑动标题导航的地方);标题和描述下的那些导航标签有半透圆角按钮效果;页面导航按钮有阴影效果。这些都是IE9支持的CSS3做出来的。

老天啊,跨越了4代的IE才正常表现出了我要展示的东西,情何以堪。不过,如果用10年前的浏览器去测试,它们也不可能做到。(Chrome肯定没有10年,Firefox好像也没有吧……)

今天下午睡了5个小时,因为感觉没事干,现在有点痴呆,但非常满足。

2011-03
6

囧IE

By xrspook @ 20:57:13 归类于:烂日记

终于做完了一个table转div的改造,太折磨人了!除了要考虑如果使用div实现table的效果与功能外,还得面对成功通过Google Chrome,Opera以及Firefox测试,但在IE内核却会出现囧效果的悲情时刻。对我来说,使用div不难,但在使用了N多的margin、padding、border后仍能使网页在IE下正常,对我来说那是最最难的。偏偏,国内的大家还依赖于IE浏览器,而且还是IE6占主导。所以,无论我多IN,无论我学会了多少新规则并使用都是徒劳。table转div后,除了信息量增加了以外,文件大小还减少了20%。从维护角度,div更简单,但偏偏,table不会引起IE问题,但div容易。

心力交瘁无奈状。

困了,又困了。

今晚应该能看上几场Finlay的比赛,我欠别人很久了。

生活本不复杂,但这样那样的人为限制越来越多,于是我们就经常碰壁了。怀念那些Google Docs的日子,怀念那些imageshack的日子,更怀恋那些U2的日子,但怀念神马的都是浮云。

IE,一种让人绝望的浏览器!

2010-04
8

修正Color3 IE效果

By xrspook @ 20:42:00 归类于:烂日记

第一次用Color3模板在Window Live Writer里写东西感觉怪异。感觉字体很小,非常小,阅读没有问题,但撰写难度不小。写了好长都没有换行,到处都是空白一片,于是感觉刺眼,还是换回我经典的记事本好了。

IE是Color3的硬伤,特意下了个IETester对各版本IE进行测试。感觉很好,比开IE本身还要快,它的格式极像Office 2007,虽然不喜欢那东西,但对这测试软件的速度很是赞,加上它的插件debugbar就更完美了,感觉像是IE里用上了Firebug,当然啦,没有Firebug好用,用过Chrome的类似软件,还是觉得Firebug最好最强大。

对Color3进行了细节调整,使之在IE页面正常点,我只能说正常点了,因为还没能做到在那里可以完美。

昨天新主题的网站上线后对其进行了CSS和XHTML测试,第一次都没过,CSS可以说是没问题,因为唯一的问题是笔误,把“padding”写成了“pading”,狂汗啊~~~至于XHTML的问题,有3种,第一个是UTF-8,记得用Notepad++编辑的时候遇到中文字符ANSI无能为力,我就转UTF-8了(超简单,就一个按钮),那里的UTF-8有分普通的和无BOM两种,没有经验就选了一般的。结果测试过程中第一个警告就是说有BOM的UTF-8兼容性还不是很好,或许不能在所有浏览器里正常发挥。第二个属于老问题,很突兀地使用诸如<span>等,这些东西应该放在<div>,<ul>,<li>等里面,否则就会出错。第三,属于比较高级的问题,是我一直都不曾意识到的——id的调用,id和class的调用原来是如此严格的,之前一直浑水摸鱼通过了真是非常好彩,结果这次就撞板。测试的是主页,主页默认有5篇日志,每篇日志我都调用了<div id=”post”>,原来同个页面多次调用id是不行的,在测试中这叫做错误!于是抓了一段时间才想到把#post .***的东西转为#content .***,幸好我的层足够多,能这样转换。不过,这真给我上了一次很好的id和class的课,我一定会记住的。

嘿嘿嘿,炫耀一下通过的两个验证:CSS验证+XHTML验证

今天下了个哥的输入法,感觉和Sogou输入法雷同,但速度更快,不知是否Sogou的杂七杂八太多了,于是打字速度会被拖慢,系统忙的时候尤为明显。还有就是在Excel中按Ctrl+F+S保存的时候,Sogou输入法会发生问题,这就是我想尝试换掉它的原因。很喜欢哥的繁体输入,终于明白人家为什么可以打繁体了,我还以要特意转换的呢。

还没搞懂IE下clear:both;引出的边距变大问题,看来我要改变一直用<div class=”clear”></div>来清浮的习惯了。还有还有,IE下,要float的话就要全部float掉,否则就会分行无论你用什么元素引用,切记!

呵呵,IE修改记录完成,有新发现再另行公布,下回分解了。

2010-03
17

囧事不断

By xrspook @ 22:39:00 归类于:烂日记

修改了一个下午+一个晚上的前台网页,最后发现经典的IE怪异现象又出现了!那个鬼东西明明在我修整代码之前已经解决,但修整后又出来鸟,囧得没话说。

QQ所有用户名都不见了(被我手动修改过的除外),只剩下Q号和经典的企鹅头像。于是,搞不清谁是谁,世间还有比这更囧的事么?

问了一大通G老师,然后发觉IE习惯性、真理性是万恶之源,新增一个版本变一次规矩,于是当你想把网页弄得适合多个版本IE的时候一切变得异常的困难。记得刚开始设计前台的时候觉得Firefox是黑手,IE里弄好的东西一到FF就成垃圾了,但现在,经过那么多年以后,泪流满面啊~~~~

还需要更多更多的时间去琢磨到底哪里的问题,老天啊,太折磨人啦!

2010-03
10

IE8 还行

By xrspook @ 22:42:00 归类于:烂日记

原来我是一个前台和后台都颇感兴趣的人,当然啦,前台知道得多一点。当javascript需要用一大段代码,中文英文都用上才能解决在页面显示一个当前时间的时候,php一行就搞定,如果说javascript是前台处理的话,php用的是后台服务器,能不快么。就等于到一个餐厅,人家给你准备好吃的了,还是买冷冻食品回家,还得加工才能入口。

IE6寿终正寝,用的是IE7,无聊的时候拿X领地去测速,惊讶地发现同样的网络,同样的服务器,IE8要比IE7优秀很多。以下是两个测试报告的图(点击得报告,IE8左,IE7右):

100309_5TVS   100309_5TVZ

整体载入时间IE8只需3.415s,而IE7要5.801s;start render IE8是2.377s,IE7是3.998s。有眼睛的都能发现IE8的并行能力实在是强,特别经过我的精心处理后,效果非常明显,最高峰的时候竟然是10线程同时下(即单域名5线程)!而可怜的IE7呢?通常最高是4线程(即单域名2线程)。不得不说,如果IE8真自动突破IE从前可怜的单线程限制的话,无论是网页浏览还是下载速度都将发生惊天动地的变化。

于是,第一时间,下个IE8,装了。

IE801

IE802

IE8让我有眼前一亮的感觉。终于把源代码用我们熟悉的代码方式显示了,谢天谢地啊!增加了个开发员工具的东西,感觉是Firebug和Web Developer的合体。多年以来网页前台我都是用Firefox加插件测试,现在终于有了基于IE的测试工具,而且还是官方的,更令人惊喜的是里面居然有用标准IE7或IE8测试的选项。福音啊,总算有机会摆脱怪异的IE效果了。

抛弃IE浏览器多年,总算看到一个稍微有点水平的作品,但肯定啦,我的首选仍是FF,或者Google Chrome又或者Opera,IE永远是最后不得已的选择对象。如果不是IE6那个了,我也不会无聊到更新IE,微软的杯具啊。

有兴趣的童鞋,也试玩一下微软新一代的浏览器吧。

Page 1 of 212»
COPYRIGHT @ 我的天 | Theme by xrspook | Power by WordPress | Valid XHTML 1.1 and CSS 3 Go to top