Matija Šmalcelj

CS Computer Systems

Seciranje web aplikacija uz pomoć novih IE11 Developer Toolsa

Inspirirani ljudima.

Ugasite mobitele. Hvala.

Inspirirani ljudima.

Inspirirani ljudima.

IE developer toolbar

Inspirirani ljudima.

Integrirani alat

DOM explorer

Console

Debugger

Network

UI Responsivness

Profiler

Memory

Emulation

• DOM editor

• CSS editor (autocomplete)

• Eventi

• BOX model

• Drag’n’drop elemenata

• Undo + Redo

• Changes (8.1)

DOM explorer

• Debug poruke

• Greške

• Konzola

Console

• console API-i

Console• console.time(ime_timera)

• console.timeEnd(ime_timera)

• console.debug()

• console.dir(objekt)

• console.trace()

• console.group(ime_grupe)

• console.groupEnd()

• console.count(ime_countera)

• performance API-i

Console• performance.mark(ime_markera)

• performance.measure(ime, start_marker, kraj_marker)

• performance.getMeasures(ime)

• performance.now()

• Breakpointi

• Callstack

• Watch

• Pretty print

Debugger

• Svi requesti

• Vremena odziva

DOMContentLoaded

Load

Network

• Headeri

• Request

• Response

• Cookie-i

Network

• „Task manager”

• „Task manager”

UIResponsiveness

Inspirirani ljudima.

Demo

• Broj izvršavanja

• Trajanje

• Lokacija u kodu

Profiler

Inspirirani ljudima.

Demo

• Alocirana memorija

• Snapshoti

Memory

• Snapshot detalji

Memory

Inspirirani ljudima.

Demo

• Document mode

• User-Agent

• Rezolucije

• Geolokacija

Emulation

[CTRL] + [SHIFT] + UHTML5 Fish Bowl

Inspirirani ljudima.

Pitanja i odgovori.

Hvala na pažnji !

Email: msmalcelj@cs.hrTwitter: matijasmalcelj