Accessing Your Browser's Dev Tools

In order to bring up your dev tools for a web page, you can simply right click and select Inspect or Inspect Element.

A webrowser’s dev tools let us look at the code a website is built with. When customising your website you will need to use dev tools in order in inspect your site’s CSS and test your changes or additions.

1200px-Firefox_Project_Logo,_2019.svg.png

Firefox

shortcut:

ctl + shift + i

Google_Chrome_icon_(2011).png

Google Chrome

shortcut:

ctl + shift + i

1028px-Safari_browser_logo.svg.png

Safari

shortcut:

command + option + i

microsoft-edge-new-2020-logo.png

Microsoft Edge

shortcut:

ctl + shift + i

Website-DIYIgnite Communications WAComment