Win10论坛

Win10正式版系统下载主题平板

重定义Modern UI,打造完美Windows全新体验

Windows10下载|安装|新手宝典|必备软件

搜索
查看: 8442|回复: 24

[测评] IE10支持html5 没有插件,网站一样可以很美 [复制链接]

UID
597645
帖子
45225
PB币
51965
贡献
0
技术
776
活跃
1047

应用界 荣誉会员 水神勋章

发表于 2012-10-25 15:23:36 |显示全部楼层
本帖最后由 zouyanghonda 于 2012-10-25 15:28 编辑

大家都知道ie9支持html5,但是比较弱。IE10则要好很多,来看看IE10的评测。

       因为越来越多的浏览是在日益增多的设备以及这些设备自带的浏览器上发生的,越来越多的消费者正在没有插件的情况下浏览。向这些不使用插件浏览的消费者提供优秀的网站体验,是一项非常重要的工作,因为网站必须要面向最广泛的目标群体。利用HTML5,现代的浏览器和网站即使不用插件,也能提供优秀的消费者体验。

      “插件”泛指使用浏览器的底层接口运行本地客户端代码的浏览器扩展。例如,这里是Webkit 方法的简单描述;在IE 里对应的就是ActiveX 控件和浏览器辅助对象(Browser HelperObject)。网站使用各种各样的插件,ActiveX 就是最常见的插件之一(为了让用户享受到更多更丰富的在线内容,微软将会和Adobe一起开发一款适用于Metro IE 的Flash 插件,但是其他插件不被支持)。




无插件浏览变得越来越普遍


      今天的许多 Web 浏览活动,都是在不支持“插件”的设备上发生的。支持插件的浏览器提

供了许多不用插件的运行方式。例如 Internet Explorer 9 就提供了ActiveX 筛选,其他浏览器

则提供了控制插件的附件。虽然可以将插件编译为在 64 位浏览器中运行,但许多开发人员只发布了在32 位浏览器中运行的版本, 运行64 位浏览器是无插件浏览变得越来越普遍的另一原因:

1.png

64 位Windows 同时包含32 位和64 位的IE


越来越好的浏览体验


       许多网站现在已经提供了插件不可用时的良好体验。例如,没有插件时(没有安装插件,如在64 位浏览器中,或者通过ActiveX 筛选禁用)用Internet Explorer 9 访问Hotmail 时工作得很好:

2.png

IE9 没有插件时访问Hotmail 收件箱


       有些网站在使用无插件方式工作之前,需要使用者采取一些操作。例如,如果想在没有插件的情况下使用YouTube,需要先访问http://www.youtube.com/html5,并单击“Join theHTML5 Trial”(加入HTML5 试验): 3.png


       在IE9 中无插件时显示的YouTube;左侧是加入HTML5 试验之前,右侧是加入HTML5 试验之后;右侧的上下文菜单表明,视频使用HTML5 播放
       其他网站在禁用插件时,则屏蔽部分或全部功能。例如,MSNBC.com 和CNN.com 取消视频;Gmail 目前屏蔽禁用插件的 Internet Explorer 9,因为它检查XHR ActiveX 对象,而不是使用从 Internet Explorer 7 以来就一直可用的Web 标准的XHR。从 Internet Explorer 7 之后,Web 已经有了很大发展,所以网站应该回头审视那些特定于旧版本浏览器或旧版本标准的代码。
5.png

有些网站在没有插件时禁用部分或全部功能


功能检测,网站开发人员如何做得更好


      许多网站已经提供了在浏览器插件不可用时的优秀体验。但当网站根据用户使用的设备或浏览器提供这种体验的时候,用户有一个问题。例如,如果一台PC 上的浏览器发送某台设备的User-Agent 字符串,则MSNBC.com 视频可以在无插件的情况下播放,但在同一台机器同一浏览器上,如果发送不同的User-Agent 字符串,视频就无法播放:
4.png



      如果开发人员使用功能检测和降级(fallback),而不是将网站硬编码到特定的浏览器和配置上,对用户会更好。例如,在没有插件的时候,检测并使用HTML5 视频,可以给用户提供更好的体验。许多网站在没有插件却要显示广告的时候,已经在做这种降级处理,证明这是一个实用而且具备伸缩性的解决方案。如果网站按照最佳做法,先测试基于标准的功能是否可用,然后只在必要的时候用插件进行降级,用户体验会更好。例如,下面分别使用XMLHttpRequest 进行功能检测的良好模式和不良模式:


  1. // 不良模式:不要这样做!
  2. var xhr = window.ActiveXObject
  3. ? new ActiveXObject("Microsoft.XMLHTTP")
  4. : new XMLHttpRequest();
  5. // 最佳做法:如果可用,使用本地XHR
  6. if (window.XMLHttpRequest) {
  7. // 如果是IE7+, Gecko, WebKit:使用本地对象
  8. var xmlHttp = new XMLHttpRequest();
  9. }
  10. else if (window.ActiveXObject) {
  11. // ...如果不是,尝试ActiveX 控件
  12. var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  13. }
  14. else {
  15. // 没有XMLHTTPRequest 机制可用。
  16. }
