So verwenden Sie die JavaScript -Entwicklerkonsole?

Manchmal, wenn Sie mit JavaScript anfangen, ist es besser, einen JavaScript -Code in der Entwicklerkonsole auszuführen, da Sie nicht sofort über einen Code -Editor in die Entwicklung einsteigen möchten.

Vielleicht fangen Sie nicht mit JavaScript an, aber Sie stoßen auf eine faszinierende JavaScript -Methode, die Sie testen möchten. Als JavaScript -Entwickler ist der schnellste Weg, um einen Code -Snippet auszuführen, die Entwicklerkonsole des Browsers. Diese Konsolen sollen Webanwendungen unterstützen, da sie keine separate HTML -Datei erstellen müssen, um eine einfache JavaScript -Methode zu testen.

Fast jeder moderne Webbrowser wird unterstützt, die JavaScript -Befehle von seiner Entwicklerkonsole auszuführen. Diese Funktion wird stark verwendet, da sie nicht nur Zeit spart, aber Sie benötigen nicht viel Verarbeitungsleistung, um einige grundlegende Funktionen von JavaScript zu überprüfen. Wir werden erfahren, wie Sie für verschiedene Browser zur Konsole des Entwicklers navigieren können, und dann einige JavaScript -Befehle in ihnen ausprobieren.

Entwicklerkonsole von Microsoft Edge

Mit den folgenden Schritten können Sie die Konsole des Entwicklerkonsoles in Kante zugreifen:

• Klicken Sie auf die Schaltfläche Optionen
• Nach dem Klicken auf die Schaltfläche Optionen sehen Sie eine Dropdown-Liste verschiedener Optionen. Bewegen Sie die Option mit der Aufschrift "mehr Tools"
• Klicken Sie in der Liste auf "Entwicklertools" klicken
• Danach wird die Entwicklerkonsole auf dem Bildschirm auftauchen
• Tastenkürzel: Strg + Verschiebung + i

Entwicklerkonsole der Opera

Um die Entwicklerkonsole im Opera -Webbrowser zu öffnen, machen Sie die folgenden Schritte aus

• Klicken Sie auf die Opera “ÖIkone in der oberen linken Ecke
• Im Dropdown-Menü schweben Sie auf der Option, auf deren Option „Entwickler“ steht,
• Klicken Sie in der Popup-Liste auf die Option mit der Aufschrift „Entwicklertools“,
• Die Entwicklerkonsole öffnet sich vor Ihnen wie diese
• Kurzschlussschlüssel: F12

Die Entwicklerkonsole von Mozilla Firefox

Befolgen Sie diese Schritte, um die Entwicklerkonsole von Firefox zu öffnen

• Klicken Sie auf das Hamburger -Zeichen "☰", wie im GIF unten gezeigt
• Wählen Sie im Dropdown-Menü "Weitere Tools" aus "Weitere Tools"
• Klicken Sie in der neuen Liste auf die Option mit der Aufschrift „Webentwickler -Tools“
• Sie werden die Entwicklerkonsole genau so vor Ihnen haben
• Tastenkürzel: Strg + Verschiebung + K || Befehl + Option + k

Die Entwicklerkonsole von Google Chrome

Zugriff auf die Entwicklerkonsole von Chrome von:

• Klicken Sie auf die 3 Punkte, die auch als Optionsschaltfläche bezeichnet werden, wie im GIF unten gezeigt
• Klicken Sie im Dropdown-Menü auf "Weitere Tools"
• Klicken Sie in der neuen Popup-Liste auf "Entwicklertools"
• Die Konsole wird sich so öffnen
• Verknüpfungsschlüssel: Befehl + Option + J || Steuerung + Verschiebung + J

Probieren Sie JavaScript -Befehle in der Entwicklerkonsole aus

Testen wir, indem wir JavaScript -Befehle in der Entwicklerkonsole ausführen. Für dieses Tutorial werden wir die Entwicklerkonsole von Google Chrome verwenden.

Lassen Sie uns "Hello World" mit dem Befehl ausdrucken:

Konsole.Protokoll ("Hallo Welt! Dies ist LinuxHint!");

Die Ausgabe ist als:

Aber das Ausdrucken von „Hello World“ ist ziemlich langweilig. Versuchen wir, die Dialogbox des Browsers zu verwenden, um der Welt Hallo zu sagen. Sie können dies tun, indem Sie den Befehl „Alarm“ verwenden:

Alarm ("Hallo Welt! Dies ist LinuxHint ");

Geben Sie diesen Befehl in die Konsole ein oder kopieren Sie die Eingabetaste. Sie werden eine Warnungsbox wie diese sehen:

Das ist es, jetzt wissen Sie, wie Sie JavaScript in der Entwicklerkonsole in verschiedenen Browsern ausführen können.

Abschluss

Die Entwicklerkonsole bietet der Einrichtung, um JavaScript -Code direkt im Browser auszuführen, ohne dass eine HTML -Webseite zusammen mit der Skriptseite bereitgestellt werden muss. Wir haben gelernt, wie wir zu verschiedenen Browser -Entwicklerkonsolenseiten navigieren können. Wir haben das Ausführen des JavaScript-Befehls in der Konsole getestet und forderten den Benutzer mit dem integrierten Dialogfeld des Browser-Warnwargs auf. Wir hoffen, Sie können die Möglichkeit nutzen, JavaScript direkt in der Browserkonsole auszuführen und mehr über JavaScript zu erfahren.