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/4-devtools/article.md
+10-11Lines changed: 10 additions & 11 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -2,42 +2,41 @@
2
2
3
3
Code ist anfällig für Fehler. Du wirst sehr wahrscheinlich Fehler machen... Oh, was rede ich da? Du wirst *auf jeden Fall* Fehler machen, zumindest wenn du ein Mensch bist und kein [Roboter](https://en.wikipedia.org/wiki/Bender_(Futurama)).
4
4
5
-
Aber in Browsern sehen Benutzer standardmäßig keine Fehler. Also, wenn etwas im Skipt schief läuft, sehen wir nicht was falsch ist und können es nicht beheben.
5
+
Aber in Browsern sehen Benutzer standardmäßig keine Fehler. Also, wenn etwas im Skript schief läuft, sehen wir nicht was falsch ist und können es nicht beheben.
6
6
7
-
Um Feheler zu sehen und weitere nützliche Informationen über Skripts zu bekommen, wurden "Entwicklertools" in Browsern eingebaut.
7
+
Um Fehler zu sehen und weitere nützliche Informationen über Skripts zu bekommen, wurden "Entwicklertools" in Browser eingebaut.
8
8
9
-
Die meisten Entwickler tendieren zu Chrome oder Firefox für die Entwicklung, weil diese Browser die besten Entwicklertools haben. Andere Browser stellen ebenfalls Entwicklertools bereit, manchmal mit besonderen Eigenschaften aber in der Regel lassen Chrome oder Firefox diese hinter sich. So haben die meisten Entwickler eine "Lieblingsbrowser" und wechseln zu einen anderen, wenn es ein browserspezifisches Problem gibt.
9
+
Die meisten Entwickler tendieren zu Chrome oder Firefox für die Entwicklung, weil diese Browser die besten Entwicklertools haben. Andere Browser stellen ebenfalls Entwicklertools bereit, manchmal mit besonderen Eigenschaften aber in der Regel lassen Chrome oder Firefox diese hinter sich. So haben die meisten Entwickler einen "Lieblingsbrowser" und wechseln zu einen anderen, wenn es ein browserspezifisches Problem gibt.
10
10
11
-
Entwicklertools sind mächtig; sie haben viele Features. Zuerst lernen wir, wie man sie öffnet, sich Fehler ansieht und JavaScriptBefehle ausführt
11
+
Entwicklertools sind leistungsstark; sie haben viele Features. Zuerst lernen wir, wie man sie öffnet, sich Fehler ansieht und JavaScript-Befehle ausführt.
12
12
13
13
## Google Chrome
14
14
15
15
Öffne die Seite [bug.html](bug.html).
16
16
17
-
Dort ist ein Fehler im JavaScriptCode. Er ist aus Sich eines normalen Besuchers nicht zu sehen, also öffnen wird die Entwicklertools um ihn zu sehen.
17
+
Dort ist ein Fehler im JavaScript-Code. Er ist aus Sicht eines normalen Besuchers nicht zu sehen, also öffnen wird die Entwicklertools um ihn zu sehen.
18
18
19
19
Drücke `key:F12` oder wenn du auf einem Mac bist `key:Cmd+Opt+J`.
20
20
21
21
Die Entwicklertools öffnen sich standardmäßig auf dem Konsolen-Reiter.
22
22
23
-
Es sieht ungefähr wie das aus:
23
+
Es sieht ungefähr so aus:
24
24
25
25

26
26
27
-
Wie genau die Entwicklertools aussehen, hängt von der ChromeVersion ab. Sie ändern sich von Zeit zu Zeit aber sollten ähnlich aussehen.
27
+
Wie genau die Entwicklertools aussehen, hängt von der Chrome-Version ab. Sie ändern sich von Zeit zu Zeit, aber sollten ähnlich aussehen.
28
28
29
29
- Hier sehen wir die rot markierte Fehlermeldung. In diesem Fall beinhaltet das Skript einen unbekannten Befehl "lalala".
30
30
- Auf der rechten Seite ist ein anklickbarer Link zur Quelle `bug.html:12` mit der Zeilennummer, wo der Fehler aufgetreten ist.
31
31
32
-
Unter der Fehlermeldung befindet sich ein Blaues`>` Symbol. Es markiert eine "Befehlszeile" wo wir JavaScriptBefehle eingeben können. Drücke `key:Enter` um sie auszuführen.
32
+
Unter der Fehlermeldung befindet sich ein blaues`>` Symbol. Es markiert eine "Befehlszeile" wo wir JavaScript-Befehle eingeben können. Drücke `key:Enter` um sie auszuführen.
33
33
34
34
Nun können wir Fehler sehen und das ist genug für den Anfang. Wir kehren späte zu den Entwicklertoos zurück und behandeln das Debugging im Kapitel <info:debugging-chrome> tiefer.
35
35
36
-
37
36
```smart header="Multi-line input"
38
37
Normalerweise, wenn wir eine Zeile Code in die Konsole eingeben und dann `key:Enter` drücken, wird er ausgeführt.
39
38
40
-
Um mehrere Zeilen einzugeben, drücke `key:Shift+Enter`. Auf diese Weise können längere Fragmente JavaScriptCode eingegeben werden.
39
+
Um mehrere Zeilen einzugeben, drücke `key:Shift+Enter`. Auf diese Weise können längere Fragmente JavaScript-Code eingegeben werden.
41
40
```
42
41
43
42
## Firefox, Edge, und andere
@@ -48,7 +47,7 @@ Das Aussehen ist meist sehr ähnlich. Sobald du weißt wie man eins dieser Tools
48
47
49
48
## Safari
50
49
51
-
Safari (Mac Browser, nicht unterstützt werden Windows/Linux) ist etwas speziell. Wir müssen zuerst das "EntwicklerMenü" aktivieren.
50
+
Safari (Mac Browser, nicht unterstützt werden Windows/Linux) ist etwas speziell. Wir müssen zuerst das "Entwickler-Menü" aktivieren.
52
51
53
52
Öffne Einstellungen und wähle "Erweitert" aus. Dort ist unten ein Kontrollkästchen:
0 commit comments