复制代码
      优雅地降级到其他内容,对于避免为消费者造成不佳体验非常重要。例如,在没有Adobe Flash 的时候,Gmail 视频聊天会优雅降级。有些网站只根据User Agent 字符串或其他特定于浏览器的属性提供降级。这种短期解决方案无法适应浏览器和用户浏览方式的变化。构建一个应用程序是有些网站(例如IMDB.com)对浏览器不支持扩展项的设备所采用的另一种解决方案。User Agent 字符串已经不再是决定应该提供哪个HTML 和脚本的可靠或健壮的方式了。
      HTML5 的能力使得消费者可以在更多设备、更多配置上体验当今的Web。对于Web 开发人员来说,这意味着有更多机会可以让用户访问他们的网站,使得他们更有动力让网站在没有插件的情况下也有出色的表现。来看一下微软针对开发者推出的IE10兼容性白皮书吧,介绍了更多的HTML5和IE10内容,相信你会获得很多帮助,下载地址:http://vdisk.weibo.com/s/bKge

Rank: 1

UID
3125746
帖子
91
PB币
296
贡献
0
技术
0
活跃
5
发表于 2012-11-6 12:39:03 |显示全部楼层
表示不是太懂
头像被屏蔽

Rank: 5Rank: 5Rank: 5

UID
128670
帖子
72
PB币
0
贡献
0
技术
0
活跃
273
发表于 2012-11-6 13:33:48 |显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽

Rank: 1

UID
3175458
帖子
1
PB币
0
贡献
0
技术
0
活跃
1
发表于 2012-11-6 14:10:08 |显示全部楼层
不是太懂 学习啊

你的微笑

Rank: 11Rank: 11Rank: 11

UID
1955082
帖子
5526
PB币
765
贡献
0
技术
11
活跃
570

数码达人 8周年庆典勋章

发表于 2012-11-6 14:24:01 |显示全部楼层
不懂路过,技术层面我只能看看

Rank: 7Rank: 7Rank: 7

UID
1978384
帖子
1573
PB币
2888
贡献
0
技术
0
活跃
296

7周年庆典勋章

发表于 2012-11-6 14:48:26 |显示全部楼层
专业术语啊

Rank: 1

UID
2447909
帖子
46
PB币
295
贡献
0
技术
1
活跃
77
发表于 2012-11-6 18:21:11 |显示全部楼层
我看五楼签名花的时间比正文长

Rank: 2Rank: 2

UID
1638032
帖子
62
PB币
401
贡献
0
技术
0
活跃
23
发表于 2012-11-6 20:30:37 |显示全部楼层
优雅降级。。

Rank: 2Rank: 2

UID
1580720
帖子
174
PB币
690
贡献
0
技术
0
活跃
93
发表于 2012-11-6 21:39:38 |显示全部楼层
什么是“优雅降级”

Rank: 2Rank: 2

UID
2909597
帖子
142
PB币
592
贡献
1
技术
0
活跃
6

IE体验先锋

发表于 2012-11-15 10:27:41 |显示全部楼层
我的浏览器不怎么安装插件,现在我是用ie10,里面就使用了css,然后,感觉还好,符合我现在的要求
是不是我要求太低了呢?

Rank: 5Rank: 5Rank: 5

UID
1726269
帖子
211
PB币
251
贡献
0
技术
0
活跃
11
发表于 2012-11-16 14:30:17 |显示全部楼层
这个可以学习一下。

Rank: 1

UID
3215256
帖子
11
PB币
91
贡献
0
技术
0
活跃
2
发表于 2012-11-16 15:00:47 |显示全部楼层
我觉得浏览器确实应该简化,但是有时候一些必要的小工具也是需要的,不能一棒子都打死。

Rank: 5Rank: 5Rank: 5

UID
52349
帖子
751
PB币
1464
贡献
0
技术
0
活跃
173
发表于 2012-11-16 19:41:05 |显示全部楼层
插件,万恶的插件,其实我也觉得没有必要。

Rank: 2Rank: 2

UID
2632529
帖子
176
PB币
464
贡献
0
技术
0
活跃
3
发表于 2012-11-16 20:54:56 |显示全部楼层
个人觉得插件不能一棒子打死,各取所需,扬长避短,当然有人指他........你懂的~~~~

Rank: 2Rank: 2

UID
603357
帖子
291
PB币
118
贡献
0
技术
0
活跃
77
发表于 2012-11-16 21:47:52 |显示全部楼层
桌面版的没有不带插件的浏览器

windows7

Rank: 2Rank: 2

UID
1572854
帖子
166
PB币
2361
贡献
0
技术
2
活跃
175
发表于 2012-11-16 23:37:25 |显示全部楼层
不太懂  但是用着感觉不错

Rank: 1

UID
1847868
帖子
26
PB币
296
贡献
0
技术
0
活跃
24
发表于 2012-11-17 13:02:14 |显示全部楼层
Good ! vb !

Rank: 1

UID
3221939
帖子
36
PB币
63
贡献
0
技术
0
活跃
17
发表于 2012-11-17 21:56:57 |显示全部楼层
学习了,

Rank: 1

UID
3221939
帖子
36
PB币
63
贡献
0
技术
0
活跃
17
发表于 2012-11-17 21:57:34 |显示全部楼层
lz,好东西

スタンダードのおたく

Rank: 15Rank: 15Rank: 15

UID
2122322
帖子
14344
PB币
2814
贡献
0
技术
621
活跃
376

7周年庆典勋章 灵感勋章

发表于 2012-11-18 01:37:39 |显示全部楼层
一看我还以为是水区
回顶部
Copyright (C) 2005-2019 pcbeta.com, All rights reserved
Powered by Discuz!  苏ICP备17027154号
请勿发布违反中华人民共和国法律法规的言论,会员观点不代表远景论坛官方立场。
远景在线 | 远景论坛 | 苹果论坛 | Win10论坛 | Win8论坛 | Win7论坛 | WP论坛 | Office论坛 | 电脑硬件 | 安卓软件