AirJD 焦点
AirJD

没有录音文件
00:00/00:00
加收藏

让网站展现效果更好的技巧 by 邹涛@360浏览器

发布者 html5
发布于 1435280307129  浏览 4302 关键词 HTML5 
分享到

第1页

360浏览器让网站展现效果更好的技巧
360浏览器  邹涛   2014.08.08

第2页

360浏览器介绍
2008年8月诞生至今,已有3.5亿用户,成为第一大国产浏览器,也是最受用户欢迎的浏览器;
2010年9月,首款无缝双核浏览器诞生——360极速浏览器;
2012年6月,360安全浏览器6.0发布,采用双核,实现对对HTML5全面支持;

第3页

HTML5关注度
2010开始,HTML5关注度明显上升。
百度指数
Google 趋势

第4页

2010年5月浏览器使用率
支持HTML5的浏览器并不普及
非IE内核浏览器
2%
IE6   65%
其他IE内核浏览器19%
IE7
9%
IE8
5%
07年发布IE7,09年发布IE8。
WIN7在09年11月发布到21年8月,占有率不足20%,XP占有率仍高达75%。

第5页

360浏览器在支持HTML5工作上做了什么?

第6页

一、推广HTML5浏览器
=
360极速浏览器
+
海量扩展
更新快
HTML5支持度高
安全性高
速度快
Chrome浏览器
缺少一些功能
标签栏太先进
Google同步太慢
恶意网站拦截率低
不兼容大量网站
标签栏可放在中间
搜索框
鼠标手势
更强大的皮肤支持
QQ空间多开
360网络帐户
360云安全体系
无缝双核
我们可以做的
并在2012年,基于360的双核技术,360安全浏览器也实现全面双核。

第7页

二、加入W3C大家庭
2012年1月30日,
中国首家互联网公司
加入W3C - HTML组
2012年5月16日,360受邀参加W3C会议
2012年6月5日,W3C CEO访华,首站访问360

第8页

三、向用户宣传HTML5

第9页

HTML5实验室
chrome.360.cn/html5_labs/

第10页

检测浏览器内核
chrome.360.cn/labs/

第11页

鼓励开发者开发HMTL5应用
360极速浏览器应用开放平台
独家翻译Chrome扩展开发文档
省去5美元的开户费

第12页

让你的网站展现效果更好的技巧

第13页

内核自由切换
360浏览器首创的“内核自主控制”功能
添加内核控制Meta标签:
只要你在自己的网站里增加一个Meta标签,告诉360浏览器这个网址应该用哪个内核渲染
了解更多:http://se.360.cn/meta.html
省去5美元的开户费

第14页

内核自由切换
举例:
<html>
  <head>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
  </head>
  <body>
  </body>
</html>
content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用webkit内核,IE兼容内核,IE标准内核。 
若页面需默认用极速核,增加标签:<meta name="renderer" content="webkit"> 
若页面需默认用ie兼容内核,增加标签:<meta name="renderer" content="ie-comp"> 
若页面需默认用ie标准内核,增加标签:<meta name="renderer" content="ie-stand">
省去5美元的开户费

第15页

自定义新标签页中网站logo
360浏览器的新标签页中网站logo可自定义;
现在已经有超过2万网站拥有自定义logo;
提交网址:http://site.browser.360.cn/master/;
图片尺寸:370X224px居中对齐,LOGO部分最大范围为252X110
省去5美元的开户费

第16页

网站点评
2012年4月上线网站点评功能
基于千万用户对于网站的真实点评,还原网站的真实情况。
搜索引擎收录更快;
网站识别度更高;
网站更快更安全;
用户沟通更加直接。


申请网址:http://yx.360.cn/master/apply
省去5美元的开户费

第17页

Thanks
支持文件格式:*.pdf
上传最后阶段需要进行在线转换,可能需要1~2分钟,请耐心等待。