Developer Tools

Question 1

What are developer tools?

Answer 1

Sometimes referred to as the web inspector

These tools allow you to inspect the HTML, CSS, JavaScript and much more on websites you visit and build.

They allow you to easily and quickly track down the cause of issues and bugs.

You can change the code in browser (only changes in browser, so have to copy and paste onto the code later)

+ much more

Question 2

HOTKEYS
How to open sources

How to inspect element

How to open dev console

Answer 2

F12 to open dev tools
Right-click on an element then inspect (q)

Ctrl + Shift + J to open developer console

Question 3

What does strike through mean in dev tools firefox?

Answer 3

A style is being overwritten by another

Question 4

How do you check every inherited style for an element in your browser’s developer tools?

Answer 4

Elements > Computed

Question 5

Are changes made in dev tools to HTML and CSS permanent?

Answer 5

No, but you can save and it saves the HTML file.