Skip to content

Commit 844c286

Browse files
authored
Merge pull request #594 from gratiaa/patch-4
[PR] Fix typos
2 parents 4a05254 + 8767c3e commit 844c286

File tree

1 file changed

+11
-11
lines changed

1 file changed

+11
-11
lines changed

1-js/01-getting-started/3-devtools/article.md

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,11 @@ Code is prone to errors. You are quite likely to make errors... Oh, what am I ta
44

55
But in the browser, a user doesn't see the errors by default. So, if something goes wrong in the script, we won't see what's broken and can't fix it.
66

7-
To see errors and get a lot of other useful information about scripts, browsers have embedded "developer tools".
7+
To see errors and get a lot of other useful information about scripts, "developer tools" have been embedded in browsers.
88

9-
Most often developers lean towards Chrome or Firefox for development, because those browsers have the best developer tools. Other browsers also provide developer tools, sometimes with special features, but are usually playing "catch-up" to Chrome or Firefox. So most people have a "favorite" browser and switch to others if a problem is browser-specific.
9+
Most often developers lean towards Chrome or Firefox for development because those browsers have the best developer tools. Other browsers also provide developer tools, sometimes with special features, but are usually playing "catch-up" to Chrome or Firefox. So most people have a "favorite" browser and switch to others if a problem is browser-specific.
1010

11-
Developer tools are really powerful, there are many features. To start, we'll learn how to open them, look at errors and run JavaScript commands.
11+
Developer tools are potent; there are many features. To start, we'll learn how to open them, look at errors and run JavaScript commands.
1212

1313
## Google Chrome
1414

@@ -24,21 +24,21 @@ It looks somewhat like this:
2424

2525
![chrome](chrome.png)
2626

27-
The exact look of developer tools depends on your version of Chrome. It changes from time to time, but should be similar.
27+
The exact look of developer tools depends on your version of Chrome. It changes from time to time but should be similar.
2828

29-
- Here we can see the red-colored error message. In this case the script contains an unknown "lalala" command.
29+
- Here we can see the red-colored error message. In this case, the script contains an unknown "lalala" command.
3030
- On the right, there is a clickable link to the source `bug.html:12` with the line number where the error has occurred.
3131

32-
Below the error message there is a blue `>` symbol. It marks a "command line" where we can type JavaScript commands and press `key:Enter` to run them (`key:Shift+Enter` to input multi-line commands).
32+
Below the error message, there is a blue `>` symbol. It marks a "command line" where we can type JavaScript commands. Press `key:Enter` to run them (`key:Shift+Enter` to input multi-line commands).
3333

34-
Now we can see errors and that's enough for the start. We'll be back to developer tools later and cover debugging more in-depth in the chapter <info:debugging-chrome>.
34+
Now we can see errors, and that's enough for a start. We'll be back to developer tools later and cover debugging more in-depth in the chapter <info:debugging-chrome>.
3535

3636

37-
## Firefox, Edge and others
37+
## Firefox, Edge, and others
3838

3939
Most other browsers use `key:F12` to open developer tools.
4040

41-
The look & feel of them is quite similar. Once you know how to use one of them (you can start with Chrome), you can easily switch to another.
41+
The look & feel of them is quite similar. Once you know how to use one of those tools (you can start with Chrome), you can easily switch to another.
4242

4343
## Safari
4444

@@ -48,11 +48,11 @@ Open Preferences and go to "Advanced" pane. There's a checkbox at the bottom:
4848

4949
![safari](safari.png)
5050

51-
Now `key:Cmd+Opt+C` can toggle the console. Also note that the new top menu item named "Develop" has appeared. It has many commands and options.
51+
Now `key:Cmd+Opt+C` can toggle the console. Also, note that the new top menu item named "Develop" has appeared. It has many commands and options.
5252

5353
## Summary
5454

5555
- Developer tools allow us to see errors, run commands, examine variables and much more.
5656
- They can be opened with `key:F12` for most browsers under Windows. Chrome for Mac needs `key:Cmd+Opt+J`, Safari: `key:Cmd+Opt+C` (need to enable first).
5757

58-
Now we have the environment ready. In the next section we'll get down to JavaScript.
58+
Now we have the environment ready. In the next section, we'll get down to JavaScript.

0 commit comments

Comments
 (0)