Ver. 4.0

“本文为存档日志,实际发表于2009年8月”

哇。。。。哦~没想到上次更新竟然是在2年前的某一天,暗自感叹时光飞逝,今后必将好好珍惜。

Aitlife.com经过2年的发展如今已经步入一个相对稳定的阶段,不过稳定不意味着没有创新,aitlife每天都在变化,只不过有些变化肉眼很难察觉罢了。

想知道aitlife.com在这两年内有什么变化吗?那就继续看下文吧~

在这段时间内,我的主要工作是优化网页结构并改善浏览器兼容性,这些琐碎的事情一旦开始变多就会变成灾难,或者至少是让人崩溃的。

其实在学习网页制作的初期我就知道浏览器有不同标准,因此同样的一个页面在不同浏览器中会有不同表现,事实表明,现在主流的浏览器都或多或少存在各种问题,无论是IE、Firefox还是Chrome都是如此,这样一来以我个人能力实在无法兼顾所有,只能尽量保证绝大多数用户能够正常访问我的网站。

我在制作网页时主要是用IE和Firefox来进行调试的,因为按照我的站点统计来看,98%以上的用户使用这两款浏览器,所以我也不关心其他诸如Chrome、Opera等的表现到底如何,是不是会出现错误。而且我自己也懒得安装那么多浏览器,万一冲突就很麻烦了。

直到最近在单位没事心血来潮,在电脑上同时安装了Chrome、Opera和Safari,随后登陆自己主页一看,结果傻了。。。

没想到以往在IE和Firefox中显示正常的主页竟然在其他三款浏览器中面目全非,结构混乱、排版错误而且还出现其他莫名其妙的问题,总之我敢打赌是人的进去都不会再访问我的网站了,因为这比山寨还山寨的主页早把人们的访问欲彻底扑灭。正因为这次“无意”的浏览,让我彻底明白兼容性的重要意义。

很长一段时间我一直把IE作为网页开发的核心,2年前开始我慢慢将一部分注意力移到Firefox,这2款浏览器的特色很明显。IE:不按照CSS规范的浏览器,但是用户基数多,所以开发人员优先考虑;Firefox:遵循CSS规范,但是用户数相对少,小型网站可能不考虑兼容。由于aitlife.com本质上还是一个mini站点,规模很小,因此原则上我完全可以不管其兼容性问题,但是我很快发现,我的网站每天都会有Firefox用户,而且正在呈上升趋势,因此2年前我也开始慢慢将部分页面进行优化或者重制,以符合Firefox的要求,目的也是为了使用户能够更好地进行访问。

就在不久前,微软在欧盟地区的浏览器垄断案也有了结果——为避免继续遭到欧盟制裁,微软同意将IE作为Windows操作系统的可选浏览器而不是默认浏览器。这意味IE在欧洲的垄断地位正在走向终结。这件事的另一方面,其实也是给各大网络公司提了一个醒:是时候考虑网站兼容性问题了。当然,aitlife也必须跟进。

必须承认,我的计算机水平实在有限,而且时间上的限制也让我没有办法学习更多的网页编程技术,因此想要在短期内把整个网站弄得十全十美是不可能的。

当我用Chrome、Opera和Safari审视我的主页后,我便下决心一定要把aitlife的兼容性进行提升,大不了重做主页。因为这个工作早晚要做的,那还不如现在就开始免得以后没法下手。

现在绝大多数网站是用CSS来进行布局和美化的,用JS代码来控制特效和页面效果,巧的是CSS和JS都有不同标准,而我的能力仅限于微软的那套方案。

因此我的办法是这样的,用ASP来判断客户端的浏览器环境,然后根据浏览器来调用相应的脚本实现网页效果。通常来讲,我制作的网页效果偏向于IE,这也是能力使然没有办法。很多JS代码在IE工作时正常,但跑到其他浏览器就完全没有反应了。所以我把一些效果做成VB脚本的格式,这样就可以被ASP从服务器端执行,客户端(浏览器)本身不参与编译所以不用考虑兼容性。这种方法在很大程度上解决了一些问题,但由于还有一些程序非常复杂,我实在无法将他们转换为VB脚本,因此在其他浏览器中我只能将这部分效果丢弃或者放些无关痛痒的东西来填充。

另外,关于CSS(层叠样式表)也是一个棘手的问题。现在浏览器兼容CSS的情况各不相同,就如IE来说,他并不符合CSS的全部规范,甚至相比Firefox等浏览器来说差很多,但就算是这样一个“差劲”的浏览器,开发人员还是尽力为之效力,原因只有一个:市场需求。

说来也怪,我在开发网页时发现,很多在IE中显示正常、布局精准的表格和页面元素一旦使用其他浏览器就会出现偏差,有时候一个表格就是会出现1~2个像素的偏差,怎么改都没用,让人头疼。明明已经在IE中调试成功的结构总会因为浏览器不同而使布局出错,即使是那么一点很小的误差。

CSS语法在IE中并不完善,很多CSS效果在IE中无法实现,当然Firefox也存在这个问题。为了避免不同用户看见不同内容,我在网页中只使用最基本的CSS代码,确保各大浏览器都能获得正常的效果。

几周前我又发现ASP动态页面不能调用外部CSS中的中文字体定义,好在论坛的高人们指点迷津帮我解决了这个问题。看来还是有很多意想不到的问题存在啊~

最后我再透露一个秘密~aitlife.com正在筹备制作一个新的版块,页面风格会和现在截然不同,算是作为一个新的尝试吧。不过这需要一个制作周期,可能会比较长,因此大家有空多来逛逛啊。那啥~还有一个信息告诉大家,主页顶端现在添加了装饰性图片,每隔一段时间都会更新一下,风格各异,比如现在主页顶端是一张修饰后的艺术图——闪电、日食,把它作为PS的学习成果展示也不错哈~

好了,说了不少了,本期《网站介绍及更新日志》就到这里,说实话不知道下次更新会是猴年马月呢~反正大家经常关注我博客就行了,主页上那么多版块有空多去看看们会有意想不到的收获哦~

TIME’s UP ! byebye啦,各位~~~

更新于2009年8月