Microsoft udostępnił nowe funkcje eksperymentalne Edge DevTools. Znajdują się one wciąż w fazie rozwoju, są także dostępne we wszystkich kanałach Microsoft Edge. Włączyć je można w Ustawieniach Edge DevTools. Wśród nowych funkcji eksperymentalnych jest m.in. obsługa podwójnego ekranu oraz funkcje debugowania siatki CSS.

Karta ustawień niestandardowych skrótów klawiszowych

Ta funkcja eksperymentalna wprowadzona przez Microsoft udostępnia w ustawieniach DevTools nową stronę skrótów. Dzięki temu można dopasować je do kodu w programie Microsoft Visual Studio. Po włączeniu tej funkcji i zmianie ustawień w opcji „Dopasuj skróty z listy”, skróty klawiszowe w DevTools będą zgodne ze skrótami w Visual Studio Code dla równoważnych działań.

Debugowanie siatki CSS

Wiele witryn internetowych tworząc strony, korzysta z układu siatki CSS. Nowa funkcja eksperymentalna poprawia wizualizacje na stronach podczas debugowania ich. Ponadto funkcja debugowania umożliwia dostosowanie nakładki w ustawieniach.

Funkcje eksperymentalne Edge DevTools – podwójne ekrany

Twórcy smartfonów prześcigają się w nowościach. Firmy Samsung oraz Microsoft zbudowały urządzenia o podwójnych, składanych ekranach – Samsung Galaxy Fold oraz Surface Duo. Dla programistów aplikacji będzie to oznaczało wprowadzanie nowych aktualizacji, które dostosują aplikacje do tego typu ekranów. Nowa funkcja pozwala emulować urządzenia i przełączać się między postawą na jednym ekranie (czy złożonym urządzeniu) lub dwuekranowym działaniu (czy rozłożonym). Eksperymentalne API pozwala na ulepszenie aplikacji lub witryn pod kątem tych urządzeń.

Symulując działanie Suface Duo w Edge, w pozycji z dwoma ekranami, krawędź urządzenia między dwoma ekranami pojawia się w stronie internetowej lub aplikacji. Device Toolbar zawiera także dodatkowe funkcje – Obróć oraz Span, dzięki czemu programiści przetestują aplikacje w każdej możliwej konfiguracji ekranu.

Wskazówka internetowa

Kolejną funkcją eksperymentalną jest narzędzie open source – webhint. Wskazówka internetowa zapewnia informacje zwrotne o witrynach internetowych w rzeczywistym czasie. Informacja zawiera wskazówki dotyczące dostępności oraz bezpieczeństwa, a także PWA czy kompatybilności z różnymi przeglądarkami.

Funkcje eksperymentalne Edge DevTools – konsola sieciowa

Konsola sieciowa jest roboczym tytułem eksperymentu polegającego na tworzeniu syntetycznych żądań sieciowych przez HTTP. Z funkcji można także skorzystać, aby wysłać żądania internetowego interfejsu API.

Przeglądarka zamówień źródłowych

Ostatnią już funkcją jest przeglądarka zamówień źródłowych. Wyświetla ona kolejność elementów w źródle strony.

Często kolejność wyświetlania na ekranie różni się od kolejności źródła, a to dezorientuje użytkowników czytnika ekranu. Source Order Viewer wyświetla przede wszystkim różnicę między kolejnością wyświetlania na ekranie a w źródle.