Recommended guide to using Developer tools, to go alongside the course

JavaScript
1

I have provided potentially lot of unnecessary context, feel free to be selective of what of it to read, see below “Actual Request” heading for where context ends.

Context

I typically use Edge but I had to downloaded chrome for something that required it and have used it in the past on a previous device, so I very happy for your advice to be for either browser.

I opted to include this thread under JavaScript sub-forum as it is the module I am currently working on and discussion of developer tools may be particularly relevant to JavaScript, feel free to move it to general if more appropriate.

I will admit to having nearly completed the old Syllabus JavaScript course (on last certification project) will generally ignored when it said to look this up in developer tools, due to me not knowing what to do and being able to tick off the step, regardless.

Actual Request

I know how to access developer tools and the console but generally struggle after that. Could you recommend to me a guide* to help help me find the core information in developer tools and where relevant what is means. If this come across asking too much that is probably me not knowing what to ask for; said another way I want to learn what I should know about developer tools for the course (at least as of now) including error checking of course programs. I will say, I can find guides myself, but I feel it may a time to follow recommendations so I ensure I see something up to date and very relevant to my situation. Let me know if you need/like more information.

There may be a better term however I suspect guide is more accurate than course. Sorry for the length of this post.

2

each browser should have its own guide about how things work, like for example this is for Google Chrome: Chrome DevTools  |  Chrome for Developers

most of what you do as a developer will just require to open the console and look at things appear there, or see the html structure of the page under Elements, so those guides could have a lot of extra information than what you need

3

I suspect then guide is too strong a word too, however I feel there is some independent reading/watching I need to do on developer tools.

4

By independent I mean separate of the course and what is directly said in forum post not that I no longer need to input, on where to look. Independent on reflection, may not be the right term possibly something like ‘outside’ was the right term.

5

I do not understand what you are looking for, I gave you the official guide for Google Chrome Dev Tools, is it because you are using a different browser?

1 Like
6

I did wonder if that was enough but confused by you at least implying it being overly detailed for what I probably needed. I am now clear thankyou,