- Chrome 61 obsługuje teraz natywnie moduły JavaScriptu, co upraszcza pisanie kodu JavaScriptu w formie modułowej.
- Teraz możesz użyć
navigator.share, aby wywołać natywne okno udostępniania w Androidzie. - Wprowadziliśmy WebUSB API, które umożliwia aplikacjom internetowym dostęp do urządzeń USB dozwolonych przez użytkownika.
- A to nie wszystko – to tylko część.
Chcesz zobaczyć pełną listę zmian? Sprawdź listę zmian w repozytorium źródłowym Chromium.
Mam na imię Pete LePage. Zobacz, co nowego w Chrome 61 dla deweloperów.
Moduły JavaScript
Chrome 61 dodaje obsługę natywnych modułów JavaScriptu za pomocą elementu <script type="module">. Dzięki temu Chrome może pobierać szczegółowe zależności równolegle, korzystając z pamięci podręcznej, unikając duplikacji na stronie i zapewniając, ż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 standardowy system modułów jednoczy sposób pisania i przesyłania do przeglądarek internetowych modułowego kodu JavaScript. W przyszłości ten sam system będzie dostępny w Node, co ułatwi Ci pisanie i wdrażanie isomorficznych JavaScriptów.
Więcej informacji o modułach i aspektach JavaScript, na które mają one wpływ, znajdziesz w linkach poniżej.
Web Share API
Jeśli chcesz, aby użytkownicy mogli łatwo udostępniać Twoje treści w ulubionej sieci społecznościowej, musisz zintegrować w swojej witrynie przyciski udostępniania dla każdej sieci. Powiększa ona rozmiar strony, nie zawsze dobrze pasuje do interfejsu użytkownika i wymaga dodania kodu z witryny innej firmy.
Interfejs Web Share API, dostępny obecnie w Chrome na Androida, umożliwia wywoływanie funkcji udostępniania natywnego na urządzeniu użytkownika, dzięki czemu użytkownik może łatwo udostępniać tekst lub linki za pomocą dowolnej zainstalowanej natywnej aplikacji.
W przyszłej wersji interfejsu API będzie można udostępniać dane także zainstalowanym aplikacjom internetowym.
Aby z niego skorzystać, po prostu zadzwoń pod numer navigator.share, podając 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');
});
Więcej informacji i sprawdzone metody znajdziesz w artykule Aktualizacja interfejsu WebShare API, który napisał Paul.
WebUSB
Większość urządzeń peryferyjnych, takich jak klawiatury, myszy, drukarki i kontrolery gier, jest obsługiwana przez interfejsy API wysokiego poziomu platformy internetowej. Korzystanie z specjalnych urządzeń edukacyjnych, naukowych, przemysłowych lub innych urządzeń USB w przeglądarce było jednak trudne, ponieważ często wymagało specjalistycznych sterowników.
Chrome obsługuje teraz interfejs WebUSB API, który umożliwia aplikacjom internetowym komunikację z urządzeniami USB po wyrażeniu przez użytkownika zgody. Aby dowiedzieć się więcej o okolicznościach związanych z bezpieczeństwem i prywatnością oraz o sposobach ich rozwiązywania, zapoznaj się ze specyfikacją WebUSB.
Gdy będziesz gotowy, zapoznaj się z postem Francoisa na temat aktualizacji WebUSB.
I inne funkcje
- Teraz możesz określić płynność przewijania za pomocą właściwości CSS
scroll-behavior. - Wartości kolorów szesnastkowych w CSS mogą teraz określać przezroczystość alfa przez dodanie cyfr na końcu ciągu znaków.
- Za pomocą interfejsu Visual Viewport API możesz uzyskać dostęp do względnych pozycji treści na ekranie, co umożliwia bezpośrednie udostępnianie złożonych funkcji, takich jak zbliżanie i oddalanie.
To tylko kilka z wielu zmian w Chrome 61 dla deweloperów.
Następnie zasubskrybuj nasz kanał w YouTube, a otrzymasz e-maila z powiadomieniem o każdym nowym filmie.
Nazywam się Pete LePage i zaraz po wydaniu Chrome 62 opowiem Ci o nowościach w tej przeglądarce.