Skip to content

Commit f9556d5

Browse files
authored
Update article.md
1 parent 6e23375 commit f9556d5

File tree

1 file changed

+10
-11
lines changed

1 file changed

+10
-11
lines changed

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

Lines changed: 10 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -2,42 +2,41 @@
22

33
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)).
44

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.
66

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.
88

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.
1010

11-
Entwicklertools sind mächtig; sie haben viele Features. Zuerst lernen wir, wie man sie öffnet, sich Fehler ansieht und JavaScript Befehle 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.
1212

1313
## Google Chrome
1414

1515
Öffne die Seite [bug.html](bug.html).
1616

17-
Dort ist ein Fehler im JavaScript Code. 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.
1818

1919
Drücke `key:F12` oder wenn du auf einem Mac bist `key:Cmd+Opt+J`.
2020

2121
Die Entwicklertools öffnen sich standardmäßig auf dem Konsolen-Reiter.
2222

23-
Es sieht ungefähr wie das aus:
23+
Es sieht ungefähr so aus:
2424

2525
![chrome](chrome.png)
2626

27-
Wie genau die Entwicklertools aussehen, hängt von der Chrome Version 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.
2828

2929
- Hier sehen wir die rot markierte Fehlermeldung. In diesem Fall beinhaltet das Skript einen unbekannten Befehl "lalala".
3030
- Auf der rechten Seite ist ein anklickbarer Link zur Quelle `bug.html:12` mit der Zeilennummer, wo der Fehler aufgetreten ist.
3131

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.
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.
3333

3434
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.
3535

36-
3736
```smart header="Multi-line input"
3837
Normalerweise, wenn wir eine Zeile Code in die Konsole eingeben und dann `key:Enter` drücken, wird er ausgeführt.
3938
40-
Um mehrere Zeilen einzugeben, drücke `key:Shift+Enter`. Auf diese Weise können längere Fragmente JavaScript Code eingegeben werden.
39+
Um mehrere Zeilen einzugeben, drücke `key:Shift+Enter`. Auf diese Weise können längere Fragmente JavaScript-Code eingegeben werden.
4140
```
4241

4342
## Firefox, Edge, und andere
@@ -48,7 +47,7 @@ Das Aussehen ist meist sehr ähnlich. Sobald du weißt wie man eins dieser Tools
4847

4948
## Safari
5049

51-
Safari (Mac Browser, nicht unterstützt werden Windows/Linux) ist etwas speziell. Wir müssen zuerst das "Entwickler Menü" aktivieren.
50+
Safari (Mac Browser, nicht unterstützt werden Windows/Linux) ist etwas speziell. Wir müssen zuerst das "Entwickler-Menü" aktivieren.
5251

5352
Öffne Einstellungen und wähle "Erweitert" aus. Dort ist unten ein Kontrollkästchen:
5453

0 commit comments

Comments
 (0)