How to Edit Websites with Local Overrides in Chrome Developer Tools
Did you know you could use Google Chrome Developer tools to edit any website using Local Overrides? In this video I demonstrate how we can use the developer tools and local overrides to make edits to www.google.com. We make edits to the css and html in order to generate our own "dark mode" version of the website. We then edit the core javascript code to introduce new functionality and log data to the console. This exercise is very useful for modern web developers and should help with understanding how applications work by reverse engineering their html markup, css, and javascript code.
Intro 0:00 - 0:09
Local Overrides Description 0:09 - 1:05
Edit HTML 1:05 - 5:05
Edit CSS / Dark Mode 5:05 - 5:58
Edit JavaScript Code 5:58 - 9:27
#developertools #chrome
Have a question about a topic covered in a video or need help? Schedule a micro consultation using the link below. We Offer an 80% Money Back Guarantee.
https://calendly.com/session-with-tim
