Internet Explorer
Transcript of Internet Explorer
![Page 1: Internet Explorer](https://reader036.fdokument.com/reader036/viewer/2022071600/613d1d60736caf36b7597ca2/html5/thumbnails/1.jpg)
Internet Explorer The Present And The Future
Oliver Scheer
Developer Evangelist
Microsoft Deutschland
Email: [email protected]
Blog: http://the-oliver.com
![Page 2: Internet Explorer](https://reader036.fdokument.com/reader036/viewer/2022071600/613d1d60736caf36b7597ca2/html5/thumbnails/2.jpg)
Internet Explorer 8
• Innovationen
• Sicherheitsfunktionen
• Und viel mehr …
![Page 3: Internet Explorer](https://reader036.fdokument.com/reader036/viewer/2022071600/613d1d60736caf36b7597ca2/html5/thumbnails/3.jpg)
Internet Explorer 8 – Innovationen
• Web Slices
• Schnellinfos
• Suchanbieter
![Page 4: Internet Explorer](https://reader036.fdokument.com/reader036/viewer/2022071600/613d1d60736caf36b7597ca2/html5/thumbnails/4.jpg)
Internet Explorer 8 - Sicherheitsfunktionen
• Domänenhervorhebung
• SmartScreen-Filter
• Cross-Site-Scripting (XSS-Filter)
• Datenausführungsverhinderung
• InPrivate-Filterung und –Browsen
• Schutz vor ClickJacking
![Page 5: Internet Explorer](https://reader036.fdokument.com/reader036/viewer/2022071600/613d1d60736caf36b7597ca2/html5/thumbnails/5.jpg)
Internet Explorer 8 - Mehr
• TÜV • http://www.it-tuv.com/internet-explorer
• Add-Ons: • http://ieaddons.com/de/
![Page 6: Internet Explorer](https://reader036.fdokument.com/reader036/viewer/2022071600/613d1d60736caf36b7597ca2/html5/thumbnails/6.jpg)
Demos
![Page 7: Internet Explorer](https://reader036.fdokument.com/reader036/viewer/2022071600/613d1d60736caf36b7597ca2/html5/thumbnails/7.jpg)
Internet Explorer 9 Platform Preview
![Page 8: Internet Explorer](https://reader036.fdokument.com/reader036/viewer/2022071600/613d1d60736caf36b7597ca2/html5/thumbnails/8.jpg)
Internet Explorer 9 Platform Preview
• Zielgruppe • Web-Developer
• Fokus der aktuellen Version • GPU-Performance
• Neue JavaScript-Engine
• Markup-Sprachen
• Updates • Alle 8 Wochen
![Page 9: Internet Explorer](https://reader036.fdokument.com/reader036/viewer/2022071600/613d1d60736caf36b7597ca2/html5/thumbnails/9.jpg)
The HTML5 Web:
Graphically- and Media-Rich
Evolution of the Web
The AJAX Web: JavaScript +
DOM + Asynchronous Requests
Web ―2.0‖
The Content Web: HTML & CSS
Web ―1.0‖
![Page 10: Internet Explorer](https://reader036.fdokument.com/reader036/viewer/2022071600/613d1d60736caf36b7597ca2/html5/thumbnails/10.jpg)
GPU-powered HTML5 Graphics
![Page 11: Internet Explorer](https://reader036.fdokument.com/reader036/viewer/2022071600/613d1d60736caf36b7597ca2/html5/thumbnails/11.jpg)
GPU-Powered HTML5
High
Performance
JavaScript execution
DOM interaction and layout
GPU-powered rendering
Cross-browser
Interoperability
HTML5 markup
CSS3 markup
DOM programmability
Graphics
Capabilities
Alpha color & opacity
Round corners & multiple backgrounds
HTML5-integrated SVG graphics
Media
Capabilities
<video> element with MPEG-4/H.264
<audio> element with MP3/AAC
<img> with JPEG-XR, color profiles
![Page 12: Internet Explorer](https://reader036.fdokument.com/reader036/viewer/2022071600/613d1d60736caf36b7597ca2/html5/thumbnails/12.jpg)
JavaScript - Engine
![Page 13: Internet Explorer](https://reader036.fdokument.com/reader036/viewer/2022071600/613d1d60736caf36b7597ca2/html5/thumbnails/13.jpg)
JavaScript-Engine
• Multi-Core Unterstützung
• Kompilierte Ausführung
• …
![Page 14: Internet Explorer](https://reader036.fdokument.com/reader036/viewer/2022071600/613d1d60736caf36b7597ca2/html5/thumbnails/14.jpg)
0
1000
2000
3000
4000
5000
6000
7000
8000
1 51 101 151 201 251 301 351 401 451 501 551 601 651 701
Nu
mb
er
of
Sit
es
API (By Rank)
API Usage Over Top ~7000 Sites
API Rank Percent of Sites
indexOf 1 94%
getElementById 13 80%
addEventListener 27 65%
getComputedStyle 62 26%
![Page 15: Internet Explorer](https://reader036.fdokument.com/reader036/viewer/2022071600/613d1d60736caf36b7597ca2/html5/thumbnails/15.jpg)
Interoperable HTML5 Markup Interpret the same HTML, CSS, and JavaScript the same way
![Page 16: Internet Explorer](https://reader036.fdokument.com/reader036/viewer/2022071600/613d1d60736caf36b7597ca2/html5/thumbnails/16.jpg)
Interoperable HTML5-Markup
Interpret HTML, CSS, and JavaScript the same way
• Always some differences on the edges • Standards evolve
• Browsers implement in different order
• Core platform must be interoperable
![Page 17: Internet Explorer](https://reader036.fdokument.com/reader036/viewer/2022071600/613d1d60736caf36b7597ca2/html5/thumbnails/17.jpg)
CSS-Demo
![Page 18: Internet Explorer](https://reader036.fdokument.com/reader036/viewer/2022071600/613d1d60736caf36b7597ca2/html5/thumbnails/18.jpg)
Markup and Programming Model in Internet Explorer Platform Preview
Category Feature Today Coming
Markup Inline SVG in HTML
XHTML/XML
CSS
Infrastructure
CSS3 Selectors
CSS3 Namespaces
DOM Core
Events
Style
Range
HTML5 Selection
![Page 19: Internet Explorer](https://reader036.fdokument.com/reader036/viewer/2022071600/613d1d60736caf36b7597ca2/html5/thumbnails/19.jpg)
Scalable Vector Graphics
• Markup-/DOM-based graphics: SVG 1.1 • ―View source‖ simplicity—aids learning
• Easy server-side generation—it’s just XML
• Easy client-side debugging—it’s in the DOM
• Supported by popular graphics programs
• Easy integration with HTML5
<svg width="400" height="200"
xmlns="http://www.w3.org/2000/svg">
<rect fill="red" x="20" y="20"
width="100" height="75" />
<rect fill="blue" x="50" y="50"
width="100" height="75" />
</svg>
![Page 20: Internet Explorer](https://reader036.fdokument.com/reader036/viewer/2022071600/613d1d60736caf36b7597ca2/html5/thumbnails/20.jpg)
SVG in Internet Explorer Platform Preview
SVG Feature Today Coming
Document Structure
Basic Shapes
Paths
Text
Transforms
Painting, Filling, Color
Scripting
Styling
Gradients and Patterns
Clipping and Masking
Markers and Symbols
![Page 21: Internet Explorer](https://reader036.fdokument.com/reader036/viewer/2022071600/613d1d60736caf36b7597ca2/html5/thumbnails/21.jpg)
SVG-Demo
![Page 22: Internet Explorer](https://reader036.fdokument.com/reader036/viewer/2022071600/613d1d60736caf36b7597ca2/html5/thumbnails/22.jpg)
Rich Media Integration—Without Plugins
• HTML5 <video> element • Industry-standard MPEG-4/H.264 video
• Video can be composited with anything else on the page • HTML content, images, SVG graphics
• GPU-based implementation capable of maintaining 60fps full-
screen at full HD resolution • Supports both DXVA and full hardware video decoders
• HTML5 <audio> element • Industry-standard MP3 and AAC audio
<video width="800" height="450" src="myvideo.mp4"
autoplay>
No video for you</video>
![Page 23: Internet Explorer](https://reader036.fdokument.com/reader036/viewer/2022071600/613d1d60736caf36b7597ca2/html5/thumbnails/23.jpg)
Mix HD-Video Demo
34
![Page 24: Internet Explorer](https://reader036.fdokument.com/reader036/viewer/2022071600/613d1d60736caf36b7597ca2/html5/thumbnails/24.jpg)
Mehr Informationen
www.microsoft.de/web
www.ietestdrive.com
Email: [email protected]
Blog: http://the-oliver.com
Twitter: theoliver
![Page 25: Internet Explorer](https://reader036.fdokument.com/reader036/viewer/2022071600/613d1d60736caf36b7597ca2/html5/thumbnails/25.jpg)