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个小时,因为感觉没事干,现在有点痴呆,但非常满足。

2012-07
6

WIN7下VirtualBox装XP试玩记

By xrspook @ 23:36:38 归类于:烂日记

今天单位的车异常紧张,所以我被分配到坐主任的车回家。领导有饭局,所以在一个非寻常的地方把我放下,只要到了广州,放哪里我都能回家。就像给了我Windows系统,我都能操作运用得当,虽然有些可能不怎么纯熟。今晚是从棠下附近回家的,那个地方离琶洲大桥北非常的近,只要是过琶洲大桥的,过桥后不往左拐的车我都合适。在方向和坐车方面我还是很自信的。由于差不多比平时晚了大半个小时离开,所以回到家已经是晚上7点半。

马上开机,马上把WIN7下的IE8升级为IE9,感觉呢,比在单位的虚拟机里升级要快。可能是电脑的原因,也可能是IE9比IE8靠谱的原因,网页秒开!

然后呢,我马上装VirtualBox,不能在下载安装IE9的时候安装VB,因为VB安装过程中会有个断开网络的过程,这样我的IE9就歇菜了。所以呢,在IE9缓慢下载安装的时候我把U盘里的各种东西都先移动到电脑里。

要用ghost在VB装系统,我也不用去尝试了,反正先用PQ分区格式化就好。WIN7和XP真不一样,VB里XP默认192MB内存就够了,WIN7是512MB!虚拟硬盘,XP 10GB,WIN7是25GB!安装出来的系统,VB的vbi文件,WIN7通常都要3GB以上,但XP 1.5GB左右就够了。安装时间更是大不同,ghost的过程,单位的1GB内存XP装WIN7要起码大半个小时,但家里的4GB内存WIN7装XP 1分钟就好了,我简直看傻眼了!

值得重视的是,在WIN7里VB安装镜像ghost通常在还原完毕重启进入XP继续安装的时候都会遇到蓝屏问题。蓝屏啊,经历过Windows 98的人都会对那个心有余悸。还记得高中时当年金山毒霸让我的98蓝屏不断,吓晕了。大学时期,室友那有问题的硬盘不时就蓝屏。

关于VB下虚拟XP的蓝屏,我遇到的情况是这样的。第一次装的是(修正)金狐XP SP3 (IE6/IE8,GHO/WIM) 极致系列[4+1+1] 【唯美之最,快稳兼备】,蓝屏,于是我转为安装雨林木风 Ghost XP SP3 快速装机版 YN2012.6 [NTFS],一样,开始以为是版本问题,但现在,事实证明这应该是共性问题了,就像VB装ghost不能直接自动ghost一样。

上网找找,办法是必须有的,比如说这个

我的解决办法是PE下ghost完毕后不马上重启,而是进入C:WINDOWS/system32/drivers下,把processor.sys和p3.sys分别重命名为processor.sys.bak和p3.sys.bak。然后再重启,这般操作后,今晚装的2个XP都没有再遇到蓝屏问题鸟。

今晚第一个安装好的是雨林木风 Ghost XP SP3 快速装机版 YN2012.6 [NTFS]。

家里的I3 4GB下的WIN7就是不一样,可以使用无缝模式,HOST+L,不仔细看,你真不会看出这是2个系统来,主系统是WIN7,上面的XP是虚拟货。

家里的显示器是19寸宽屏,最大分辨率是1440*900,所以在XP下,我的极限就是1024*768了。

这是窗口效果。

哈哈,我是今天才知道如何在XP系统下如何修改管理员名字的,真是后知后觉。

非常简单,就是在开始-运行里输入“control userpasswords2”,然后双击administrator改掉就好。WIN7下,改那个太方便鸟,管理员直接就能改名字。

在折腾蓝屏的时候我又下载了一个金狐号称没有bug的金狐GHOST龙祥系列[6+1] WIN7/XP 64位/32位 【龙年精品,狐友珍藏】。雨林木风的是装机版,所以装完以后我还要很神经质地往回删软件,后来这个金狐,我是看准了纯净版才下手的。

相比之下,金狐的安装更快,因为雨林木风还有一个解压常用软件的步骤,金狐纯净版除了系统本身就只有驱动了。

有对比有真相,我开始以为是幻觉,后来意识到完全不是!!!

金狐纯净版开机只需12秒,关机只需5秒,而雨林木风开机需要近30秒,关机也要近10秒,巨大的差距啊!!!!两个版本XP,金狐的vdi占1.67GB,雨林木风的占2.08GB。

有对比有真相,在什么都不开的前提下,两个系统的数据是这样的,内存用量大概相差10MB。

