In addition, complete functions can be written and tested in the editor within the scope of the live page. Using the Scratchpad, a developer can access the current page’s objects, variables and script. The Scratchpad has many uses and is essentially a live JavaScript editor and prototyping tool. The following screencast presents an overview of the Style Editor’s features.įor more detailed information on the Style Editor take a look at the MDN documentation. The Style Editor is also linked to the Inspector allowing developers quick access to the stylesheet for the inspected element. In addition you can also import existing stylesheets and apply them to the current page or individually disable specific stylesheets. The Style Editor allows saving the changes made while using the editor. If you are not familiar with Cascading Style Sheets (CSS), please be sure to take a look at the CSS MDN documentation. Changes made in the style editor are automatically reflected in the loaded page. The Style Editor is primarily used to edit, debug or create new stylesheets within the context of the current app. In this post we briefly cover the Scratchpad and the Style editor.Īs with the first post, we present each tool with a quick screencast demonstrating some of their capabilities. While these two tools are powerful and provide capabilities to interrogate and alter your web applications, additional tools are available to further enhance the developer experience while building and debugging your apps. In the first post in the series we discussed the Web Console and the JavaScript Debugger. The intention is to show you all the possibilities available, the progress and what we are aiming for. This is part two, out of five, focusing on the built-in Developer Tools in Firefox, their features and where we are now with them.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |