- Użytkownicy mogą teraz wybierać urządzenia Bluetooth Low Energy, aby łączyć się ze stronami internetowymi korzystającymi z interfejsu Web Bluetooth API.
position: sticky
powraca, co ułatwia tworzenie elementów, które przewijają się normalnie, aż będą pozostawać w górnej części widocznego obszaru.- Natomiast domyślny format HTML5 jest włączony dla wszystkich użytkowników.
Jestem Pete LePage. Przyjrzyjmy się, co nowego dla programistów w Chrome 56.
Interfejs API Web Bluetooth
Do tej pory użytkownicy urządzeń Bluetooth musieli zainstalować aplikacje natywne, aby się z nimi komunikować. W Chrome 56 użytkownicy mogą wybierać urządzenia znajdujące się w pobliżu Bluetooth Low Energy, aby udostępniać strony internetowe korzystające z interfejsu Web Bluetooth API.
Podobnie jak przy wybieraniu plików do udostępnienia witrynie internetowej, jest to bardziej bezpieczne niż zainstalowanie natywnej aplikacji, która może odczytywać dane z dowolnego miejsca. Użytkownicy mają pełną kontrolę nad tym, które urządzenie jest udostępniane danej witrynie.
Interfejs Web Bluetooth API korzysta z protokołu GATT, który umożliwia aplikacjom łączenie się z urządzeniami takimi jak żarówki, zabawki, monitory tętna czy wyświetlacze LED przy użyciu kilku wierszy JavaScript. Aby jeszcze bardziej ułatwić znajdowanie urządzeń w pobliżu, można też połączyć Web Bluetooth z fizycznymi markerami internetowymi.
Francois przygotował świetny artykuł o aktualizacjach. Koniecznie obejrzyj kilka ciekawych przykładów, aby do niego dołączyć.
Usługa porównywania cen position: sticky;
Wcześniej tworzenie nagłówków treści, które przewijały się normalnie, aż do przylegania do górnej części widocznego obszaru, wymagało nasłuchiwania zdarzeń przewijania i zmiany pozycji elementu z względnej na stałą przy określonym progu. Synchronizacja była trudna, co powodowało często niewielkie, wizualne przeskoki.
Chrome obsługuje teraz CSS position: sticky;
– nowy sposób pozycjonowania elementów.
Element, który jest przyklejony, zaczyna się od względnego, ale staje się nieruchomy, gdy osiągnie określoną pozycję przewijania.
Wystarczy, że ustawisz wartość position: sticky
i ustawisz próg, który sprawi, że będzie on przyklejać się do ekranu.
h3 {
/* Element will be 'fixed' when it ... */
position: sticky;
/* ... is 10px from the top of the viewport */
top: 10px;
}
Paul Kinlan ma posta na ten temat w poście Aktualizacje.
Domyślne HTML5
W sierpniu zeszłego roku ogłosiliśmy, że przejdziemy na domyślnie obsługę HTML5, aby korzystanie z nich było bezpieczniejsze i oszczędniejsze. Ta zmiana powoduje wyłączenie Adobe Flash Playera, chyba że użytkownik wyrazi na to zgodę. W końcu wszystkie strony będą wymagać zgody użytkownika na uruchomienie Flasha.
W Chrome 56 domyślnie włączony jest język HTML5 dla wszystkich użytkowników, co oznacza, że pojawi się prośba o włączenie obsługi Flasha w witrynach, których nigdy nie odwiedza.
Dowiedz się więcej o tym, jak i kiedy użytkownicy będą pytani, a także zalecenia dotyczące testowania witryn Flash.
I nie tylko
A oczywiście jest ich znacznie więcej.
- Platforma WebVR jest dostępna jako wersja próbna Origin.
- Interfejs WebGL 2.0 API jest już dostępny.
- Z kolei Payment Request API ma wiele nowych funkcji.
Jeśli chcesz być na bieżąco z Chrome i nadchodzącymi nowościami, zasubskrybuj kanał, obserwuj @ChromiumDev na Twitterze, a także obejrzyj filmy z Chrome Dev Summit, aby dowiedzieć się więcej o tym, nad czym zajmuje się zespół Chrome.
Nazywam się Pete LePage i jak tylko pojawi się Chrome 57, chętnie opowiem Ci o nowościach w Chrome.
Nowość w Chrome Easter Egg
Jeśli przeczytasz to daleko, zasługujesz na to, że warto zobaczyć klip z błędami w filmie Nowości w Chrome 52. Miałem wrażenie, że za każdym razem, gdy otwieram usta, przejeżdża ciężarówka, przelatuje nad nią helikopter, samochód uderza w klakson.
I wielkie podziękowanie dla Andrzeja za wypożyczenie koszulki! Miałam problemy z garderobą.