You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: microsoft-edge/devtools-guide-chromium/elements-tool/elements-tool.md
+1Lines changed: 1 addition & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -26,3 +26,4 @@ Debug your HTML using the DOM tree, and inspect and work on the CSS for your web
26
26
*[Edit CSS font styles and settings in the Styles pane](../inspect-styles/edit-fonts.md)
27
27
*[Style editing for CSS-in-JS frameworks](../css/css-in-js.md)
28
28
*[Get started viewing and changing the DOM](../dom/index.md)
29
+
*[Your first website](https://developer.mozilla.org/docs/Learn/Getting_started_with_the_web) (MDN) - How to use HTML, CSS, and JavaScript to build a web page.
Copy file name to clipboardExpand all lines: microsoft-edge/devtools-guide-chromium/javascript/overrides.md
+7Lines changed: 7 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -15,6 +15,13 @@ Sometimes you need to try out some possible fixes for a webpage, but you don't h
15
15
16
16
You can now take a resource of the current webpage and store it locally. When you refresh the webpage, the browser doesn't load the resource from the server; instead, the browser replaces the server resource with your local copy of the resource.
17
17
18
+
<!-- todo: a note from review, maybe incorp:
19
+
The overrides that you make are saved across reloads.
20
+
You're not supposed to use this feature for mapping to your source files.
21
+
When you set up a folder for local overrides the first time, that folder should be empty.
22
+
DevTools will create all of the folders and sub-folders that it needs to store overrides within it.
*[Use a development environment](./sources/index.md)<!--keep link?-->
634
+
*[Sync changes in DevTools with the file system](./workspaces/index.md)<!--keep link?-->
635
+
*[Override files from the web](./javascript/overrides.md)<!--keep link?-->
636
+
*[Your first website](https://developer.mozilla.org/docs/Learn/Getting_started_with_the_web) (MDN) - How to use HTML, CSS, and JavaScript to build a web page.
Copy file name to clipboardExpand all lines: microsoft-edge/devtools-guide-chromium/quick-source/quick-source-tool.md
+10Lines changed: 10 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -19,6 +19,16 @@ Use the **Quick source** tool to display or edit source files at the same time a
19
19
20
20
The main place to view source files in the DevTools is within the **Sources** tool. But sometimes you need to access other tools, such as **Elements** or **Console**, while viewing or editing your source files. Use the **Quick source** tool, which by default opens in the **Quick View** panel at the bottom of DevTools.
21
21
22
+
<!-- incoming overflow: removed from Workspace tut so that can focus only on teaching Workspace, not also Quick source.
23
+
You can edit and save the JavaScript (or HTML or CSS) file in the **Sources** tool's editor, or in the **Quick source** tool in the **Quick View** panel at the bottom of DevTools.
24
+
25
+
The main place to use the code editor of DevTools is the **Sources** tool. But sometimes you need to access other tools, such as the **Elements** tool or the **Console**, while editing files. The **Quick source** tool gives you just the editor from the **Sources** tool (without the **Navigator** or **Debugger** pane), while any tool is open in the upper part of DevTools.
26
+
27
+
We'll walk through a couple ways to open the **Quick source** tool and open a file in the **Quick source** tool:
28
+
* The regular, GUI way.
29
+
* The **Command Menu** shortcut way.
30
+
-->
31
+
22
32
23
33
<!-- ------------------------------ -->
24
34
#### Use the Quick source tool in conjunction with the Sources tool
0 commit comments