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›Firefox 78: ulepszenia DevTools oraz w menu kontekstowym

Firefox 78: ulepszenia DevTools oraz w menu kontekstowym

By Bernadeta Zapała
1 lipca 2020
74
0
Share:

Od dzisiaj dostępna jest nowa przeglądarka w wersji Firefox 78. Zgodnie z zapowiadanymi wcześniej zmianami jest to ostatnia wersja z obsługą macOS w wersji 10.9, 10.10 i 10.11. Dlatego też w nadchodzącym roku te wersje będą obsługiwane przez Firefox ESR (Extended Support Release).

Wydana stabilna wersja zapewnia wiele nowych funkcji dla Web deweloperów. Oprócz ulepszeń w DevTools, dostępny jest także nowy silnik regex, selektory CSS, a także poprawione wsparcie dla WebAssembly.

Firefox 78: Bezpieczeństwo

Przede wszystkim ochrona Dashboard zawiera skonsolidowane raporty dotyczące śledzenia naruszeń ochrony danych. Ponadto w raportach znajdziemy informacje o zarządzaniu hasłami. Dzięki nowym funkcjom można bezpośrednio z pulpitu nawigacyjnego śledzić liczbę wykrytych naruszeń. Twórcy oferują nam także możliwość sprawdzenia, czy któreś z używanych haseł mogło zostać ujawnione z powodu naruszeń ochrony danych.

Menu kontekstowe

W najnowszej wersji menu kontekstowego, dzięki nowemu podmenu, rozszerzona jest obsługa kart. W związku z tym wśród opcji nowego podmenu znajdują się opcje – Zamknij karty po prawej stronie i Zamknij inne karty. Ponadto, pojawiła się funkcja – Przywróć zamkniętą kartę. Jest ona wynikiem częstego, przypadkowego zamykania niewłaściwych kart, a dalej – pogorszenia komfortu obsługi.

Firefox 78 - menu kontekstowe

Zmiany deweloperskie w Firefox 78

DevTools Console

W specjalnej wersji dla programistów dostępne są nowe funkcje DevTools. Teraz panel sieci DevTools podkreśla, które ograniczenie lub rozszerzenie CORS zablokowało żądanie. Dzięki temu programiści dbają o odporność i bezpieczeństwo swoich witryn. Kolejną zmianą jest rejestracja nieprzechwyconych błędów Promise, ze szczegółowymi nazwami i właściwościami. W wyniku poprawione jest debugowanie środowiska JavaScript.

Firefox 78 - DevTools

Nowy silnik Regex w Firefox 78

Firefox obsługuje teraz wszystkie nowe funkcje wprowadzone w ECMAScript 2018. Referencja Lookbehinds (dodatnia i ujemna) pozwala znaleźć wzorce, które są (lub też nie) poprzedzone innym wzorcem. Nazwane grupy przechwytywania odwołują się do określonej części ciągu, który pasuje do wyrażenia regularnego. Sekwencje ucieczkowe Unicode są zapisywane w formie \p{…} i  \{…}. Służą do dopasowania dowolnej liczby dziesiętnej w Unicode.

const regex = /^\p{Decimal_Number}+$/u;

Zmiany w CSS

Pierwszymi zmianami są dodane selektory pseudoklas :is() i :where(). Dlatego też pozwalają one przedstawić listę selektorów do przeglądarki. Z kolei przeglądarka skorzysta z reguły do każdego elementu, który jest odpowiedni do jednego z tych selektorów. W związku z tym można ograniczyć liczbę powtórzeń podczas pisania selektorów pasujących do wielu elementów:

header p, main p, footer p,
header ul, main ul, footer ul { … }

Można ograniczyć do

:is(header, main, footer) :is(p, ul) { … }

Różnica między :is() i :where() dotyczy przede wszystkim specyficzności selektora ogólnego. :where() ma wartość specyficzności 0, a :is() liczy się do specyficzności selektora ogólnego. Bierze jednak pod uwagę specyfikę jego najbardziej specyficznego argumentu.

Dodatkowo, w wersji Firefox 78 włączono obsługę nieprefiksowanych wersji :read-only oraz :read-write. Stylizują one elementy w zależności od tego, czy ich treść jest edytowalna czy nie.

input:read-only, textarea:read-only {
  border: 0;
  box-shadow: none;
  background-color: white;
}

textarea:read-write {
  box-shadow: inset 1px 1px 3px #ccc;
  border-radius: 5px;
}

Obsługa wielu wartości WebAssembly

Obsługa wielowartościowa WebAssembly jest przede wszystkim proponowanym rozszerzeniem podstawowego zestawu. Funkcje mogą zwracać wiele wartości, a także umożliwiają sekwencjom instrukcji tworzenie i korzystanie z wielu wartości stosu.

Źródła:

  • https://www.mozilla.org/en-US/firefox/78.0/releasenotes/
  • https://hacks.mozilla.org/2020/06/new-in-firefox-78/
TagsCSSDevToolsFirefox 78MozillaMozilla FirefoxRegexWebDevelopment

Share:

  • Systemy i przeglądarki

    Chrome 87 z szybszym startem i zmianami w kartach

  • Angular 10.1.0
    Frontend

    Angular 11 – stabilne wydanie platformy

  • Informacje

    Praca w IT w dobie pandemii koronawirusa

  • 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!

  • 9 grudnia 2020

    Chrome 88 Beta z nowościami w WebXR

  • 9 grudnia 2020

    Snowpack 3.0 RC z eksperymentalnymi funkcjami

  • 4 grudnia 2020

    Android Studio Arctic Fox – nowe wydanie narzędzia Google

  • 4 grudnia 2020

    The Hack Summit 2020 – konferencja IT Security

  • 2 grudnia 2020

    PowerToys 0.27 z poprawkami błędów

  • 2 grudnia 2020

    Aleph.js alfa z funkcją importowania map

  • 27 listopada 2020

    Cypress 6.0 zwiększa zakres możliwości obsługi sieci

  • 26 listopada 2020

    Firefox 83 przyspiesza i wprowadza tryb HTTPS-Only

  • 25 listopada 2020

    Electron 11.0 z obsługą Apple Silicon

  • 25 listopada 2020

    Prettier 2.2 z obsługą najnowszego TypeScript 4.1

  • 24 listopada 2020

    Tailwind CSS 2.0 z narzędziami kontroli tekstu

  • 20 listopada 2020

    Angular 11 – stabilne wydanie platformy

  • 19 listopada 2020

    Chakra UI React v1 wydany z ulepszeniami

  • 19 listopada 2020

    Chrome 87 z szybszym startem i zmianami w kartach

  • 18 listopada 2020

    Silnik WebKit w przeglądarce Safari 14

  • 17 listopada 2020

    Poznańska konferencja POZITIVE TECHNOLOGIES 2020 platformą wymiany wiedzy i doświadczeń najlepszych specjalistów IT

  • 16 listopada 2020

    Babylon.js 4.2 z edytorem cząsteczek i Babylon React Native

  • 13 listopada 2020

    Apple Silicon M1 i MacBooki – spotkanie One More Thing

  • 12 listopada 2020

    .NET 5.0 Microsoftu z poprawioną wydajnością

  • 12 listopada 2020

    Windows Terminal 1.5 Preview z nowymi funkcjami

 

 

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