Skip to content

Commit 1940b79

Browse files
committed
inc remaining review
1 parent e0172c2 commit 1940b79

9 files changed

Lines changed: 216 additions & 251 deletions

File tree

microsoft-edge/devtools-guide-chromium/elements-tool/elements-tool.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,3 +26,4 @@ Debug your HTML using the DOM tree, and inspect and work on the CSS for your web
2626
* [Edit CSS font styles and settings in the Styles pane](../inspect-styles/edit-fonts.md)
2727
* [Style editing for CSS-in-JS frameworks](../css/css-in-js.md)
2828
* [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.

microsoft-edge/devtools-guide-chromium/javascript/overrides.md

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,13 @@ Sometimes you need to try out some possible fixes for a webpage, but you don't h
1515

1616
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.
1717

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.
23+
-->
24+
1825

1926
<!-- ====================================================================== -->
2027
## Setting up your local folder to store Overrides

microsoft-edge/devtools-guide-chromium/overview.md

Lines changed: 16 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -618,21 +618,22 @@ See also:
618618

619619
<!-- todo: remove all but ~5 links -->
620620

621-
* [About the list of tools](about-tools.md)<!--keep link-->
622-
* [Inspect and change the current webpage](dom/index.md)<!--keep link?-->
623-
* [Emulate how your product behaves on different devices](device-mode/index.md)<!--keep link?-->
624-
* [Inspect, tweak, and change the styles of elements](inspect-styles/edit-fonts.md)<!--keep link?-->
625-
* [Debug your JavaScript](javascript/index.md)<!--keep link?-->
626-
* [Live console](console/index.md)<!--keep link?-->
627-
* [Accessibility, performance, compatibility, and security issues](issues/index.md)<!--keep link?-->
628-
* [Inspect the network traffic](network/index.md)<!--keep link?-->
629-
* [Inspect where the browser stored content](storage/sessionstorage.md)<!--keep link?-->
630-
* [Evaluate the performance](evaluate-performance/index.md)<!--keep link?-->
631-
* [Memory problems](memory-problems/index.md)<!--keep link?-->
632-
* [Rendering issues](rendering-tools/index.md)<!--keep link?-->
633-
* [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?-->
621+
* [About the list of tools](./about-tools.md)<!--keep link-->
622+
* [Inspect and change the current webpage](./dom/index.md)<!--keep link?-->
623+
* [Emulate how your product behaves on different devices](./device-mode/index.md)<!--keep link?-->
624+
* [Inspect, tweak, and change the styles of elements](./inspect-styles/edit-fonts.md)<!--keep link?-->
625+
* [Debug your JavaScript](./javascript/index.md)<!--keep link?-->
626+
* [Live console](./console/index.md)<!--keep link?-->
627+
* [Accessibility, performance, compatibility, and security issues](./issues/index.md)<!--keep link?-->
628+
* [Inspect the network traffic](./network/index.md)<!--keep link?-->
629+
* [Inspect where the browser stored content](./storage/sessionstorage.md)<!--keep link?-->
630+
* [Evaluate the performance](./evaluate-performance/index.md)<!--keep link?-->
631+
* [Memory problems](./memory-problems/index.md)<!--keep link?-->
632+
* [Rendering issues](./rendering-tools/index.md)<!--keep link?-->
633+
* [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.
636637

637638

638639
<!-- ====================================================================== -->

microsoft-edge/devtools-guide-chromium/quick-source/quick-source-tool.md

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,16 @@ Use the **Quick source** tool to display or edit source files at the same time a
1919

2020
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.
2121

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+
2232

2333
<!-- ------------------------------ -->
2434
#### Use the Quick source tool in conjunction with the Sources tool

0 commit comments

Comments
 (0)