浏览器战争

～浏览器是什么以及为什么...

Authors:	Zoom.Quiet
URL:	http://zoomquiet.org/res/s5/131001-war-of-browser/

<免责/>

山寨的，非业界公认的，个人体验为基础!

参考所有同好行为总结而得

一切资料来自网络互动挖掘
一切想法来自日常学习工作
一切体悟来自各种沟通交流
一切知识来自社区分享印证
一切经验来自个人失败体验

高橋流!

Takahashi-method 幻灯风格源自 Ruby 创始人高橋征義(Masayoshi Takahashi)

文字

Takahashi-method 幻灯风格源自 Ruby 创始人高橋征義(Masayoshi Takahashi)

巨大

幻灯

Takahashi-method 幻灯风格源自 Ruby 创始人高橋征義(Masayoshi Takahashi)

很多

播放

Takahashi-method 幻灯风格源自 Ruby 创始人高橋征義(Masayoshi Takahashi)

快!

播放

Takahashi-method 幻灯风格源自 Ruby 创始人高橋征義(Masayoshi Takahashi)

很快!

播放

Takahashi-method 幻灯风格源自 Ruby 创始人高橋征義(Masayoshi Takahashi)

非常快!

所以:

Takahashi-method 幻灯风格源自 Ruby 创始人高橋征義(Masayoshi Takahashi)

听

<brief/>

最想跟同学们吼的...

5' 有关ZQ
15' 浏览器的过去
15' 浏览器的现在
15' 未来的浏览器
15' 自由吐糟

<Zoom.Quiet>

是也乎

奔四

广告@常州

大学时代入错行，浪费两年;-{

1999

开发@上海

战上海:HTML->JS->PHP->XSL->Py

~2004

2003:CZUG.org

learnning Zope/Plone...

C hina
Z ope
U ser
G roup

2004:啄木鸟

admin. MoinMoin 1.2.4...

^{MoinMoin 1.4.*}
^{MoinMoin 1.7.*}
^{MoinMoin 1.9.*}

PI@北京

混北京:SINA->CPyUG->SLL

~2007

2005:CPyUG-> BPyUG

working with Python,in SINA.com

BPUG-logo-v1.3.png

2005:CPyUG-> BPyUG

working with Python,in SINA.com

BPUG-logo-v1.3.png

2007:ZPyUG

在北京,主持完成了25次技术分享
进入金山,使用Python 进行了各种平台的构建~ KTRAC
spreading Python everywhere to everyone...

珠三角
P ython
U ser
G roup

ECUG.org

spreading Python everywhere to everyone...

2009-09-01 出版

将多年的体验,集中到一本入门图书 "可爱的Python"
并主持ZPyUG 近10次技术分享

snap4ZQMBP_apac2010.png

PyCon2011China

首次PyCon 落地中国...

snap4ZQMBP_pycon2011cn.png

PyCon2012ChinA

首次 PyCon中国双城市联办...

snap4ZQMBP_pycon2011cn.png

过一万人!

121024首次 Hackathon 前!

snap4ZQMBP_pycon2011cn.png

PyCon2013ChinA

今年3城联联办...

snap4ZQMBP_pycon2011cn.png

珠海GDG

Google Developer Group...

2013-09-14 13-03-12-MOTION.gif

珠海GDG

DevFest2013

2013-09-14 13-03-12-MOTION.gif

综上...

基调是分享交流;-}

俺就一

社区大妈

综上...

;-}

最大

成就

牛妞

\ (^o^) / 596d

我的女儿刚刚一岁半,非常牛,,,脾气牛,头脑牛,虽然不会说话,但是已经能指挥我们干活了...
120426-niuniu-表情帝

牛妞

\ (^o^) / 1096d

我的女儿刚刚一岁半,非常牛,,,脾气牛,头脑牛,虽然不会说话,但是已经能指挥我们干活了...
131011_nn1595d-princess.jpg

牛妞

\ (^o^) / 1595d

我的女儿刚刚一岁半,非常牛,,,脾气牛,头脑牛,虽然不会说话,但是已经能指挥我们干活了...
131011_nn1595d-princess.jpg

</Zoom.Quiet>

纯种Pythoner，自由软件原教旨主义者
关注社会化教育及知识管理；喜爱SF和摄影。
尝试使用Pythonic体验感化国人主动进入自由软件世界体验/学习/再创作

