Jak korzystać z konsoli programisty JavaScript?

Czasami, gdy zaczynasz od JavaScript, lepiej uruchomić jakiś kod JavaScript w konsoli programistów, ponieważ nie chcesz od razu wskoczyć do edytora kodu.

Może nie zaczynasz w JavaScript, ale natkniesz się na fascynującą metodę JavaScript, którą chcesz przetestować. Jako programista JavaScript, najszybszym sposobem uruchomienia fragmentu kodu jest użycie konsoli programistycznej przeglądarki. Te konsole zostały zaprojektowane tak, aby pomóc programistom aplikacji internetowych, ponieważ nie muszą tworzyć osobnego pliku HTML, aby przetestować prostą metodę JavaScript.

Niemal każda nowoczesna przeglądarka internetowa ma obsługę uruchamiania poleceń JavaScript z konsoli programistycznej. Ta funkcja jest wysoce używana ze względu na fakt, że nie tylko oszczędza czas, ale nie wymaga dużej mocy przetwarzania, aby sprawdzić podstawowe funkcje JavaScript. Dowiemy się, jak możesz przejść do konsoli dewelopera w poszukiwaniu różnych przeglądarek, a następnie wypróbuj w nich kilka poleceń JavaScript.

Konsola programistyczna Microsoft Edge

Możesz uzyskać dostęp do konsoli dewelopera w Edge za pomocą następujących kroków:

• Kliknij przycisk Opcje
• Po kliknięciu przycisku opcji zobaczysz rozwijaną listę różnych opcji; zawieszaj opcję, która mówi „więcej narzędzi”
• Z listy kliknij „Narzędzia programistyczne”
• Następnie na ekranie pojawi się konsola programistów
• Skrót klawiszowy: Ctrl + shift + i

Konsola deweloperów opery

Aby otworzyć konsolę programistów w przeglądarce operowej, wykonaj następujące kroki

• Kliknij operę „O„Ikona w lewym górnym rogu
• Z rozwijanego menu unosisz się na opcję „programistę”
• Z listy wyskakujących kliknij opcję „Narzędzia programistyczne”
• Konsola deweloperów otworzy się przed tobą, jak ta
• Klucz skrótu: F12

Konsola deweloperska Mozilla Firefox

Aby otworzyć konsolę programistów Firefoxa, wykonaj następujące kroki

• Kliknij znak hamburgera „☰”, jak pokazano na poniższym GIF
• Z rozwijanego menu wybierz „Więcej narzędzi”
• Z nowej listy kliknij opcję, która mówi „Narzędzia programistyczne”
• Będziesz miał konsolę programistów przed sobą
• Skrót klawiszowy: Ctrl + shift + k || Polecenie + opcja + k

Konsola programisty Google Chrome

Uzyskaj dostęp do konsoli deweloperów Chrome::

• Kliknij 3 kropki znane również jako przycisk opcji, jak pokazano w poniższym GIF
• Z rozwijanego menu kliknij „Więcej narzędzi”
• Z nowej listy wyskakujących kliknij „Narzędzia programistyczne”
• Konsola otworzy się w ten sposób
• Klucz skrótów: polecenie + opcja + j || Control + Shift + J

Wypróbowanie poleceń JavaScript w konsoli programistów

Przetestujmy, uruchamiając polecenia JavaScript w konsoli programisty.

Wydrukujmy „Hello World” za pomocą polecenia:

konsola.Log („Witaj świat! To jest Linuxhint!");

Wyjście jest jak:

Ale drukowanie „Hello World” jest dość nudne, spróbujmy użyć okna dialogowego ostrzeżenia przeglądarki, aby przywitać się ze światem. Możesz to zrobić, używając polecenia „Alert”:

Alert („Witaj świat! To jest Linuxhint ”);

Wpisz lub skopiuj to polecenie w konsoli i naciśnij Enter. Zobaczysz taką skrzynkę ostrzegawczą:

To wszystko, teraz wiesz, jak uruchomić JavaScript w konsoli programisty w różnych przeglądarkach.

Wniosek

Konsole programisty zapewnia obiekt do uruchomienia kodu JavaScript bezpośrednio w przeglądarce bez potrzeby wdrożenia strony internetowej HTML wraz ze stroną skryptu. Nauczyliśmy się, jak możemy przejść do różnych stron konsoli programistów różnych przeglądarki. Testowaliśmy uruchomienie polecenia JavaScript w konsoli i wyświetliliśmy wniosek użytkownika za pomocą wbudowanego okna dialogowego alarmowego przeglądarki. Mamy nadzieję, że możesz skorzystać z obiektu uruchamiania JavaScript prosto w konsoli przeglądarki i dowiedzieć się więcej o JavaScript.