2014년 2월 웹클라이언트개발환경에...

39
Internet Explorer 11 호환성과 웹 표준 -한국마이크로소프트 기술지원부 이정철 2014년 2월 웹 클라이언트 개발 환경에 풍성함을 더하다!

Transcript of 2014년 2월 웹클라이언트개발환경에...

Page 1: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월

Internet Explorer 11 호환성과 웹 표준-한국마이크로소프트 기술지원부 이정철

2014년 2월웹 클라이언트 개발 환경에풍성함을 더하다!

Page 2: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월

주요분야ASP.NET, MVC, IIS, Internet Explorer

Internet Explorer / IIS 관련온사이트세미나진행

그외마이크로소프트Imagine Cup 2005 한국대표

이 정 철한국마이크로소프트Developer Support Engineer

Page 3: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월
Page 4: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월
Page 5: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월

사용자 경험

성능

호환성프라이버시

보안 Error

Not Supported Browser

• 웹서비스에대한평판/신뢰도하락• 동일한서비스를제공하는웹사이트로이동

Page 6: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월

January 2014 - gs.statcounter.com

Internet Explorer

Chrome

Page 7: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월

6 7 8 9 10 11

XP

Vista

7

8

8.1

January 2014

gs.statcounter.com

IE 8 IE 10 IE 9 IE 11 IE 7 IE 6

42.1 28.3 22.9 6.4 0.2 0.1

Page 8: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월
Page 9: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월

http://ie.microsoft.com/testdrive/Default.html

Page 10: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월
Page 11: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월
Page 12: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월
Page 13: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월
Page 14: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월

플러그인지원

Page 15: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월

Modern IE Desktop IE

x86 / x64

ARM

Page 16: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월

모던 IE가기본브라우저

• Let Internet Explorer decide

• Always in Internet Explorer

• Always in Internet Explorer on the desktop

언제나 Desktop IE로

Page 17: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월

<meta http-equiv="X-UA-Compatible" content="requiresActiveX=true"/>

Page 18: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월
Page 19: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월
Page 21: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월

Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)

응용프로그램이름/버전

호환성플래그

버전토큰 Trident 토큰

플랫폼토큰

토큰 설명

Mozilla/5.0 응용프로그램이름/버전. IE는자기자신을모질라브라우저로표시

compatible 호환성플래그. IE 다른브라우저와호환된다는것을의미. 상호운용성

MSIE 10.0 버전토큰. 브라우저종류및버전확인

Windows NT 6.2플랫폼토큰은운영체제의종류및버전Windows NT 6.2 = Windows 8 | Windows NT 6.3 = Windows 8.1

Trident/5.0 Trident(MSHTML)는 IE의레이아웃엔진. 버전정보

Page 22: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월

Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko

Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)IE 10 :

모든웹브라우저에서동일하게보여지게

IE 11 :

Page 23: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월

모든웹브라우저에서동일하게보여지게

Netscape

Microsoft Internet ExplorerIE 10 :

IE 11 :

Page 24: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월

No MSIE

Netscape

Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko

Page 25: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월

웹표준에맞게작성

navigator.appName

Page 26: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월
Page 27: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월

<meta http-equiv="X-UA-Compatible" content="IE=9">Content Layout Mode

IE=5 Quirks

IE=7 IE7 Standard

IE=8 IE8 Standard

IE=9 IE9 Standard

IE=10 IE10 Standard

IE=Edge 최신모드

어떤 Trident 엔진

Page 28: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월

X-UA-Compatible : IE=8

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

F12 > META Tag > DOCTYPE

Page 29: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월
Page 30: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월

• Don’t

• Do

Page 31: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월
Page 32: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월
Page 33: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월
Page 34: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월

InternetExplorer

High Access Level(관리자)• Program files• System32• 시스템 구성

Medium Access Level(사용자)• My Documents• User Data• HKCU, 사용자 구성

Low Access Level• Untrusted Web Content• Temporary Internet Files 쓰기 읽기

• Allow

• No

Page 35: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월

InternetExplorer

쓰기

High Access Level(관리자)• Program files• System32• 시스템 구성

Medium Access Level(사용자)• My Documents• User Data• HKCU, 사용자 구성

Low Access Level• Untrusted Web Content• Temporary Internet Files

AppContainer Access Level• Untrusted Web Content• Temporary Internet Files 읽기

• No

• No

Page 36: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월

인터넷사이트

제한된사이트

인트라넷사이트

신뢰할수있는사이트

Low LowMedium

Page 37: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월

HKCR\

CLSID\

{CLSID}\

Implemented Categories\

{59fb2056-d625-48d0-a944-1a85b5ab2640}

CATID cats[] = {

CATID_AppContainerCompatible };

CoCreateInstanceEx(CLSID_StdComponentCategor

iesMgr, ...);

ICatRegister::RegisterClassImplCategories(RE

FCLSID,

ARRAYSIZE(cats), cats);

Page 38: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월
Page 39: 2014년 2월 웹클라이언트개발환경에 풍성함을더하다download.microsoft.com/download/B/8/3/B837A8DD-B470-4AF4... · 2018. 10. 16. · Internet Explorer 11 호환성과웹표준-한국마이크로소프트기술지원부이정철2014년2월