在同一个IE8网页的环境下,两个系统的数据是这样的,相差13MB,但感觉大不同!金狐的网页,秒开,我双击完它的IE然后双击另一个窗口里雨林木风,我才刚点完雨林木风,金狐的就已经完全展开了,而雨林木风的,从我点到网页完全展开起码要10秒。

我已经成为金狐的忠实粉丝了!!!!!!!!单位的WIN7是金狐纯净版的,家里的XP也是喜欢金狐的纯净版。不过呢,金狐的装机工具里没有PG或者PM,所以我要留一个有PG的雨林木风系统来先格式化虚拟硬盘。

地球人已经无法阻止xrspook神经质了,哇咔咔~~~

2012-07
5

胜利是属于勇于去折腾的人的

By xrspook @ 17:56:22 归类于:烂日记

经历过微软官方WIN7IE8无法更新为IE9,经历过下载一个精简版WIN7无法识别网卡,经历过下载2个ghost完整版WIN7无法自动安装,最后,我终于在一个XP iso的PQ分区格式化后安装上了某ghost完整版的且自带IE9更新的WIN7!内牛满面~~~

之前,我没玩过虚拟机。

之前,我没试过裸机装系统。

之前,我没试过PQ/PM格式化。

之前,我没试过用ghost。

之前,我没试过自己装WIN7。

之前,我也没成功过在WIN7里IE8升级IE9。

之前,我不知道网络不通没有网卡如何让虚拟机和实体机共享文件夹。

但在两天内,这些玩电脑最基础的工作,我都学会了。这般折腾,纯粹是为了在XP HOME EDITION的系统下用IE9测试网页!我是不是神经质的呢?有人会和我一样执着干这个跟我工作/专业毫不相干的折腾事吗?

好吧,这就是成绩了!

Oracle VirualBox下运行的Windows 7,当然了,WIN7中运行的就是大名鼎鼎不跟XP玩的IE9。

有F12有真相,现在这个界面是标准的IE9模式。

由于这个是完整版的WIN7,所以系统还附带了很多杂七杂八的东西,其它我都卸载光了,唯独Microsoft Office 2003和QQ2012怎么都搞不掉。

现在估计没有人会用加起来25才GB的硬盘了,哈哈,因为这是虚拟器里的玩意嘛,一切皆有可能。

有留意到我设定的计算机名吗?DESTINY!!!!!意思是虽然期间坎坷,但我总会走到这里。

上午我装的是雨林木风 Ghost Win7 SP1 快速装机版 YN2012.06(32位)(自带IE9) 装完以后,占用硬盘7GB多,我不甘心,下午又装了一个金狐windows7sp1完美精简GHOST版,IE8升级完IE9后占用硬盘3GB多,我满意了!后一个系统完全没有自动安装这样那样软件,最喜欢了!只要能保证上网,只要IE9能运转顺畅,对我来说就足够了。

每天都有所得真的很高兴,但不开玩笑,几天下来,光是系统装机文件我就下载了不下10GB,幸好单位网速给力,才让我有可以放手折腾的资本。

PS:必须记录一下VirtualBox下如何安装ghost系统!!!!!直接自动安装是不行的,会显示出错,所以必须地用PQ/PM(貌似除了这两个,其它的我都没成功过,跟ghost一样无法运行)对虚拟硬盘分区格式化,然后进入虚拟光盘的Windows PE,在那里把系统ghost到系统盘。需要说明的是在PQ/PM的时候必须把你理想的系统盘设定为“作用”。ghost操作不能用虚拟光盘列表里的自动模式或手动模式,必须进入PE再ghost。这个不能直接ghost的硬伤听说VM不会,我觉得这源于VB的动态分配,不过这个原因我纯粹瞎掰啦。反正呢,简单来说在VirtualBox下装ghost系统就是要分区格式化后再在PE里ghost。VirtualBox下安装WIN7的完整教程请这边走

2012-07
4

前所未有地想学好javascript

By xrspook @ 17:36:37 归类于:烂日记

试图强行理解点点的mars教程,未果。一些东西是前台的,一些东西是后台的,前台的我明白怎么着,但后台的,我可以怎么办呢?不只是.js还有.json等等。我的瓶颈是一点都不知道它们到底何去何从,非常想插一脚,但不知道怎么插。

前所未有地,我觉得我真的非常有必要学习javascript了!深入地!

很久很久以前我就接触那玩意,但当时它给我的印象是用来在网页上玩花俏的,javascript和php不一样,php是服务器层面的,javascript是网页层面的。但现在,点点的模板核心mars是基于javascript开发的,也就是说那些不是花俏,只要你想得出来的功能都得通过js给服务器再返回数据。当js对我来说从华丽派转为实力派后,我必须的把这玩意拿下了!

