简介

       在前面的几篇文章中,我们介绍了IE8的一些非常酷和有用的新特性,在本文主要是介绍,在把自己的项目迁移到IE8时候的一些考虑。在介绍本文的内容时,将场景分析与技术选择等结合起来,分析在当前场景中如何去完成升级的任务。

       在本文的描述中,我们假定以一个企业的人力资源系统为背景,然去安排人员把它升级到IE8。

升级你的项目

       当你决定把你的项目(产品)升级到IE8平台下时,你就需要考虑升级的过程和策略了,要从整体上做规划,要考虑到升级时需要的时间、资源,带来的好处,以及可能存在的风险,并且给出各种预订的处理办法。

一般的,我们把升级过程大致分为以下几个阶段:

  • 定制计划
  • 准备就绪
  • 开发
  • 测试和验证

       在定制计划阶段,我们主要是关注从整体上对升级的工作做规划。在IE8升级的时候,在了解IE8的新特性后,明确我们目前能够应用到的功能特性后,再结合自己产品的功能特点及应用场景,去对自己项目升级的目标做个初步规定,如果是面向大众的公共网站,我们可以定义那些通过我们开发的IE8的新特性来访问网站内容的用户的数目为目标,期望通过新的服务和功能的增加,能够带来最终能够增加访问量。如果是企业应用型的网站,期望能够让这些IE8的新特性,作为打动客户的亮点,给产品带来竞争力,总之我们需要给自己的产品定义一个可以供检查的目标,否则没有必要为了应用新技术而用它,那样是没有任何价值的。然后我们还需要定义出大致需要花费的时间,包括技术储备、开发实施,以及切换到生产环境等花费的时间,同时需要定义投入的资源,如外部专家支持,企业开发人员、运营维护人员。在升级的时候,是否会对原来的系统做较大的改动,需要评估,并给出一个争取尽量少的改动,也可以带来尽量好的效果的方案。计划定制时候,还有很多需要注意到地方,这些不是本文的重点(本文还是以技术方面为重),大家在做自己IE8升级时,根据自己公司的实际情况,去做考虑。

    在准备就绪的时候,主要包括开发环境准备就绪,建立项目团队,人员知识准备就绪等内容。首先是要去了解到IE8升级的时候,需要准备的开发和测试环境,幸好IE8升级的时候,只需要安装一个IE8就可以了,其他你可以在目前的开发环境中做事就可以了。其次,需要根据你选择出来要实现的IE8的新特性,及新特性应用的模块多少,确定出来工作量后,安排适当的人员来完成它。在人员到位后,我们需要去做知识准备就绪的工作了,如果项目工期比较紧,可以请外部的专家来做培训,最好是在专家带领下,根据自己产品的情况,选择一个或者几个典型的功能,来带着自己的开发员做POC,这样能够在项目升级前,把技术问题解决了,使得后期的开发工作,仅是一个量的问题,而不会因为技术的不足,造成了时间上的延迟。

    现在开始进入具体开发的时候,要注意开发员和美工的协同,开发员之间的协同。在IE8升级的时候,有一个需要特别注意的地方,是要保证你做的基于IE8的新特性,要能够在各个操作系统(windows 操作系统)内容,都能够正常运行,而不能只是在你的目前的开发环境中能够运行就可以了,这也是我这段时间做IE8项目时候感触最深的。

    测试和验证,测试的时候最好找不懂技术的人,或者是你原来系统的使用人员,让他们去用你升级后的项目,问问他们的感想,你会发现有很多是需要自己改进的,如果你能够得到他们的认可,那么你的团队这段时间的努力和辛苦是有价值的。

