dubey/WebGoat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added Tutorial for Chrome Developer Tools.

Browse Source
This commit is contained in:
Tobias_Melzer
2018-11-20 00:52:46 +01:00
committed by Nanne Baars
parent eb29ed00ff
commit af565b5035
17 changed files with 169 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
webgoat-lessons/chrome-dev-tools/src/main/resources/lessonPlans/en/ChromeDevTools_sources.adoc Normal file
View File

@ -0,0 +1,16 @@
== The Sources tab
In the sources tab you can check out the file system and view all the HTML, CSS and JavaScript files that are used, to
create the website. Simply click on a file to view its contents.
image::images/ChromeDev_Sources.jpg[DeveloperToolsSources,400,500,style="lesson-image"]
== The Network tab
In the Network tab you can view HTTP requests and responses the website has performed.
If you want more detailed information on a particular request, just click on it.
In the Timeline above the blue dots represent, when these requests and responses have been performed.
You can also see the Requests done in a specific tine frame, simply by clicking and dragging on the timeline. Now the Window
below, will only show the requests and responses done in that particular time frame.
image::images/ChromeDev_Network.jpg[DeveloperToolsNetwork,400,500,style="lesson-image"]