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: 1-js/01-getting-started/3-devtools/article.md
+6-6Lines changed: 6 additions & 6 deletions
Original file line number
Diff line number
Diff line change
@@ -1,12 +1,12 @@
1
1
# Developer console
2
2
3
-
A code is prone to errors. You are quite likely to have errors... Oh, what am I talking about? You are *absolutely* going to make errors, at least if you're a human, not a [robot](https://en.wikipedia.org/wiki/Bender_(Futurama)).
3
+
Code is prone to errors. You are quite likely to have errors... Oh, what am I talking about? You are *absolutely* going to make errors, at least if you're a human, not a [robot](https://en.wikipedia.org/wiki/Bender_(Futurama)).
4
4
5
5
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.
6
6
7
7
To see errors and get a lot of other useful information about scripts, browsers have embedded "developer tools".
8
8
9
-
Most often developers lean towards Chrome or Firefox for the development, because those browsers have the best developer tools. Other browsers also provide developer tools, sometimes with special features, but are usually playing "catching-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 "catching-up" to Chrome or Firefox. So most people have a "favorite" browser and switch to others if a problem is browser-specific.
10
10
11
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.
12
12
@@ -18,7 +18,7 @@ Open the page [bug.html](bug.html).
18
18
19
19
There's an error in the JavaScript code on it. It's hidden from a regular visitor's eyes, so let's open developer tools to see it.
20
20
21
-
Press the key `key:F12` or, if you're on Mac, then `key:Cmd+Opt+J`.
21
+
Press `key:F12` or, if you're on Mac, then `key:Cmd+Opt+J`.
22
22
23
23
The developer tools will open on the Console tab by default.
24
24
@@ -40,13 +40,13 @@ Now we can see errors and that's enough for the start. We'll be back to develope
40
40
41
41
Most other browsers use `key:F12` to open developer tools.
42
42
43
-
The look & feel of them is quite similar. Once you know how to use one of them (can start with Chrome), you can easily switch to another.
43
+
The look & feel of them is quite similar. Once you know how to use one of them (ypu can start with Chrome), you can easily switch to another.
44
44
45
45
## Safari
46
46
47
-
Safari (Mac browser, not supported for Windows/Linux) is a little bit special here. We need to enable the "Develop menu" first.
47
+
Safari (Mac browser, not supported by Windows/Linux) is a little bit special here. We need to enable the "Develop menu" first.
48
48
49
-
Open Preferences and go to "Advanced" pane. There's a checkbox at the bottom of it:
49
+
Open Preferences and go to "Advanced" pane. There's a checkbox at the bottom:
0 commit comments