Narzędzia deweloperskie Edge w porównaniu do narzędzi deweloperskich Chrome

W tym poradniku poznasz narzędzia deweloperskie Microsoft Edge, które w wielu aspektach są podobne do narzędzi deweloperskich Google Chrome. Odkryjesz, jak otworzyć i efektywnie korzystać z narzędzi oraz jakie są różnice między tymi dwoma narzędziami do tworzenia stron internetowych.

Najważniejsze informacje

Narzędzia deweloperskie Edge posiadają prawie identyczny interfejs użytkownika jak narzędzia deweloperskie Chrome, jeśli chodzi o podstawowe funkcje. Głównie różnice dotyczą interfejsu użytkownika i kilku dodatkowych funkcji, podczas gdy podstawowe narzędzia i skróty pozostały w dużej mierze takie same.

Przewodnik krok po kroku

Aby otworzyć narzędzia deweloperskie Edge, masz kilka opcji do wyboru. Jednym sposobem jest naciśnięcie klawisza F12. Pracując na Macu, możesz użyć kombinacji klawiszy Command + Option + I. Użytkownicy systemu Windows mogą również skorzystać z kombinacji Control + Shift + I. Jeśli chcesz otworzyć narzędzia deweloperskie za pomocą menu kontekstowego, kliknij prawym przyciskiem myszy na nagłówek strony internetowej i wybierz "Badanie".

Interfejs narzędzi deweloperskich Edge będzie Ci od razu znajomy, jeśli już pracowałeś z narzędziami deweloperskimi Chrome. Karty są dostępne, ikony wyglądają trochę inaczej, a dodatkowe narzędzia są dostępne poprzez symbol „Plus” w górnej belce. W Chrome te dodatkowe narzędzia były dostępne w menu głównym.

Aby dodać nową kartę w narzędziach deweloperskich Edge, wystarczy kliknąć symbol Plus. Na przykład możesz dodać narzędzie animacji. Zostanie ono wyświetlone na górze paska kart, podobnie jak w narzędziach dla deweloperów Chrome.

Istnieje również karta „Welcome”, podobnie jak strona „What's New” w Chrome. Możesz tam zobaczyć przegląd funkcji narzędzi deweloperskich. Zalecam przejrzenie tej karty, aby ewentualnie odkryć przydatne wskazówki i tricki, których jeszcze nie omówiliśmy w kursie.

Kolejną przydatną funkcją narzędzi deweloperskich Edge jest możliwość przesunięcia paska kart na lewo, co umożliwia pionowe rozmieszczenie kart. Ikony będą wtedy wyświetlane jako podpowiedzi, co oszczędza miejsce i zapewnia więcej przestrzeni na same narzędzia.

Samo narzędzie do projektowania możesz dostosować poprzez różne ustawienia, podobnie jak w przypadku ustawień Chrome. Możesz dostosować menu rozwijane, dokumentację i pasek aktywności. Dzięki temu zachowasz swoje zwykłe środowisko pracy.

Jedną z niewielkich różnic jest dodatkowa ikona dla Azure DevOps w narzędziach dla Edge, która nie występuje w Chrome. Jest to szczególnie przydatne dla deweloperów pracujących w środowisku Azure.

Kiedy znajdziesz się na odpowiednich kartach, zauważysz, że struktura i funkcje w obu narzędziach są niemal identyczne. Możesz korzystać z stylów, obliczonych układów i wszystkiego innego, z czego korzystasz w Chrome, również w Edge.

Aktualizacje funkcji mogą się jednak nieznacznie różnić. Jeśli Chrome dodaje nową funkcję, może okazać się, że jest ona dostępna w Edge nieco później lub odwrotnie. Dlatego zaleca się regularne sprawdzanie, jakie nowe funkcje są dodawane do różnych narzędzi.

To właściwie wszystko, co musisz wiedzieć o narzędziach deweloperskich Edge. Jeśli znasz już narzędzia deweloperskie Chrome, szybko się odnajdziesz w narzędziach deweloperskich Edge.

Podsumowanie

W tym samouczku poznałeś podobieństwa i różnice między narzędziami deweloperskimi Google Chrome i Microsoft Edge. Teraz wiesz, jak otworzyć narzędzia i jakie funkcje są dostępne, aby efektywnie pracować nad swoimi projektami internetowymi.