Narzędzia sieciowe w F12 Narzędzia programistyczne przeglądarki krawędziowej

Microsoft niedawno ogłosił nowe ulepszone narzędzia sieciowe w narzędziach programistycznych F12 dla nowej przeglądarki Microsoft Edge w Windows 10 po ogromnym popycie ze strony programistów. Jako programista masz wszystkie powody do ekscytacji, ponieważ możesz teraz pracować nad ulepszonym zestawem narzędzi.

Spójrzmy na niektóre z głównych ulepszeń, które Microsoft kupił.

Narzędzia programistyczne Microsoft Edge F12

Nawet jeśli jesteś początkujący, bardzo łatwo uzyskasz dostęp do programisty Microsoft Edge F12, ponieważ musisz wykonać kilka kroków. Wystarczy kliknąć i otworzyć menu Więcej działań i wybrać " Narzędzia programistyczne F12 ". Spowoduje to automatyczne uruchomienie narzędzi.

Ulepszanie narzędzi sieciowych w Edge

Pierwszym krokiem, jaki podjęła firma Microsoft w zakresie ulepszeń, jest przeprojektowanie narzędzi sieciowych, aby programiści mogli uzyskać czystsze wrażenia. Następnie zespół Microsoftu dodał także przycisk Uruchom i zatrzymaj , aby zapewnić programistom więcej elastyczności podczas obsługi ruchu sieciowego opartego na protokole

Dostępny jest również nowy przycisk o nazwie " Filtr typu zawartości ", który został dodany, aby umożliwić programistom umieszczenie filtru i uzyskanie tylko pożądanego rodzaju ruchu. Dzięki temu można pominąć wiele niezwiązanych połączeń sieciowych, a jednocześnie uzyskać odpowiednie informacje dotyczące rodzaju i liczby błędów sieci, liczby żądań, rozmiarów przesyłania danych odpowiedzi i czasów pobierania itp.

Można również eksportować i przechowywać ślad wszystkich informacji w pliku HAR JSON.

Udoskonalone rozszerzenia narzędzi programistycznych F12 dla Microsoft Edge

Listy ulepszonych elementów, które są zawarte w nowej wersji Microsoft Edge, są następujące:

• Zawsze odświeżaj z serwera : Ta funkcja zapewnia testowanie najnowszej wersji zasobu z serwera zamiast nieaktualnego.
• Wyczyść pamięć podręczną i pliki cookie : Zapewnia to wyczyszczenie pamięci podręcznej przeglądarki przed załadowaniem następnego strona i możesz wyczyścić pliki cookie za pomocą skrótu, nawet bez przechodzenia do ustawień przeglądarki
• Wyczyść sesję - Możesz użyć przycisku czyszczenia sesji, aby wyczyścić informacje o ruchu w sieci zarejestrowane podczas sesji
• Wyczyść wpisy w nawigacji - Z thi s można skupić się tylko na zasobach, które zostały załadowane podczas ostatniego odświeżania strony lub nawigacji. Możesz nawet porównać to z ostatnią sesją, wyłączając tę ​​funkcję

Włączanie widoku podsumowania w narzędziach sieciowych

• Nazwa : Obejmuje to nazwę i adres URL żądanego zasobu
• Protokół : Dołącz protokół, który jest używany do żądania zasobu
• Metoda : Pokazuje metodę HTTP użytą w żądaniu
• Wynik : Pokazuje kod statusu odpowiedzi i wiadomość tekstową zwróconą przez serwer
• Typ treści : Wyświetl typ odpowiedzi MIME zwrócony przez serwer
• Otrzymano : Całkowity rozmiar ładunku odpowiedzi dostarczonego przez serwer
• Czas : Wyświetl czas potrzebny na pobranie zasobu
• Czas : Pokazuje graficzną reprezentację aktywności sieci w czasie

Jeśli jesteś zainteresowany bardziej szczegółowym widokiem informacji, możesz przejść do widoku szczegółów zamiast widoku Podsumowanie. Informacje takie jak nagłówek, treść i parametry itp. Są wyświetlane w różnych sekcjach widoku szczegółowego. Wystarczy dwukrotnie kliknąć żądanie i przeczytać informacje z panelu bocznego.

Jedną z kluczowych rzeczy, o których tutaj mowa, mówi Microsoft, jest to, że te nowe udoskonalone funkcje narzędzi sieciowych są również dostępne w środowisku IE11. a także Edge.

Teraz zobacz, jak zmienić agenta użytkownika, tryb, wyświetlacz, geolokalizację w narzędziach programistycznych Edge.