Those screenshots are not up-to-date, the developer tools are different in Firefox 58.
Topic on Help talk:Locating broken scripts
Appearance
If you have time to update the screenshots, please help! :)
I have time, but then the text of this page should be changed too.
For me Firefox console looks like that: https://snag.gy/SpFGsA.jpg
So there is no own section for "net", "css", "js", "security", "logging" and "server", they all seem to be in the same.
Well then if you have time to update anything, please help as well! :) I'll mark your edits for translation when they will be done. Thank you for your help!