GREEN FILE FOLDERS CODE

In the bottom-left of the editor, click the button labelled Tools. # Step 1: SetupĬomplete this tutorial to get hands-on experience with Workspaces. Use local overrides when you want to experiment with changes to a page, and you need to see those changes across page loads, but you don't care about mapping your changes to the page's source code. Local overrides is another DevTools feature that is similar to Workspaces. If you run into issues while using Workspaces with your framework of choice, or you get it working after some custom configuration, please start a thread in the mailing list or ask a question on Stack Overflow to share your knowledge with the rest of the DevTools community. The DevTools community works to support the capabilities provided by source maps across a variety of frameworks and tools.

GREEN FILE FOLDERS CODE

Workspaces is usually able to map the optimized code back to your original source code with the help of source maps.

If you're using a modern framework, it probably transforms your source code from a format that's easy for you to maintain into a format that's optimized to run as quickly as possible. With Workspaces enabled, the CSS changes that you make within DevTools are saved to the source code on your desktop. You've got localhost:8080 open in Google Chrome, and you're using DevTools to change the site's CSS.You're running a local web server from the source code directory, so that the site is accessible at localhost:8080.You have the source code for your site on your desktop.Workspaces enable you to save a change that you make in Devtools to a local copy of the same file on your computer.

Use DevTools to make basic changes to CSS.

Use HTML, CSS, and JavaScript to build a web page.

Prerequisites: Before beginning this tutorial, you should know how to:

Green file folders