INTERNET EXPLORER 9 OVERVIEW (UPDATE) (INTERNET EXPLORER 9 の 概要.pptxVIP

Internet Explorer 9 Overview (Update)(Internet Explorer 9 の概要 (更新情報))Leon BraginskiSenior Program ManagerMicrosoft Corporation目的Internet Explorer 9 Platform Preview 3 の新機能について理解する議題必威体育精装版の Platform Preview の新機能に関する考察パフォーマンス同一のマークアップ共通のスクリプト皆様へのお願いリソースInternet Explorer 9 の重点分野 Internet Explorer 9HTML5GPU アクセラレーションInternet Explorer 9Platform Previewパフォーマンス同一のマークアップ WebK’s SunSpider v0.9.1JavaScript パフォーマンスのベンチマーク、2010/06/21 作成ミリ秒3.0 GHz Core 2 Duo Intel プロセッサ、4 GB RAM、Intel Integrated Video を搭載した Windows 7 が動作する Dell Optiplex でのテストパフォーマンス - Web Timingパフォーマンスを測定するための、ブラウザー間での相互運用が可能な手段パフォーマンス メトリックは、ドキュメント オブジェクト モデル (DOM) API の一部ナビゲーションからページの読み込み時までのパフォーマンス情報を入手可能パフォーマンスwindow.msPerformance のインターフェイスインターフェイス目的window.msPerformance.navigationナビゲーション情報: リダイレクト数要求数個別ドメイン数window.msPerformance.timingイベント発生の絶対時間: connectStartconnectEndwindow.msPerformance.timingMeasuresタスク完了までの所要時間パフォーマンスtiming と timingMeasuresURL の入力window.loadその他のタイミングunloadStartunloadEnd 時間軸window.msPerformance.timing.navigationStartwindow.msPerformance.timing.loadEndwindow.msPerformance.timingMeasures.navigation*すべてのタイミング イベントを網羅しているわけではありませんmsPerformanceサンプル コードvar myBody;this.onload = function () { myBody = document.getElementById (myBody); if (window.msPerformance) { myBody.innerHTML = navigationStart: + window.msPerformance.timing.navigationStart +ms ( + Date (window.msPerformance.timing.navigationStart)+ ) br; } return;};デモ ファイル: msPerformance.htmデモ msPerformance同一のマークアップ – フォントWeb Open Font Format (WOFF)“Web 対応” フォントのみに限定する必要なしフォントを必要に応じてパッケージ化して配信W3C の Fonts Working Group の取り組みの一環style type=text/css @font-face { font-family:MyFontName; src: url(FontFile.woff); } /stylediv style=font: 24pt MyFontName, sans-serif; This will render using MyFontName in FontFile.woff/div同一のマークアップ - CanvasCanvas は描画用の動的な画面グラフィカル要素 (パス、ボックス、円弧など)アニメーション画像機能CanvasSVG描画モード即時保存DOM サポートDOM の CANVAS 部分SVG 要素のそれぞれが DOM の一部アニメーションキャンバス内で直接スクリプトを使用DOM でオブジェクトを操作IE9 GPU アクセラレーション可能可能Canvas – 画像の追加this.onload = function() {var