@@ -3,7 +3,7 @@ book_path: /web/tools/_book.yaml
3
3
description: View and edit files, create Snippets, debug JavaScript, and set up Workspaces in the Sources panel of Chrome DevTools.
4
4
5
5
{# wf_blink_components: Platform>DevTools #}
6
- {# wf_updated_on: 2018-12-19 #}
6
+ {# wf_updated_on: 2019-01-30 #}
7
7
{# wf_published_on: 2018-01-09 #}
8
8
9
9
{% include "web/tools/chrome-devtools/_ shared/styles.html" %}
@@ -44,10 +44,10 @@ How the **Page** pane is organized:
44
44
* The third-level, fourth-level, and so on, represent directories and resources that
45
45
were loaded from that origin. For example, in <b >Figure 1</b > the full path to the
46
46
resource ` devsite-googler-button ` is
47
- ` developers.google.com/_static/f6e16de9fa /css/devsite-googler-button `
47
+ ` developers.google.com/_static/19aa27122b /css/devsite-googler-button `
48
48
49
49
[ frame ] : https://www.w3.org/TR/html401/present/frames.html
50
- [ origin ] : https://www.w3. org/TR/2011/WD-html5-20110525/ origin-0 .html
50
+ [ origin ] : https://html.spec.whatwg. org/multipage/ origin.html#origin
51
51
52
52
Click a file in the ** Page** pane to view its contents in the ** Editor** pane. You
53
53
can view any type of file. For images, you see a preview of the image.
@@ -87,7 +87,7 @@ change, then the text `A` would have been logged to the **Console**.
87
87
<img src="images/edit-js.gif"
88
88
alt="Editing JavaScript in the Editor pane"/>
89
89
<figcaption >
90
- <b>Figure 5 </b>. Editing JavaScript in the <b>Editor</b> pane
90
+ <b>Figure 4 </b>. Editing JavaScript in the <b>Editor</b> pane
91
91
</figcaption >
92
92
</figure >
93
93
@@ -114,7 +114,7 @@ any time you need it. DevTools saves the **Snippet** to your file system.
114
114
<img src="images/snippet.png"
115
115
alt="A Snippet that inserts the jQuery library into a page."/>
116
116
<figcaption >
117
- <b>Figure 6 </b>. A <b>Snippet</b> that inserts the jQuery library into a page
117
+ <b>Figure 5 </b>. A <b>Snippet</b> that inserts the jQuery library into a page
118
118
</figcaption >
119
119
</figure >
120
120
@@ -146,7 +146,7 @@ basics of debugging in DevTools.
146
146
<img src="images/debugging.png"
147
147
alt="Debugging JavaScript"/>
148
148
<figcaption >
149
- <b>Figure 7 </b>. Debugging JavaScript
149
+ <b>Figure 6 </b>. Debugging JavaScript
150
150
</figcaption >
151
151
</figure >
152
152
0 commit comments