(^.^)

<brief/>

最想跟同学们吼的...

5' 有关ZQ
15' 浏览器的过去
15' 浏览器的现在
15' 未来的浏览器
15' 自由吐糟

什么是浏览器?

What Browser? – Google

Google 注意到大众已经完全不知道什么是浏览器了

Browser wars

一切没那么祥合...

WorldWideWeb_FSF_GNU.png

战争之前

1990 Tim Berners-Lee
WorldWideWeb->Nexus
1994 终止,是的就是Jobs 领导下的 NeXTSTEP...!

[万维网发明人Tim Berners Lee谈“开放”(Open)的8重含义 - 自由讨论和其它各种话题论坛 (Free Discussions) - 中国谷歌开发者社区论坛(China Google Developer Group Forum) -](http://chinagdg.com/thread-3220-1-1.html)

平和的Geek 世界

Lynx 猞猁

Foteos Macrides and members of the lynx-dev list have developed and supported Lynx since release of v2.3 in May 1994. The Lynx2-3FM code set was released as v2.4 in June 1995. The Lynx2-4FM code set was released as v2.5 in May 1996. The Lynx2-5FM code set was released as v2.6 in September 1996. The Lynx2-6FM code set was released as v2.7 in February 1997. The v2-7FM code set was released as v2.7.1 in April 1997. The v2-7-1FM code set was released as v2.7.2 in January 1998. The 2.7.1 development set was released as v2.8 in March 1998. The 2.8 development set was released as v2.8.1 in October 1998. The 2.8.1 development set was released as v2.8.2 in June 1999. The 2.8.2 development set was released as v2.8.3 in April 2000. The 2.8.3 development set was released as v2.8.4 in July 2001. The 2.8.4 development set was released as v2.8.5 in February 2004. The 2.8.5 development set was released as v2.8.6 in October 2006. The 2.8.6 development set was released as v2.8.7 in July 2009.

战争之前

1993 Mosaic 1.0

WorldWideWeb_FSF_GNU.png

IE 1.0

1994 M$ 购入 Spyglass
发布 IE v1.0 完全上不了台面

WorldWideWeb_FSF_GNU.png

Browser war I

1995~1998

WorldWideWeb_FSF_GNU.png

Mosaic 3

1994 Mosaic成立公司
伊利诺伊大学的商标问题

WorldWideWeb_FSF_GNU.png

Navigator

1994.11 改名为 Netscape 网景

Mosaic公司成立后，由于伊利诺伊大学拥有Mosaic的商标版权，开发团队必须彻底重新撰写浏览器代码，且浏览器名称更改为Netscape Navigator

IE 3.0

1995.8

WorldWideWeb_FSF_GNU.png

IE 4.0

1997.4

WorldWideWeb_FSF_GNU.png

AOL收购Netscape

...

WorldWideWeb_FSF_GNU.png

Browser war I 后

...

WorldWideWeb_FSF_GNU.png

Browser war II

...

WorldWideWeb_FSF_GNU.png

Firefox Logo

...

WorldWideWeb_FSF_GNU.png

Firefox 1.0

2004.11.9

WorldWideWeb_FSF_GNU.png

Firefox 2.0

2006

WorldWideWeb_FSF_GNU.png

IE 7.0

2005 Vista

WorldWideWeb_FSF_GNU.png

Firefox 3.5

2008

WorldWideWeb_FSF_GNU.png

Firefox 4

2010年1月欧洲市场超过IE, 2011发布4.0

WorldWideWeb_FSF_GNU.png

Browser war II

...

WorldWideWeb_FSF_GNU.png

Chrome 2008

Chrome Time Machine
2008.9.3正式, 但是,9.1 漫画书已经发布

WorldWideWeb_FSF_GNU.png

Chrome 2009

Chrome Time Machine

WorldWideWeb_FSF_GNU.png

Chrome 2010

Chrome Time Machine

WorldWideWeb_FSF_GNU.png

Chrome 2011

Chrome Time Machine
2011年7月11 超过FireFox

WorldWideWeb_FSF_GNU.png

Chrome 2012

Chrome Time Machine

WorldWideWeb_FSF_GNU.png

Browser war 2013

2012年5月21, Chrome 正式成为世界一!

browser_war_usage_tlines.png

Firefox 24

...

WorldWideWeb_FSF_GNU.png

IE 9.0

...

ie_june_2013-730x528-665x480

黒IE

成为时尚

如何评价IE这款浏览器？
没有它，你下载不了其他浏览器！

timeline_of_web_browsers.svg.png

IE 的勇气

...

ie_june_2013-730x528-665x480

IE 的响应

...

ie_june_2013-730x528-665x480

IE 中国

...

ie_june_2013-730x528-665x480

Browser war III

进入

WorldWideWeb_FSF_GNU.png

内核之战

排版引擎（Layout Engine或Rendering Engine）
也被称为浏览器内核、页面渲染引擎或样版引擎

渲染引擎

timeline_of_web_browsers.svg.png

WebKit及其大波小伙伴

Safari
Konqueror
Epiphany
OmniWeb
Midori

WebKit

WorldWideWeb_FSF_GNU.png

Chrome及其小伙伴

RockMelt
Opera
Comodo Dragon
...

Blink

WorldWideWeb_FSF_GNU.png

浏览器时间线

Timeline of web browsers

JS之战

...

JS

引擎

WorldWideWeb_FSF_GNU.png

IE 自个儿

Chakra ~ 是的火眼中的能力单位!

查克拉

Google 及其大波小伙伴

催生出了 Node.js

V8

Chrome的成功也离不开它背后的天才——Lars Bak。Lars Bak的工作履历里绝大部分都是虚拟机相关的工作，在开发V8之前，他曾经在Sun公司工作，担任HotSpot团队的技术领导，主要致力开发高性能的Java虚拟机。再之前，他也曾为Self、Smalltalk语言开发过高性能虚拟机。这些无与伦比的经历让V8一出世就超越了当时的所有JavaScript虚拟机。

<brief/>

最想跟同学们吼的...

5' 有关ZQ
15' 浏览器的过去
15' 浏览器的现在
15' 未来的浏览器
15' 自由吐糟

什么是浏览器?

What Browser? – Google

Google 注意到大众已经完全不知道什么是浏览器了

战争是政治的沿续

...

战为何

改变Web 的组合技

Asynchronous JavaScript and XML（以及 DHTML 等）的缩写

Ajax

老技术，新技巧

网络世界

原先很纯朴

Ajax之前

WWW一点也不万维

网页

web

WWW一点也不万维

网页只能

WWW一点也不万维

网页只能

文章

WWW一点也不万维

网页只能

图片?

WWW一点也不万维

网页只能

BBS

曾经的尝试

1990 "小应用程序"
1997 Sun vs Microsoft
2010 Oracle vs Google

Java applet

曾经的尝试

1998 Macromedia Flash 3.0
全新的可能

Flash 动画

网页有限丰富

Flash 游戏

开创页游时代

flash_game.png

Flash

尝试过全站Flash 的高度交互式网站

...

Flash 未灭!

当然,还有你懂的原因...

慢

网络世界

复杂起来

Ajax之后

WWW开始万维

网页应用化

SaaS

WWW开始万维

网页可以

WWW开始万维

Ps

WWW开始万维

网页可以

Office

WWW开始万维

网页可以

购物

WWW开始万维

网页可以

视频

WWW开始万维

网页可以

etc.

大趋势

网页/站

软件化

Browser War III

在移动端

webvs

app

app优势

原生

快

app问题

复杂/兼容

慢

web优势

跨平台/无升级

快

web问题

平台兼容/网络

慢

兼顾?!

so Naive

混合

所以

so Naive

统一

Chrome OS

Chrome Time Machine

WorldWideWeb_FSF_GNU.png

ChromeBook

Chrome 的布局

chrome_book.png

Firefox OS

2012.7.2 正式发布

Firefox OS 手机

第一个Firefox OS设备将由TCL、Alcatal One Touch和中兴制造，使用高通的Snapdragon处理器

什么是浏览器?

What Browser? – Google

Google 注意到大众已经完全不知道什么是浏览器了

①新设备和操作界面层出不穷，为每个系统单独开发一个APP，越来越不现实

②大多数应用没必要调用系统API，比如天气预报

③不必安装，升级瞬间完成

④不断增加的各种功能，使得HTML5已接近原生软件的体验

<brief/>

最想跟同学们吼的...

5' 有关ZQ
15' 浏览器的过去
15' 浏览器的现在
15' 未来的浏览器
15' 自由吐糟

我们都是

是也乎

不折腾要死星人

可扩展

Chrome的扩展架构

Mentor

可扩展

Chrome的扩展形态

Plugin

Mentor

可扩展

Chrome的扩展形态

User

Script

Mentor

可扩展

也叫 Add-on

Extensions

Mentor

可扩展

Chrome的扩展形态

Themes

Mentor

猎豹浏览器

金山网络出品!

liebao_cn.png

猎豹浏览器

我们的布局!

liebao_cool liebao_design.jpg

猎豹浏览器

炫酷!

liebao_cool liebao_design.jpg

猎豹浏览器

设计感!

liebao_cool liebao_design.jpg

Chrome 的配置界面

丰富的定制

Mentor

猎豹的配置界面

丰富的定制

Mentor

Chrome 的配置界面

丰富的定制

Mentor

猎豹的配置界面

丰富的定制

chrome_opt_pop

猎豹的配置界面

丰富的定制

Mentor

猎豹浏览器皮肤

丰富的定制

Mentor

猎豹浏览器皮肤

丰富的定制

Mentor

Show出你的猎豹范儿

丰富的定制

Show出你的猎豹范儿

非专业才可期待

求创意

Mentor

Show出你的猎豹范儿

专项奖品,真实案例,积累社会资本!

重学生

Mentor

大赛大奖!

100,000元 or

smart_car

<brief/>

最想跟同学们吼的...

5' 有关ZQ
15' 浏览器的过去
15' 浏览器的现在
15' 未来的浏览器
15' 自由吐糟

总之

期望可以记住的~单位时间可以记住的只有7+-2 个

浏览器战争就是抢夺入口
浏览器已是互联网核心入口
浏览器是未来移动应用的必然平台
猎豹皮肤大赛你值得掺合!

<版本/>

131113 精简! 为澳门 IT.汇
131013 完成主要图片收集
131010 完成内容框架
131001 构思

反馈:	zoomquiet+s5@gmail.com
查阅:	http://zoomquiet.org/res/s5/131001-war-of-browser

S5

纯HTML 幻灯撰写框架!... lr_s5

S⁵== a S imple S tandards-Based S lide S how S ystem

仅仅依靠 CSS+JS 的HTML格式幻灯演示框架

我的编辑环境: ~ 文学化编辑器

<Zoom.Quiet/>

本命+4,有娃有房,专业大妈

浏览器战争

Zoom.Quiet v13.11.13 推荐用 获得最佳游览效果

浏览器战争

<免责/>

高橋流!

文字

幻灯

播放

播放

播放

所以:

<brief/>

<Zoom.Quiet>

是也乎

广告@常州

开发@上海

2003:CZUG.org

2004:啄木鸟

PI@北京

2005:CPyUG-> BPyUG

2005:CPyUG-> BPyUG

2007:ZPyUG

ECUG.org

2009-09-01 出版

PyCon2011China

PyCon2012ChinA

过一万人!

PyCon2013ChinA

珠海GDG

珠海GDG

综上...

综上...

牛妞

牛妞

牛妞

</Zoom.Quiet>

<brief/>

什么是浏览器?

Browser wars

战争之前

平和的Geek 世界

战争之前

IE 1.0

Browser war I

Mosaic 3

Navigator

IE 3.0

IE 4.0

AOL收购Netscape

Browser war I 后

Browser war II

Firefox Logo

Firefox 1.0

Firefox 2.0

IE 7.0

Firefox 3.5

Firefox 4

Browser war II

Chrome 2008

Chrome 2009

Chrome 2010

Chrome 2011

Chrome 2012

Browser war 2013

Firefox 24

IE 9.0

黒IE

IE 的勇气

IE 的响应

IE 中国

Browser war III

内核之战

WebKit及其大波小伙伴

Chrome及其小伙伴

浏览器时间线

JS之战

IE 自个儿

Google 及其大波小伙伴

<brief/>

什么是浏览器?

Zoom.Quiet v13.11.13 推荐用获得最佳游览效果

猎豹的配置界面

猎豹的配置界面

猎豹的配置界面