WinDays 14 - Seciranje web aplikacija uz pomoć novih IE11 Developer Toolsa
-
Upload
matija-smalcelj -
Category
Technology
-
view
25 -
download
1
Transcript of WinDays 14 - Seciranje web aplikacija uz pomoć novih IE11 Developer Toolsa
![Page 1: WinDays 14 - Seciranje web aplikacija uz pomoć novih IE11 Developer Toolsa](https://reader030.fdocuments.in/reader030/viewer/2022032503/55c12d66bb61eb893d8b45f8/html5/thumbnails/1.jpg)
Matija Šmalcelj
CS Computer Systems
Seciranje web aplikacija uz pomoć novih IE11 Developer Toolsa
![Page 2: WinDays 14 - Seciranje web aplikacija uz pomoć novih IE11 Developer Toolsa](https://reader030.fdocuments.in/reader030/viewer/2022032503/55c12d66bb61eb893d8b45f8/html5/thumbnails/2.jpg)
Inspirirani ljudima.
Ugasite mobitele. Hvala.
![Page 3: WinDays 14 - Seciranje web aplikacija uz pomoć novih IE11 Developer Toolsa](https://reader030.fdocuments.in/reader030/viewer/2022032503/55c12d66bb61eb893d8b45f8/html5/thumbnails/3.jpg)
![Page 4: WinDays 14 - Seciranje web aplikacija uz pomoć novih IE11 Developer Toolsa](https://reader030.fdocuments.in/reader030/viewer/2022032503/55c12d66bb61eb893d8b45f8/html5/thumbnails/4.jpg)
Inspirirani ljudima.
![Page 5: WinDays 14 - Seciranje web aplikacija uz pomoć novih IE11 Developer Toolsa](https://reader030.fdocuments.in/reader030/viewer/2022032503/55c12d66bb61eb893d8b45f8/html5/thumbnails/5.jpg)
Inspirirani ljudima.
IE developer toolbar
![Page 6: WinDays 14 - Seciranje web aplikacija uz pomoć novih IE11 Developer Toolsa](https://reader030.fdocuments.in/reader030/viewer/2022032503/55c12d66bb61eb893d8b45f8/html5/thumbnails/6.jpg)
Inspirirani ljudima.
Integrirani alat
![Page 7: WinDays 14 - Seciranje web aplikacija uz pomoć novih IE11 Developer Toolsa](https://reader030.fdocuments.in/reader030/viewer/2022032503/55c12d66bb61eb893d8b45f8/html5/thumbnails/7.jpg)
DOM explorer
Console
Debugger
Network
UI Responsivness
Profiler
Memory
Emulation
![Page 8: WinDays 14 - Seciranje web aplikacija uz pomoć novih IE11 Developer Toolsa](https://reader030.fdocuments.in/reader030/viewer/2022032503/55c12d66bb61eb893d8b45f8/html5/thumbnails/8.jpg)
• DOM editor
• CSS editor (autocomplete)
• Eventi
• BOX model
• Drag’n’drop elemenata
• Undo + Redo
• Changes (8.1)
DOM explorer
![Page 9: WinDays 14 - Seciranje web aplikacija uz pomoć novih IE11 Developer Toolsa](https://reader030.fdocuments.in/reader030/viewer/2022032503/55c12d66bb61eb893d8b45f8/html5/thumbnails/9.jpg)
• Debug poruke
• Greške
• Konzola
Console
![Page 10: WinDays 14 - Seciranje web aplikacija uz pomoć novih IE11 Developer Toolsa](https://reader030.fdocuments.in/reader030/viewer/2022032503/55c12d66bb61eb893d8b45f8/html5/thumbnails/10.jpg)
• 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)
![Page 11: WinDays 14 - Seciranje web aplikacija uz pomoć novih IE11 Developer Toolsa](https://reader030.fdocuments.in/reader030/viewer/2022032503/55c12d66bb61eb893d8b45f8/html5/thumbnails/11.jpg)
• performance API-i
Console• performance.mark(ime_markera)
• performance.measure(ime, start_marker, kraj_marker)
• performance.getMeasures(ime)
• performance.now()
![Page 12: WinDays 14 - Seciranje web aplikacija uz pomoć novih IE11 Developer Toolsa](https://reader030.fdocuments.in/reader030/viewer/2022032503/55c12d66bb61eb893d8b45f8/html5/thumbnails/12.jpg)
• Breakpointi
• Callstack
• Watch
• Pretty print
Debugger
![Page 13: WinDays 14 - Seciranje web aplikacija uz pomoć novih IE11 Developer Toolsa](https://reader030.fdocuments.in/reader030/viewer/2022032503/55c12d66bb61eb893d8b45f8/html5/thumbnails/13.jpg)
• Svi requesti
• Vremena odziva
DOMContentLoaded
Load
Network
![Page 14: WinDays 14 - Seciranje web aplikacija uz pomoć novih IE11 Developer Toolsa](https://reader030.fdocuments.in/reader030/viewer/2022032503/55c12d66bb61eb893d8b45f8/html5/thumbnails/14.jpg)
• Headeri
• Request
• Response
• Cookie-i
Network
![Page 15: WinDays 14 - Seciranje web aplikacija uz pomoć novih IE11 Developer Toolsa](https://reader030.fdocuments.in/reader030/viewer/2022032503/55c12d66bb61eb893d8b45f8/html5/thumbnails/15.jpg)
• „Task manager”
• „Task manager”
UIResponsiveness
![Page 16: WinDays 14 - Seciranje web aplikacija uz pomoć novih IE11 Developer Toolsa](https://reader030.fdocuments.in/reader030/viewer/2022032503/55c12d66bb61eb893d8b45f8/html5/thumbnails/16.jpg)
Inspirirani ljudima.
Demo
![Page 17: WinDays 14 - Seciranje web aplikacija uz pomoć novih IE11 Developer Toolsa](https://reader030.fdocuments.in/reader030/viewer/2022032503/55c12d66bb61eb893d8b45f8/html5/thumbnails/17.jpg)
• Broj izvršavanja
• Trajanje
• Lokacija u kodu
Profiler
![Page 18: WinDays 14 - Seciranje web aplikacija uz pomoć novih IE11 Developer Toolsa](https://reader030.fdocuments.in/reader030/viewer/2022032503/55c12d66bb61eb893d8b45f8/html5/thumbnails/18.jpg)
Inspirirani ljudima.
Demo
![Page 19: WinDays 14 - Seciranje web aplikacija uz pomoć novih IE11 Developer Toolsa](https://reader030.fdocuments.in/reader030/viewer/2022032503/55c12d66bb61eb893d8b45f8/html5/thumbnails/19.jpg)
• Alocirana memorija
• Snapshoti
Memory
![Page 20: WinDays 14 - Seciranje web aplikacija uz pomoć novih IE11 Developer Toolsa](https://reader030.fdocuments.in/reader030/viewer/2022032503/55c12d66bb61eb893d8b45f8/html5/thumbnails/20.jpg)
• Snapshot detalji
Memory
![Page 21: WinDays 14 - Seciranje web aplikacija uz pomoć novih IE11 Developer Toolsa](https://reader030.fdocuments.in/reader030/viewer/2022032503/55c12d66bb61eb893d8b45f8/html5/thumbnails/21.jpg)
Inspirirani ljudima.
Demo
![Page 22: WinDays 14 - Seciranje web aplikacija uz pomoć novih IE11 Developer Toolsa](https://reader030.fdocuments.in/reader030/viewer/2022032503/55c12d66bb61eb893d8b45f8/html5/thumbnails/22.jpg)
• Document mode
• User-Agent
• Rezolucije
• Geolokacija
Emulation
![Page 24: WinDays 14 - Seciranje web aplikacija uz pomoć novih IE11 Developer Toolsa](https://reader030.fdocuments.in/reader030/viewer/2022032503/55c12d66bb61eb893d8b45f8/html5/thumbnails/24.jpg)
![Page 25: WinDays 14 - Seciranje web aplikacija uz pomoć novih IE11 Developer Toolsa](https://reader030.fdocuments.in/reader030/viewer/2022032503/55c12d66bb61eb893d8b45f8/html5/thumbnails/25.jpg)
Inspirirani ljudima.
Pitanja i odgovori.
![Page 27: WinDays 14 - Seciranje web aplikacija uz pomoć novih IE11 Developer Toolsa](https://reader030.fdocuments.in/reader030/viewer/2022032503/55c12d66bb61eb893d8b45f8/html5/thumbnails/27.jpg)