internet explorer 11 enterprise mode & f12 developer tools

26
Enterprise Mode & F12 Developer Tools Ionut Balan @balanionut 29.Mai.2014

Upload: balanionut

Post on 20-Dec-2014

84 views

Category:

Software


1 download

DESCRIPTION

What is new and how to use IE 11 Enterprise Mode.

TRANSCRIPT

Page 1: Internet Explorer 11 Enterprise Mode & F12 Developer Tools

Enterprise Mode & F12 Developer

Tools

Ionut Balan

@balanionut

29.Mai.2014

Page 2: Internet Explorer 11 Enterprise Mode & F12 Developer Tools

Agenda BUILD 2014 overview

IE 11: functii noi

Ce este Enterprise Mode pt IE 11? De ce, beneficii

Demo IE 11 Enterprise Mode: cum se activeaza, live demo, tips & tricks

F12 Developer Mode

Concluzie

Q&A

Page 3: Internet Explorer 11 Enterprise Mode & F12 Developer Tools

BUILD 2014 Cea mai mare conferinta

pe tehnologii Microsoft din lume

2-4 aprilie 2014, San Francisco

Peste 5000 de participanti din toata lumea

200+ anunturi

Windows 8.1 Update, Windows Phone 8.1 DP, Internet Explorer, Azure, Roslyn, Katana etc.

www.buildindows.com

Page 4: Internet Explorer 11 Enterprise Mode & F12 Developer Tools

Poze/video de la BUILD 2014

Page 5: Internet Explorer 11 Enterprise Mode & F12 Developer Tools

IE 11: ce e nou? Browsing mai rapid: prioritizare de continut

Smart web pre cache, prefetch si prerender

Suport WebGL, accelerat DirectX 9 (GPU)

Optimizat touch pentru Windows 8.1 Update

Reader Mode pentru Windows 8.1 Update

Pinned sites – Live Tile pentru Windows 8.1 Update

Flash integrat – desktop mode, METRO mode

Suport mai bun pentru HTML 5

Enhanced Protected Mode (EPM) si AppContainer active by default

Page 6: Internet Explorer 11 Enterprise Mode & F12 Developer Tools

IE 11: ce e nou? IE 11 suport:

Client: Windows 7, Windows 8.1 Update

x32 si x64

Server: Windows Server 2012 R2, Windows Server 2008 R2 SP1

Se poate descarca prin Windows Update

Manual download link: http://windows.microsoft.com/ro-ro/internet-explorer/ie-11-worldwide-languages

Page 7: Internet Explorer 11 Enterprise Mode & F12 Developer Tools

IE 11 Enterprise Mode

Page 8: Internet Explorer 11 Enterprise Mode & F12 Developer Tools

IE 11 Enterprise Mode Ce este?

Solutie de optimizare a browser-ului IE 11 pentru compatibilitatea cu versiunile mai vechi de IE

Rezolva tensiunea dintre vechi si nou: compatibilitate, securitate

Performanta: viteza 2x pt site IE 8 rulat in IE 11 EP

IE 11 EP emuleaza in engine-ul IE11 comportamentul de browser mai vechi

Nu sunt binarele de IE vechi, nici JavaScript

Scop: ajuta companiile sa migreze catre tehnologiile noi

Ofera instrumente prin care se poate seta comportamentul IE 11 pt fiecare site

NU ESTE activ in mod implicit

Page 9: Internet Explorer 11 Enterprise Mode & F12 Developer Tools

IE 11 Enterprise Mode

Page 10: Internet Explorer 11 Enterprise Mode & F12 Developer Tools

IE 11 Enterprise Mode User agent string – interpretat automat si activat daca e setat EM. Nu si OS

version, care nu e spoofed

Deprecated content reintrodus doar in Enterprise Mode

Scos cache, precache, prerender

Toate compatibility tools sunt acolo, Enterprise Mode e acolo, un layer suplimentar, diferit

Se activeaza : prin Group Policies sau prin Registry Key

Daca e activat din Tools va tine minte modul Enterprise pentru acea pagina

IE Site Mode Manager Tool pentru management IE XML Site List

Page 11: Internet Explorer 11 Enterprise Mode & F12 Developer Tools

IE 11 Enterprise Mode: AVANTAJE Testare mai simpla pentru aplicatii web

Navigatie usoara

Fara setari suplimentare

Acelasi engine IE 11: performanta, securitate

Transparent pentru utilizator

Activare simpla

Compatibility view: 95%, cu Enterprise Mode – aproape 100%

Page 12: Internet Explorer 11 Enterprise Mode & F12 Developer Tools

IE 11 Enterprise Mode: activare [HKEY_CURRENT_USER\Software\Policies\Microsoft\Internet Explorer\Main\

EnterpriseMode]

"Enable"=""

[HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Microsoft\Internet Explorer\Main\EnterpriseMode]

"Enable"=-

Page 13: Internet Explorer 11 Enterprise Mode & F12 Developer Tools

IE 11 Enterprise Mode: config SiteList Registry Key

http://server/sitelist.xml

Page 14: Internet Explorer 11 Enterprise Mode & F12 Developer Tools

IE 11 Enterprise Mode: DEMO

Page 15: Internet Explorer 11 Enterprise Mode & F12 Developer Tools

IE 11: F12 Developer Tools O suita de instrumente pentru web dev care fac debugging-ul mai simplu

Apasati F12 in IE 11

Page 16: Internet Explorer 11 Enterprise Mode & F12 Developer Tools

IE 11: F12 Developer Tools DOM Explorer

Page 17: Internet Explorer 11 Enterprise Mode & F12 Developer Tools

IE 11: F12 Developer Tools Console

Page 18: Internet Explorer 11 Enterprise Mode & F12 Developer Tools

IE 11: F12 Developer Tools Debugger

Page 19: Internet Explorer 11 Enterprise Mode & F12 Developer Tools

IE 11: F12 Developer Tools Network: analiza de trafic

Page 20: Internet Explorer 11 Enterprise Mode & F12 Developer Tools

IE 11: F12 Developer Tools UI Responsiveness: performanta interfata CPU, FPS etc.

Page 21: Internet Explorer 11 Enterprise Mode & F12 Developer Tools

IE 11: F12 Developer Tools Profiler

Page 22: Internet Explorer 11 Enterprise Mode & F12 Developer Tools

IE 11: F12 Developer Tools Emulation

Page 23: Internet Explorer 11 Enterprise Mode & F12 Developer Tools

Concluzie Internet Explorer 11 Enterprise Mode activeaza automat compatibilitatea

Rezolva 95-99 % din situatii. Totusi nu e panaceu.

Windows 7/8.1 plus Server

NU e activ by default – Windows Registry sau Group Policy

Dupa activare, Tools – Enterprise Mode. Va tine minte setarile facute

Viteza, securitate

F12 Developer Tools

Page 24: Internet Explorer 11 Enterprise Mode & F12 Developer Tools

Link-uri utile technet.microsoft.com/ie

modern.ie/en-us/virtualization-tools#downloads

msdn.microsoft.com/en-us/library/gg589512(v=vs.85).aspx

msdn.microsoft.com/ie

Site List Manager download link: www.microsoft.com/en-us/download/details.aspx?id=42501

blogs.msdn.com/b/ie/archive/2014/04/02/stay-up-to-date-with-enterprise-mode-for-internet-explorer-11.aspx

Page 25: Internet Explorer 11 Enterprise Mode & F12 Developer Tools

Q&A

Page 26: Internet Explorer 11 Enterprise Mode & F12 Developer Tools

Va multumesc!

@balanionut