The following figure shows the Navigator pane highlighted with a red box in the upper left corner of DevTools, the Editor pane highlighted in the upper right, and the Debugger pane highlighted on the bottom. Watch and manually change the values of variables that are in-scope for the current line of code. Use the JavaScript Debugger to set breakpoints, pause running JavaScript, and step through the code, including any edits you have made, while watching any JavaScript expressions you specify. When you use Workspaces or Overrides, you can edit HTML files as well. Your changes are preserved until you refresh the page, or are preserved after page refresh if you save to a local file with Workspaces. Make experimental edits to JavaScript or CSS. View JavaScript, HTML, CSS, and other files that are returned from the server. Optionally, set up a local Workspace to save changes directly to source files. Select files, images, and other resources, and view their paths. Navigate among the resources that are returned from the server to construct the current webpage. Use the Sources tool to view, modify, and debug front-end JavaScript code, and to inspect the resources that make up the current webpage.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |