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›Silnik WebKit w przeglądarce Safari 14

Silnik WebKit w przeglądarce Safari 14

By Bernadeta Zapała
18 listopada 2020
107
0
Share:

Wydanie nowej wersji przeglądarki Safari 14 wprowadziło także kilka ulepszeń wydajności i prywatności w silniku WebKit. Ponadto twórcy stron internetowych mogą cieszyć się nowymi funkcjami, m.in. nowymi właściwościami CSS.

Tłumaczenie stron z WebKit

Jedną z najciekawszych dodanych do Safari funkcji jest opcja tłumaczenia stron internetowych. Wśród tłumaczonych języków znajduje się angielski, hiszpański, chiński uproszczony, francuski, niemiecki, rosyjski oraz portugalski (Brazylia). Przeglądarka automatycznie wykryje język strony i zaproponuje tłumaczenie.

Z kolei twórcy stron internetowych mają możliwość zdecydowania, które elementy strony będą tłumaczone. Tłumaczenie zawartości włącza się atrybutem translate lub translate=”yes”, wyłącza się przy pomocy translate=”no”.

Rozszerzenia internetowe

Ta opcja jest szczególnie przydatna dla programistów. Nowa wersja dodaje obsługę rozszerzeń Safari, zbudowanych przy użyciu JS, HTML i CSS spakowanych z aplikacjami natywnymi. Dzięki temu programiści rozszerzeń mogą utrzymywać jedną bazę kodu, którą można spakować dla innych przeglądarek. Także deweloperzy z rozszerzeniami dla innych przeglądarek mogą przenieść swoje projekty do Safari.

Wydajność i kompatybilność z WebKit

Kolejne ulepszenia dotyczą poprawy wydajności i kompatybilności. WebKit dodał obsługę przyrostowego ładowania plików PDF, przez co pierwsza strona ładuje się prawie 60 razy szybciej. Lepsza wydajność silnika poprawia wydajność wczytywania stron internetowych. Wyniki są następujące:

  • 13% szybsze ładowanie nieodwiedzanej wcześniej strony,
  • 42-52% szybsze ładowanie ostatnio odwiedzanych stron,
  • 50 milisekund – zamykanie kart (wcześniej 3,5 sekundy).

Poprawiono także asynchroniczne przewijanie elementów iframe i przepełnienia. Co więcej, WebKit i Safari korzystają teraz z obsługi platformy HTTP/3, by zwiększyć wydajność sieci.

W celu poprawy kompatybilności przeprowadzono testy platformy internetowej. Korzystają z nich programiści przeglądarek. Dzięki nim upewniają się, że wprowadzone przez nich implementacje są kompatybilne z różnymi przeglądarkami. Safari 14 z WebKit poprawiło swoje wskaźniki zdawalności dla ponad 140 000 testów w ramach usług Service Workers, SVG, CSS, XHR + Fetch i nie tylko.

Nowe funkcje CSS

Przeglądarka Safari o numerze 14 obsługuje nową właściwość image–orientation. Nadpisuje ona domyślne zachowanie WebKit polegające na obracaniu na podstawie danych EXIF ​​obrazu. Kolejną wspartą funkcją jest pseudo-selektor :is(), który działa podobnie do wcześniejszego :matches().

Ulepszenia JS i multimediów

Ostanie zmiany dotyczą poprawek multimediów i JS. Safari na iOS 14 dodaje obsługę API Picture-In-Picture, a w macOS dodano obsługę wideo w jakości HDR. WebKit dodał także kilka nowych możliwości do swojego silnika JavaScript. Mowa przede wszystkim o obsłudze nowego typu danych – BigInt, większego od MAX_SAFE_INTEGER. Ponadto udostępniono także nowe typy logicznych operatorów – AND, OR i nullish. Poniżej znajduje się przykładowe użycie tych operatorów:

let foo = null;

foo ??= 1; // nullish assignment operator
> 1

foo &&= 2; // AND assignment operator
> 2

foo ||= 3; // OR assignment operator
> 2

foo ??= 4; // nullish assignment operator
> 2

Źródło: WebKit Blog

TagsCSSHTMLJavaScriptSafariSafari 14WebKit

Share:

  • Yarn 2.1
    Narzędzia

    Yarn 2.1 – pierwsza kompilacja stabilnej majowej wersji

  • Narzędzia

    Babel 7.12.0 z TypeScript 4.1 i propozycjami ECMAScript

  • Linux Mint 20
    Systemy i przeglądarki

    Linux Mint 20 Ulyana – wydanie o wydłużonym wsparciu

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

  • 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

 

 

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