Skip to content

Developer console - #13

Merged
christianhegedues merged 25 commits into
javascript-tutorial:masterfrom
AlexanderK22:master
May 20, 2020
Merged

Developer console#13
christianhegedues merged 25 commits into
javascript-tutorial:masterfrom
AlexanderK22:master

Conversation

@AlexanderK22

Copy link
Copy Markdown
Contributor

Translated the "Developer console" section

The text within the body tags has been translated
The article.md file was translated
@javascript-translate-bot javascript-translate-bot added the review needed Review needed, please approve or request changes label Jan 27, 2020
@javascript-translate-bot
javascript-translate-bot requested a review from a team January 27, 2020 16:09
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)).

But in the browser, users don't see errors by default. So, if something goes wrong in the script, we won't see what's broken and can't fix it.
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.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
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.
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.

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.

To see errors and get a lot of other useful information about scripts, "developer tools" have been embedded in browsers.
Um Feheler zu sehen und weitere nΓΌtzliche Informationen ΓΌber Skripts zu bekommen, wurden "Entwicklertools" in Browsern eingebaut.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Um Feheler zu sehen und weitere nΓΌtzliche Informationen ΓΌber Skripts zu bekommen, wurden "Entwicklertools" in Browsern eingebaut.
Um Fehler zu sehen und weitere nΓΌtzliche Informationen ΓΌber Skripts zu bekommen, wurden "Entwicklertools" in Browser eingebaut.

Um Feheler zu sehen und weitere nΓΌtzliche Informationen ΓΌber Skripts zu bekommen, wurden "Entwicklertools" in Browsern eingebaut.

Most 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 developers have a "favorite" browser and switch to others if a problem is browser-specific.
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.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
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.
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.

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.

Developer tools are potent; they have many features. To start, we'll learn how to open them, look at errors, and run JavaScript commands.
Entwicklertools sind mΓ€chtig; sie haben viele Features. Zuerst lernen wir, wie man sie ΓΆffnet, sich Fehler ansieht und JavaScript Befehle ausfΓΌhrt

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Entwicklertools sind mΓ€chtig; sie haben viele Features. Zuerst lernen wir, wie man sie ΓΆffnet, sich Fehler ansieht und JavaScript Befehle ausfΓΌhrt
Entwicklertools sind leistungsstark; sie haben viele Features. Zuerst lernen wir, wie man sie ΓΆffnet, sich Fehler ansieht und JavaScript-Befehle ausfΓΌhrt

Γ–ffne die Seite [bug.html](bug.html).

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

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
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.
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.

![chrome](chrome.png)

The exact look of developer tools depends on your version of Chrome. It changes from time to time but should be similar.
Wie genau die Entwicklertools aussehen, hΓ€ngt von der Chrome Version ab. Sie Γ€ndern sich von Zeit zu Zeit aber sollten Γ€hnlich aussehen.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Wie genau die Entwicklertools aussehen, hΓ€ngt von der Chrome Version ab. Sie Γ€ndern sich von Zeit zu Zeit aber sollten Γ€hnlich aussehen.
Wie genau die Entwicklertools aussehen, hΓ€ngt von der Chrome-Version ab. Sie Γ€ndern sich von Zeit zu Zeit, aber sollten Γ€hnlich aussehen.

- Auf der rechten Seite ist ein anklickbarer Link zur Quelle `bug.html:12` mit der Zeilennummer, wo der Fehler aufgetreten ist.

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

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
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.
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.


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

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Leave a line blank, please. It should match the original formatting.

Normalerweise, wenn wir eine Zeile Code in die Konsole eingeben und dann `key:Enter` drΓΌcken, wird er ausgefΓΌhrt.

To insert multiple lines, press `key:Shift+Enter`. This way one can enter long fragments of JavaScript code.
Um mehrere Zeilen einzugeben, drΓΌcke `key:Shift+Enter`. Auf diese Weise kΓΆnnen lΓ€ngere Fragmente JavaScript Code eingegeben werden.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Um mehrere Zeilen einzugeben, drΓΌcke `key:Shift+Enter`. Auf diese Weise kΓΆnnen lΓ€ngere Fragmente JavaScript Code eingegeben werden.
Um mehrere Zeilen einzugeben, drΓΌcke `key:Shift+Enter`. Auf diese Weise kΓΆnnen lΓ€ngere Fragmente JavaScript-Code eingegeben werden.

## Safari

Safari (Mac browser, not supported by Windows/Linux) is a little bit special here. We need to enable the "Develop menu" first.
Safari (Mac Browser, nicht unterstΓΌtzt werden Windows/Linux) ist etwas speziell. Wir mΓΌssen zuerst das "Entwickler MenΓΌ" aktivieren.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Safari (Mac Browser, nicht unterstΓΌtzt werden Windows/Linux) ist etwas speziell. Wir mΓΌssen zuerst das "Entwickler MenΓΌ" aktivieren.
Safari (Mac Browser, nicht unterstΓΌtzt werden Windows/Linux) ist etwas speziell. Wir mΓΌssen zuerst das "Entwickler-MenΓΌ" aktivieren.

@javascript-translate-bot javascript-translate-bot added changes requested Waiting for changes and /done from PR author and removed review needed Review needed, please approve or request changes labels Jan 30, 2020
@javascript-translate-bot

Copy link
Copy Markdown

Please make the requested changes. After it, add a comment "/done".
Then I'll ask for a new review πŸ‘»

Reverted the images as they don't fit the original sizes
@AlexanderK22

Copy link
Copy Markdown
Contributor Author

/done

@javascript-translate-bot javascript-translate-bot added review needed Review needed, please approve or request changes and removed changes requested Waiting for changes and /done from PR author labels Jan 30, 2020
@1H0 1H0 added changes requested Waiting for changes and /done from PR author and removed review needed Review needed, please approve or request changes labels Feb 24, 2020
@CLAassistant

Copy link
Copy Markdown

CLA assistant check
All committers have signed the CLA.

@mka4975 mka4975 left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Well translated just change the website

Comment thread 1-js/01-getting-started/4-devtools/article.md
Comment thread 1-js/01-getting-started/4-devtools/article.md Outdated
Comment thread 1-js/01-getting-started/4-devtools/article.md Outdated
Comment thread 1-js/01-getting-started/4-devtools/article.md Outdated
Comment thread 1-js/01-getting-started/4-devtools/article.md Outdated
Comment thread 1-js/01-getting-started/4-devtools/article.md Outdated
Comment thread 1-js/01-getting-started/4-devtools/article.md Outdated
Comment thread 1-js/01-getting-started/4-devtools/article.md Outdated
Comment thread 1-js/01-getting-started/4-devtools/article.md Outdated
Comment thread 1-js/01-getting-started/4-devtools/article.md Outdated
Comment thread 1-js/01-getting-started/4-devtools/bug.html Outdated
@javascript-translate-bot

Copy link
Copy Markdown

Please make the requested changes. After it, add a comment "/done".
Then I'll ask for a new review πŸ‘»

@christianhegedues
christianhegedues merged commit e0649a0 into javascript-tutorial:master May 20, 2020
@javascript-translate-bot

Copy link
Copy Markdown

Thank you πŸ’– I updated the Progress Issue #1 πŸŽ‰ πŸŽ‰ πŸŽ‰

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

changes requested Waiting for changes and /done from PR author

Projects

None yet

Development

Successfully merging this pull request may close these issues.

6 participants