devnews.pl

Main Menu

  • Informacje
    • Systemy i przeglądarki
    • Gadżety
  • Narzędzia
  • Frontend
  • Backend
  • QA
  • Języki programowania

logo

devnews.pl

  • Informacje
    • Systemy i przeglądarki
    • Gadżety
  • Narzędzia
  • Frontend
  • Backend
  • QA
  • Języki programowania
Systemy i przeglądarki
Home›Systemy i przeglądarki›Funkcje eksperymentalne Edge DevTools

Funkcje eksperymentalne Edge DevTools

By Bernadeta Zapała
11 września 2020
306
0
Share:

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ń.

Funkcje eksperymentalne Edge DevTools - skróty klawiszowe

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.

Funkcje eksperymentalne Edge DevTools - orientacje 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

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.

TagsEdgeEdge DevToolsExperimental Functions

Share:

  • Informacje

    Aplikacje ProtonMail są teraz typu open source

  • Informacje

    Raport o trendach programistycznych

  • iOS 13.6.1
    Systemy i przeglądarki

    iOS 13.6.1 z naprawionym błędem wyświetlacza

  • 13 kwietnia 2021

    TypeScript 4.3 beta z oddzielnymi typami zapisu

  • 7 kwietnia 2021

    Billboard.js 3.0 z nowym typem świecy

  • 2 kwietnia 2021

    Silnik V8 9.0 beta udostępniony

  • 1 kwietnia 2021

    ReacType 6.0 z nowym dashboardem

  • 29 marca 2021

    Udostępniono Android 12 Developer Preview 2

  • 24 marca 2021

    Git 2.31 dostępny z konserwacją w tle

  • 19 marca 2021

    Relay Hooks – nowy zestaw interfejsów API

  • 18 marca 2021

    Deno 1.8 ze wsparciem interfejsu API WebGPU 

  • 16 marca 2021

    React Native 0.64 z silnikiem Hermes na iOS

  • 9 marca 2021

    Windows Terminal Preview 1.7 z lepszym zarządzaniem oknami

  • 3 marca 2021

    Vite 2.0 wydane z nowymi wtyczkami

  • 25 lutego 2021

    ReacType 5.0 – zmiany we wprowadzaniu komponentów

  • 23 lutego 2021

    Dapr v.1.0 gotowy do fazy produkcji

  • 22 lutego 2021

    ReScript 9.0 z zewnętrzną konfiguracją stdlib

  • 22 lutego 2021

    One UI 3.1 z ciekawymi nowościami dla urządzeń Samsunga

  • 22 lutego 2021

    Windows Terminal Preview 1.6 z nową sekcją ustawień

  • 15 lutego 2021

    Visual Studio Code 1.53 z ulepszeniami debugowania

  • 8 lutego 2021

    Edge 89 beta, Edge Dev 90 i nowości na kanale Canary

  • 2 lutego 2021

    Firefox 85 i Firefox Nightly – nowe wersje przeglądarki Mozilli

  • 29 stycznia 2021

    Billboard.js 2.2.0 z nowymi funkcjami wykresów

  • 26 stycznia 2021

    Kendo UI R1 2021 – nowości dla bibliotek

  • 21 stycznia 2021

    Narzędzie Vno – połączenie Vue i Deno

  • 19 stycznia 2021

    GitHub Enterprise Server 3.0 RC – kandydat do wydania

  • 15 stycznia 2021

    TypeScript 4.2 Beta z ulepszeniami typów krotek

  • 13 stycznia 2021

    Styczniowy Patch Tuesday z luką 0-day

  • 11 stycznia 2021

    Safari Technology Preview 118 dostępne dla programistów

  • 8 stycznia 2021

    Microsoft Launcher na Androida z usprawnionym dotykiem

  • 7 stycznia 2021

    WebStorm 2020.3.1 dostępny dla urządzeń z Apple Silicon

  • 22 grudnia 2020

    ReScript 8.4 z przypiętymi zależnościami

  • 14 grudnia 2020

    Edge 88 beta i przeglądarka na kanale Canary dostępne!

 

 

Jesteśmy pasjonatami najnowszych technologii w świecie programowania. Zbieramy dla Was informacje i porady z całego świata, które sprawią, że Twoja praca stanie się jeszcze bardziej efektywna.

Obserwuj nas codziennie, aby być na bieżąco oraz śmiało udostępniaj nasze posty.

Zespół DevNews

Kategorie

  • Backend
  • Bez kategorii
  • Frontend
  • Gadżety
  • Informacje
  • Języki programowania
  • Narzędzia
  • QA
  • Systemy i przeglądarki

OBSERWUJ NAS

KONTAKT

Chcesz się z nami skontaktować?

Napisz do nas wiadomość: kontakt@devnews.pl

www.devnews.pl | DEVNEWS 2020 | Newsy i ciekawostki ze świata IT