- PDF Free Download

Size: px

Start display at page:

Download ""

なごみすみだ
5 years ago
Views:

1 NEC ラーニング Microsoft MVP for Visual Basic 山崎明子

4 利用シーンの拡大開発の促進運用性の強化設計目標ページの概念を超えた Web エクスペリエンス検索候補アクセラレータ Web スライス迅速かつ簡単な Web 開発開発者ツール Ajax Navigation, DOM Storage などに対応快適で安心なブラウジングパフォーマンスの向上安定性の向上標準準拠のレンダリング

5 検索候補アクセラレータ入力途中の文字を Web に送信し入力補助インクリメンタルサーチコンテンツ概要サムネイル画像選択文字を Web アプリで処理して表示辞書関連情報翻訳ブログに追加更新コンテンツを切り取って IE8 に保存ブログヘッドライン情報ショッピング予定在籍表

6 Product 未定 RTW Mar Apr May Jun Jul Aug Sep Oct Nov Dec Jan Feb 未定 3/5 IE8Beta1 for Developer 開始 ( 英語版 ) 8/29 IE8Beta2 開始 ( 日本語版含む ) 1/27 Release Candidate Beta1 Beta2 RC RTW

9 サイト側での設定ユーザー側の設定 / 操作 1. IE8 標準に準拠した実装 2. X-UA- Compatible の指定 3. 互換表示でイントラネットサイトを表示する設定を利用 4. 互換表示リストを利用 5. ユーザーに互換表示ボタンを押してもらう

10 CSS 2.1 CSS 2.1 対応 DOM の標準準拠 HTML の標準準拠 Acid2 テスト対応 HTML Data URI のサポート Improved Namespace のサポートなど ACID 2

11 IE7 互換指定する値 IE=5 IE=7 IE=EmulateIE7 IE=8 IE=EmulateIE8 IE=Edge 意味クアークスモード常に IE7 モード DTD によって IE7 モードかクアークスモード常に IE8 モード DTD によって IE8 モードかクアークスモード ( 互換表示設定を上書き ) 最新の IE IE8 の場合には IE=8 と同じ

15 サイト側での設定ユーザー側の設定 / 操作互換機能の利用 1. IE8 標準に準拠した実装 2. X-UA- Compatible の指定 3. 互換表示でイントラネットサイトを表示する設定を利用 4. 互換表示リストを利用 5. ユーザーに互換表示ボタンを押してもらう

16 IE7 IE6 IE5 IE 描画モードクアークスモード Web ページの構成 MS-CSS5 クアークスモード MS-CSS5/6 IE6 標準モード標準 CSS (IE6) クアークスモード IE7 標準モード MS-CSS5/6/7 標準 CSS (IE6) 標準 CSS (IE7)

17 例 :<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML //EN"> DTD で判断される部分適用される描画モードクアークス系標準系クアークスモード IE6 標準モード IE7 標準モード対応 CSS MS-CSS 標準 CSS(IE6) 標準 CSS(IE7)

19 コンテンツの読み込み Yes DTD が未定義 No XML/XHTML の宣言か? No HTML4.0 + 標準適用条件 No Yes Yes クアークスモードが適用標準モードが適用標準モードが適用クアークスモードが適用

20 DTD で判断される部分適用される描画モードクアークス系クアークスモード IE6 標準モード標準系 IE7 標準モード IE8 標準モード対応 CSS MS-CSS 標準 CSS(IE6) 標準 CSS(IE7) 完全標準 CSS

21 DTD による判別 IE8 内の描画モード対応コンテンツクアークス系クアークスモード MS-CSS5/6/7 標準系 IE8 標準モード標準 CSS( 完全 ) IE7 標準モード標準 CSS (IE7) IE7 互換指定がある場合

22 X-UA-Compatible: IE=EmulateIE7 IE7 互換モードクアークスモード IE7 標準モード IE7 標準 / クアークスモード (DTD によって切り替え ) IE8 標準モード IE8 標準 / クアークスモード (DTD によって切り替え ) 最新モード指定する値 IE=5 IE=7 IE=EmulateIE7 IE=8 IE=EmulateIE8 IE=edge

23 X-UA-Compatible: IE=EmulateIE7 <meta http-equiv= X-UA-Compatible content= IE=EmulateIE7 >

24 <add name="x-ua-compatible" value="ie=emulateie7 />

25 <meta http-equiv="x-ua-compatible" content="ie=emulateie7" /> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"> <html> <head> <! Tell IE8 to display in IE7 Compatibility mode --> <meta http-equiv="x-ua-compatible" content="ie=emulateie7" /> <title>my Web Page</title> </head> <body> <p>content goes here.</p> </body> </html>

27 短期的対応 :IE=EmulateIE7 IE8 RC1 で動作確認 IE8 標準に対応した実装長期的対応 :IE=EmulateIE8

28 IE8 クライアントサイド互換表示機能

29 IE8 の互換表示設定互換表示を行なう特定のサイトの URL を追加可能 RC で追加マイクロソフトからの更新された Web サイトの一覧を含めるまたはイントラネットまたは全ての Web サイトを互換表示で描画する

31 高開発者ツール Meta タグ HTTP 応答ヘッダー互換表示 DOCTYPE

32 javascript:alert(document.documentmode) モード表示される値クアークスモード 5 IE7 標準モード 7 IE8 標準モード 8

33 例 )Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0)