昨天下载了VirtualBox,也下载了WIN7IE9的gho,但今天才发现VB不认识gho,于是只好重新下iso。那个传说中的WIN7IE9系统正在虚拟机里安装中。速度嘛,我不能说很慢了。经历过非ghost版的XP安装,神马都不能说慢鸟。从前安装一个XP就要起码2小时啊!

有时我真的怀疑如果我去读计算机专业现在会不会更牛X呢?还是,我在计算机方面现在展示出来的成绩只是我内在蛮劲的一个表现?可以在计算机方面展示,也可以在其它方面展示?可能吧,大概吧,也许吧,因为貌似我很想做到的事一般不会完全没结果,即便结果是mal而不是bueno,绝大多数情况下,结果不会mal的,因为对我来说我只允许mal是过程,mal后要继续努力,所以最终,你懂的。

什么才能让我绝望呢?不知道呢。有些东西会负面影响我,但睡一觉醒来以后,大部分都不复存在了。随着时间的推移,越发淡薄。

我年轻,我有时间、有精力,所以我要学习,去达到目标、实现梦想。

2012-07
3

解决了IE9下的神奇filter黑背景

By xrspook @ 21:06:42 归类于:烂日记

追求梦想是一个永不止步的过程,正是因为期间的不容易才让一切变得不是一般的有趣。

昨天发现了IE8的问题,我开始拼死地想做IE9的网页测试。最后,我装了微软的Vitural PC 2007,虽然,那个玩意说不兼容Home Edition,然后我下载了Win7-IE8的镜像文件,在解压过程中波折重重,其中包括首先把硬盘的东西移走,然后修改临时文件夹到最后的得知解压文件大小为近9GB的时候我不得不把原来FAT32的磁盘在数据没有备份的情况下格式化为NTFS。冒了很大的风险,经历N多困难,最后当我能在虚拟机里运行出英文版Win7的时候,那个激动啊!因为我下载的是IE8,需要升级为IE9。首先我需要解决的问题就是我必须让虚拟机上网,好不容易在NAT模式下自动匹配IE上网了,用了很长时间我才明白到这样的IE9升级可以说是不可能完成的任务。

我甚至要狠心装一个虚拟机去测试网页啊!我为什么要这样呢?因为从Goolge的分析数据看来,浏览我网站的人中有40%来自IE9,我必须照顾IE9的效果,同时,在中国,IE8以下是盛行的,所以,IE6-9是我必须面对的问题。

幸好,有网友做我的坚实后盾,帮我在IE9下刷新测试。谢谢他!但,如果可以选择的话,我希望一个人能把这些测试工作都完成好。

都说IE9不理会IE从前一直使用filter,事实证明不然!IE9会CSS3,但IE9没有把filter视而不见,而是偷偷地继续调用了那个滤镜。特别,当CSS3和滤镜同时在一个class里设定的时候,它两种都用上了!恰逢,我今天用到的是CSS的垂直翻转效果。

IE9下CSS3是这么表述的:-ms-transform:translateX(-100%) rotate(-90deg);-ms-transform-origin:right top;

IE9以下的IE版本,filter是这么表述的:filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

只使用filter,IE9下是这个效果。

CSS3和filter都出现在同一个class里,IE9下是这个效果。

只使用CSS3,IE9下是这个效果。

于是,谁还敢说IE9对filter完全没feel呢?如果真的没feel,应该像Chrome或Firefox那样鸟都不鸟,但显然不是。

昨天的问题有解决思路了——精准的浏览器选择!

我一直都觉得应该把代码都写在class里,当遇到IE9的时候kill掉一些。但无论我用filter:;,filter:-;,filter:none;等都无济于事,可能filter根本只能enable和disable。后来,点点的工程师提醒了我,减法不行的话,我可以用加法!我不一定要把代码全部都写在class里,遇到IE9减去,我可以直接不在class里写filter,而当遇到IE9以下IE时再加上!

哇咔咔,就是这个思路了!

所以最终,我在主体class里去掉了filter,在文件头加上了这么一段hack。

1
2
3
4
5
<!--[if lte IE 8]>
	<style type="text/css">
		.stitch_active > h2,.stitch_header > h2{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
	</style>
< ![endif]-->

地球终于被拯救了!!!!在写这段hack的时候出过一个笑话,我把“lte”写成了“Ite”,幸好被点点工程师发现了!尼玛,lI1(小写L、大写i、数字一)在某些字体下真的很难分辨的说。“lte”的意思是小于或者等于。

累并快乐着真好!

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