ie9 beta keynote_20100917_eng_final
DESCRIPTION
TRANSCRIPT
钟 卫Wei ZhongMicrosoft , DPEDeveloper Evangelist Technical Audience Marketing Manager
Web Browsing is Core to the Windows Experience
59% of time on a PC is spent in the web browser
Music News Search IM game Video E-mail Blog Social Write
* CNNIC Data
0.3
5 B
0.3
3 B
0.3
2 B
0.3
0 B
0.2
9B
0.2
7 B
0.2
4
B 0.2
3B 0.2
1
0.1
9
B
Expectations are Rising for the Web
The capabilities of the web are increasing every day, but the way we experience the web isn’t keeping up.
About “HTML5” W3C
HTML
HTM
L5Canvas 2D
ContextM
icrodataH
TML+RD
FaH
TML5 M
arkupH
TML5 D
iff from H
TML4
Polyglot Markup
Text alternatives
CSS
CSS Snapshot 2007CSS N
amespaces
CSS Paged Media
CSS Print ProfileCSS Values and U
nitsCSS Cascading and
InheritanceCSS Text
CSS Writing M
odesCSS Line G
ridCSS Ruby
CSS Generated Content for Paged
Media
CSS Backgrounds and Borders
CSS FontsCSS Basic Box M
odelCSS M
ulti-column
LayoutCSS Tem
plate LayoutCSS M
edia Queries
CSS SpeechCSS Color
CSS Basic User Interface
CSS ScopingCSS G
rid PositioningCSS Flexible Box Layout
CSS Image Values
CSS 2D Transform
ationsCSS 3D
Transformations
CSS TransitionsCSS Anim
ations
Web Apps
CORS
Element TraversalFile API
Index DB
Programm
able HTTP Caching and
Serving
Progress EventsSelectors API
Selectors API L2Server-Sent EventsU
niform M
essaging Policy
Web D
OM
CoreW
eb SQL D
atabaseW
eb IDL
Web Sockets APIW
eb StorageW
eb Workers
XmlH
ttpRequest
XmlH
ttpRequest L2
DO
M L1
DO
M L2 Core
DO
M L2 View
sD
OM
L2 EventsD
OM
L2 StyleD
OM
L2 Traversal and Range
DO
M L2 H
TML
DO
M L3 Core
DO
M L3 Events
DO
M L3 Load and Save
DO
M L3 Validation
DO
M L3 XPath
DO
M L3 View
s and Form
atting
DO
M L3 Abstract
Schemas
SVGD
ocument Structure
Basic ShapesPathsText
Transforms
Painting, Filling, ColorScriptingStyling
Gradients and Patt
ernsSM
ILFontsFilters
Geolocation
Geolocation API
ECMA
ECMA Script
262
ECMAScript 262
More Choice
云服务
浏览器
Internet Explorer 9
All Around Fast Using the power of your whole PC
GPU Powered HTML5
Fully hardware accelerated
graphics and text through
Windows
Internet Explorer 9 Makes Your Web Look and Perform as if it Were Native to Windows
CleanPutting the focus on your sites
TrustedSecure, reliable, and private
InteroperableHTML5 & same markup
Full hardware acceleration of all graphics and text
New JavaScript engine
Clean web-centric UI
Seamless with Windows 7
New tab page experience
One Box
Quieter notifications
Download manager with SmartScreen protection
Hang resistance
Add-on performance protection
HTML 5 and modern web standards support
Leading with the W3C
Comprehensive standards test
FastAll around fast using the power of your whole PC
DEMO
钟 卫Wei zhongMicrosoft China , DPEDeveloper EvangelistAudience Marketing manager
Beauty of webhttp://html5.labs.ap.orghttp://www.chineseshadowplay.comhttp://sohunba.cloudapp.nethttp://www.visitnmc.comhttp://joydefinesthefuture.comhttp://www.beautyoftheweb.com/#/experience/shodo
FishIE Tank
Speed Reading
Speed Demos
CSS3 Media Queries
Graphics DemosHTML5 Audio XML Playlist
HTML5 Demos
IMDb Video PanoramaFlickr Postcards
Browser Demos
Tracking ProtectionMalvertising Protection
• Create a Basic Pinned Site• Dynamic Jump Lists• Create Thumbnail Toolbars• Provide Notifications• Improve Discoverability
IE9 - Douban Radio
Step 1: High Resolution Icon Uses the existing, standards based site favicon
<link rel="shortcut icon" href="/favicon.ico" />
Best Practice: Icon file should contain
Recommended: 16x16, 32x32, 48x48 Optimal: 16x16, 24x24, 32x32, 64x64
Use GZIP Compression
Icon Create Sitehttp://www.xiconeditor.com
NEW: IE9 Icon Editor
Step 2: Customize Site Mode<meta name="application-name" content="Pinned Name" />
<meta name="msapplication-tooltip" content="Start Site" />
<meta name="msapplication-starturl" content="http://host/page.htm" />
<meta name="msapplication-window" content="width=1024;height=768" />
<meta name="msapplication-navbutton-color" content="#FF3300" />
Step 3: Add Jump List<meta name="msapplication-task" content="name=New Message; action-uri=http://host/NewMail.htm; icon-uri=http://host/mail.ico"/>
<meta name="msapplication-task" content="name=New Appointment; action-uri=http://host2/NewAppt.htm; icon-uri=http://host2/Appt.ico"/>
Step 4: Add Icon Overlayswindow.external.msSiteModeSetIconOverlay( 'http://host/star.ico', 'Complete');
window.external.msSiteModeClearIconOverlay();
Step 5: Display Thumbnail Buttonsvar but1 = window.external.msSiteModeAddThumbBarButton( 'http://host/speaker.ico', 'Mute');
document.addEventListener( 'msthumbnailclick', handler, false);
window.external.msSiteModeShowThumbBar();
http://msdn.microsoft.com/zh-cn/default.aspx
http://msdn.microsoft.com/zh-CN/ie/
http://www.mhtml5.com/
http://www.beautyoftheweb.com/
http://ie.microsoft.com/testdrive/
http://www.cnblogs.com/
WebKit SunSpider JavaScript Benchmark Results
WebKit SunSpider JavaScript Benchmark Results
可信赖浏览Users in control of their privacy
可信赖浏览Secure, reliable, and private Leading malware
protection
Over 1 billion malware blocks
Always improving efficiency
160 million phishing blocks
Internet Explorer 9
Firefox
Safari
ChromeOpera
0%50%
100%
99%29% 29% 17% 0.5%
Malware Block RateSource: NSS Labs Socially En-gineered Malware Test Report
IE9 平台预览版下载量 275 万 IE Test Drive 网站访问量 2500 万 试用反馈数超过 2000
IE9 相对于之前的任何一款浏览器,它更多的是依赖 GPU 和多核CPU ,这将使它成为一个真正的游戏规则改变者。
随着 IE9 在多元浏览器标准工作中的参与,微软在网络技术领域中的地位越来越重要。