34 IE8 ブラウザー : 標準 User-Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0) IE8 ブラウザー : 互換表示モード User-Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; Trident/4.0) IE7 ブラウザー User-Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0)

37 IE 6 ie6.css IE 7 ie7.css gte IE 8 standards.css

42 <?xml version="1.0"?>

44 <?xml version="1.0"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " transitional.dtd">

45 <!DOCTYPE html PUBLIC> <?xml version="1.0"?> <!DOCTYPE...

47 IE7 と IE8 クアークスと IE6

49 * html.mydiv { background-color:blue; } <div class="mydiv">test Content</div>

53 上位プロセスにウィンドウメッセージを送信することはできない (UIPI の制限 ) 安全な領域にのみ書き込み可能となる (IL の制限 )

54 Internet Explorer 6 管理者権限で動作 ActiveX などのインストール悪意のあるプログラムのインストールダウンロード設定の保存と変更悪意のあるプログラムのインストール管理者権限 HKLM %ProgramFiles% %WinDir% ユーザー権限 HKCU %UserProfile% Web コンテンツのキャッシュ Temporary Internet Files

55 保護モードの Internet Explorer 8 Iexplore.exe ( 低 IL) 互換性レイヤ整合性のメカニズムアプリケーションインフォメーションサービス (AIS) ユーザーブローカー IExplore.exe ( 中 IL) 管理者ブローカー IEInstal.exe ( 高 IL) ActiveX のインストールツールバーのインストール画像のダウンロード設定の保存と変更アドオンの設定の保存管理者権限 HKLM %ProgramFiles % %WinDir% ユーザー権限 HKCU %UserProfile% 信頼性の低い権限 Temporary Internet Files Virtualized

56 管理者権限の領域管理者ブローカー (IEInstal.exe) ActiveX のインストール権限昇格 (UAC) 保護モード無効の IE ユーザーブローカー (IExplore.exe) 設定の変更ツールバーのインストール画像などファイルの保存中 IL 保護モードの IE 低 IL 標準権限の領域

57 ファイルレジストリ %LocalAppData% Microsoft Windows Temporary Internet Files Virtualized HKCU Software Microsoft Internet Explorer InternetRegistry

61 100

62 アドオン初期設定の変更アクセラレータ

64 METAタグor 応答 DOCTYPEフォームの終わりヘッダの指定 DOCTYPE 内のURL 適用されるレンダリングモー表記の有無ド DOCTYPE の例指定無しまたは (IE=EmulateIE8) DOCTYPE なしいずれの場合もクアークスモード - HTML (no version) いずれの場合もクアークスモード <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML //EN"> HTML 2.0 いずれの場合もクアークスモード <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 2.0 Final//EN"> HTML 3.0 いずれの場合もクアークスモード <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> HTML 4.0 いずれの場合も IE8 標準モード (CSS 2.1) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> HTML 4.0 Frameset URLあり IE8 標準モード (CSS 2.1) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN " URLなしクアークスモード <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN"> HTML 4.0 Transitional URLあり IE8 標準モード (CSS 2.1) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN URLなしクアークスモード <!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transition// EN > HTML 4.0 Strict いずれの場合も IE8 標準モード (CSS 2.1) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN > XHTML いずれの場合も IE8 標準モード (CSS 2.1) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN > XML いずれの場合も IE8 標準モード (CSS 2.1) <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> Unrecognized DOCTYPE いずれの場合も IE8 標準モード (CSS 2.1) -

65 META タグ or 応答ヘッダの指定 DOCTYPE フォームの終わり DOCTYPE 内の URL 表記の有無適用されるレンダリングモード DOCTYPE の例 IE8 指定あり (IE=8) DOCTYPEの有無内容にかかわらずいずれの場合も IE8 標準モード - (CSS 2.1) IE7 指定あり (IE=7) DOCTYPEの有無内容にかかわらずいずれの場合も IE7 標準モード - 互換設定 (IE=5) DOCTYPE の有無内容にかかわらずいずれの場合もクアークスモード - 指定有り (IE=Edge) DOCTYPEの有無内容にかかわらずいずれの場合も IE8 標準モード (CSS 2.1) - IE7 標準 / DOCTYPE なしいずれの場合もクアークスモード - クアークスモード (IE=EmulateIE7) HTML (no version) いずれの場合もクアークスモード <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML //EN"> HTML 2.0 いずれの場合もクアークスモード <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 2.0 Final//EN"> HTML 3.0 いずれの場合もクアークスモード <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> HTML 4.0 いずれの場合も IE7 標準モード <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> HTML 4.0 Frameset URLあり IE7 標準モード <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN" " URLなしクアークスモード <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN"> HTML 4.0 Transitional URLあり IE7 標準モード <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "" > URLなしクアークスモード <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> HTML 4.0 Strict いずれの場合も IE7 標準モード <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" " XHTML いずれの場合も IE7 標準モード <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " XML いずれの場合も IE7 標準モード <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> Unrecognized DOCTYPE いずれの場合も IE7 標準モード -

スライド 1

スライド 1 IE8 Beta2 紹介セミナーマイクロソフト株式会社デベロッパー & プラットフォーム統括本部 Next Web 推進部エバンジェリスト渡辺弘之 Agenda Internet Explorer 8(IE8) とは Internet Explorer 8 の特徴より速く + より便利に + より安心に Internet Explorer 8 の特徴より速く + より便利に + より安心に高速化のための様々な改善