技术选择和注意办法

    下面,我们将介绍一下IE8升级时候的一些常见的应用场景、技术选择办法,以及我们需要特别注意的一些基本点。

     首先,我们需要处理好网站的兼容性,确保你的网站能够在IE8里面正常的使用。这里的兼容性处理,不是说的通过IE8访问网站时候,我们使用兼容性视图来访问网站,而是说的从网站开发的角度,直接提供兼容性的网站,避免用户使用时候发现不兼容的情况。在处理兼容性的时候,最彻底的办法是,直接里面IE提供的开发人员工具去调试你的网站,把不兼容的代码都调整好,使得你的网站能够符合IE的要求。但是如果在短时间无法修复所有的IE8不兼容的问题,可以在页面当中加入Meta标签,从服务器端强制IE8使用“IE7模仿模式”,可以用以下办法:

  • 全站修改,修改服务器的HTTP头信息,增加指令:X-UA-Compatible:IE=EmulateIE7,主要用于在无法对全站进行测试,而可以通过次方式使得IE8浏览模式暂时失效
  • 单独页面,如果只有部分页面在IE8中显示不正常,只要个别页面有问题,建议在出现问题的页面首页,在Head标签内添加Meta标签,“<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">”

    加速器的使用,个人的理解,加速器主要是用来帮助用户拷贝好指定内容,并且提交给具体处理服务,因此可以根据这些特征,在人力资源管理系统中,我们可以提供“职员信息查询”、“组织机构查询”、“邮件(消息)发送”等加速器, 这些是我们系统中能够给用户带来切实效果的功能。我们在网上冲浪的时候,如果看到了我们公司的某个人员的名称(组织机构名称)时候,需要进一步查询详细信息的时候,只需要选择该用户名,然后再点击一下加速器,这样就能够在弹出的快捷菜单,我们的加速器的预览窗口中看到该人员的详细信息,这个时候你不需要登录我们的人力资源管理系统,更不需要去输入,再点击查询等操作。同样,我们可以可以把自己浏览到底信息,通过加速器直接提交到邮件或者消息发送到加速器,非常便捷的共享信息。

    web slice的使用,个人理解,web slice就是一个rss的订阅,只是目前它可以对页面做部分订阅,而且通过IE8来通知用户更新的信息。那么在我们的人力资源管理系统中,我们可以做“我的任务列表”、“我的邮件(信息)列表”、“申请和审批列表”等加速器,可以把这些变化着的信息及时通知用户,避免用户需要一直登录系统,而且去做刷新(现在可以用无刷新技术了)它,才能够得到信息。举另外一个例子,或许更形象些,例如我们去在线看小说的时候,在我们的小说收藏列表有一大堆小说,每个小说的作者更新的时间又是不定的,作为读者的我们,希望能够最快的看到作者发布的新的章节,那么我们可以去做一个“最新更新小说列表”的Web slice,可以避免我们去登录、刷新的操作,要知道不是每次刷新都会有新的章节出现,那要作者发布了才有的,所以这个小说网站有了这个Web slice后,我们只需要看看IE的收藏夹工具栏上,看有没有提示,如果有了,就去点击更新了的那一条记录吧,我想这个时候,你可以把更多的时间花到你该做的工作吧(小说看看而已,不要花太多时间了)。

    即时搜索的使用,这个搜索是我们为自己的站点做的自定义的搜索,能够在IE的搜索框中使用。在我们的人力资源管理系统中,我们可以把职员信息、组织机构信息等作为搜索对象,并且提供可视化建议,那么用户在IE搜索框中,输入关键词后,就能够得到“图像+描述”的结果,我们在使用这个搜索的时候,甚至不需要进入到我们的系统中,而直接随时随地的可以去做搜索。

    最后还有一个需要考虑的是,如果我们没有把全部站点升级到IE8,或者升级到了IE8,我们都需要一个非常关键的页面,把我们做的IE8的相关功能的集中上去,用户访问这个页面时,就可以安装和部署你编制好的各个与IE8相关的新特性和新功能,然后就能够在系统中使用了。

优化和拓展

   我们升级完成了,但是你可以做的更好,如,我们在各个预览窗口中,尽可能的做的美观些,尽可能的把用户最关心的信息给显示出来。做的美观些,我们可以用Silverlight等新的技术,去提供更炫更酷的预览窗口。显示用户最关心的信息,这点也是非常重要的,例如我们在“我的任务列表”web slice的预览窗口中,如果显示了“任务ID、任务标题、发送人、接收时间、任务状态、图标、...”,事实上与任务相关的东西有很多,我们不可能在那个小小的预览窗口中,把他们都显示出来,所以我们考虑用户最关心的东西,会发现,只需要去阅读一下任务标题就大致知道情况了,然后具体的内容我们可以打开每个任务的详细信息页面就可以知道了,所以最终我们把“任务标题”显示在预览窗口中了。所以我们做这些新功能的时候,需要好好思考一下,如何做才能给更好。

posted on 2008-11-05 11:53  月华  阅读(468)  评论(0编辑  收藏  举报