- 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 zatwierdzonych przez użytkownika.
- A jest ich wiele więcej.
Chcesz zobaczyć pełną listę zmian? Sprawdź listę zmian w repozytorium źródłowym Chromium.
Mam na imię Pete LePage. Sprawdźmy, 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 równolegle pobierać szczegółowe zależności, wykorzystując buforowanie, unikając powielania treści na stronie i zapewniając, że skrypt jest 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 aplikacji JavaScript.
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. Dodaje on rozbieżny wygląd strony, nie zawsze dobrze pasuje do UI i wymaga dodania kodu z zewnętrznej witryny.
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 ten interfejs API będzie można udostępniać również 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 sprawdzonych metod, których możesz używać, znajdziesz w artykule Aktualizacja interfejsu WebShare API autorstwa Paula.
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 sterowników specjalistycznych.
Chrome obsługuje teraz interfejs WebUSB API, który umożliwia aplikacjom internetowym komunikowanie się 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 wszystko będzie gotowe, zapoznaj się z postem Francoisa na temat aktualizacji.
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 niektóre z zmian w Chrome 61 dla deweloperów.
Potem zasubskrybuj nasz kanał w YouTube, aby otrzymywać e-maile z powiadomieniami o każdej publikacji nowego filmu.
Nazywam się Pete LePage i zaraz po wydaniu Chrome 62 opowiem Ci o nowościach w tej przeglądarce.