Nowości w Chrome 61

Pete LePage

  • Chrome 61 obsługuje teraz natywnie moduły JavaScript, co ujednolica sposób zapisu modułowego JavaScriptu.
  • Za pomocą navigator.share możesz teraz wywoływać natywne okno udostępniania Androida.
  • Interfejs WebUSB API jest już dostępny, dzięki czemu aplikacje internetowe mogą uzyskiwać dostęp do urządzeń USB dozwolonych przez użytkownika.
  • A jest to wiele innych!

Chcesz zobaczyć pełną listę zmian? Sprawdź listę zmian repozytorium źródłowego Chromium.

Nazywam się Pete LePage. Przyjrzyjmy się, co nowego dla deweloperów w Chrome 61.

Moduły JavaScript

Chrome 61 dodaje bezpośrednią obsługę modułów JavaScript za pomocą elementu <script type="module">. Dzięki temu Chrome może pobierać szczegółowe zależności równolegle, wykorzystując buforowanie, unikanie duplikatów na stronie i gwarantowanie, że skrypt będzie wykonywany we właściwej kolejności.

<script type="module">
  import {addText} from './utils.js';
  addText('Modules are pretty cool.');
</script>

Ten ustandaryzowany system modułów ujednolica sposób pisania modułowego kodu JavaScript i wysyłania go do przeglądarek. W przyszłości ten sam system będzie dostępny w Node, co ułatwi pisanie i wdrażanie izomorficznych skryptów JavaScript.

Aby dowiedzieć się więcej o modułach i aspektach JavaScriptu, na które mają wpływ moduły, skorzystaj z poniższych linków.

Web Share API

Jeśli chcesz, aby użytkownicy mogli łatwo udostępniać Twoje treści w ulubionych sieciach społecznościowych, musisz zintegrować przyciski udostępniania w witrynie z innymi sieciami społecznościowymi. Powoduje to nasycenie strony i nie zawsze pasuje do jej interfejsu oraz wymaga umieszczenia kodu z witryny zewnętrznej.

Dostępny obecnie w Chrome na Androida interfejs Web Share API umożliwia wywołanie natywnych funkcji udostępniania na urządzeniu użytkownika i umożliwia łatwe udostępnianie tekstu lub linków dowolnej z zainstalowanych aplikacji natywnych.

W przyszłej wersji ten interfejs API będzie mógł udostępniać dane zainstalowanym aplikacjom internetowym. Aby go użyć, po prostu wywołaj navigator.share i podaj szczegóły strony, którą chcesz udostępnić. System zajmie się resztą.


navigator.share({
  title: document.title, text: 'Hello',
  url: window.location.href
}).then(() => {
  console.log('Successful share');
});

Szczegółowe informacje i sprawdzone metody, które należy stosować, znajdziesz w Aktualizacjach interfejsu WebShare API Pawła.

WebUSB

Większość sprzętowych urządzeń peryferyjnych, takich jak klawiatury, myszy, drukarki i pady do gier, jest obsługiwana przez interfejsy API wysokiej jakości platform internetowych. Jednak używanie w przeglądarce specjalistycznych urządzeń USB, np. edukacyjnych, naukowych, przemysłowych i innych, utrudniało korzystanie z przeglądarki i często wymagało specjalistycznych sterowników.

Chrome obsługuje teraz interfejs WebUSB API, który umożliwia aplikacjom internetowym komunikowanie się z urządzeniami USB po uzyskaniu zgody użytkownika. Aby dowiedzieć się więcej o kwestiach związanych z bezpieczeństwem i prywatnością oraz o tym, jak są traktowane, zapoznaj się ze specyfikacją WebUSB.

Następnie, gdy wszystko będzie gotowe, przeczytaj posta na stronie WebUSB opublikowanego przez Francois.

…i wiele innych.

  • Możesz teraz określić płynność przewijania za pomocą właściwości CSS scroll-behavior.
  • W szesnastkowych wartościach kolorów CSS można teraz określać przezroczystość alfa przez dodawanie cyfr na końcu ciągu znaków.
  • Interfejs Visual Viewport API umożliwia dostęp do względnego położenia zawartości ekranu, co ujawnia bardziej złożone funkcje, takie jak ściąganie i powiększanie obrazu.

To tylko niektóre ze zmian w Chrome 61 dla deweloperów.

Potem zasubskrybuj nasz kanał w YouTube, a za każdym razem, gdy opublikujemy nowy film, otrzymasz e-maila z powiadomieniem.

Nazywam się Pete LePage i jak tylko pojawi się Chrome 62, zajmę się tym, co nowego w Chrome.