Nowości w Chrome 56

Pete LePage

  • Użytkownicy mogą teraz wybierać urządzenia Bluetooth Low Energy, aby łączyć się z witrynami internetowymi, które korzystają z interfejsu Web Bluetooth API.
  • position: sticky wraca – ułatwia tworzenie elementów, które przewijają się normalnie, aż do przyklejenia do górnej części widocznego obszaru.
  • HTML5 domyślnie jest włączone dla wszystkich użytkowników.

Nazywam się Pete LePage. Zapraszam do obejrzenia nowości w Chrome 56 dla deweloperów.

Web Bluetooth API

Do tej pory użytkownicy, którzy mieli urządzenia Bluetooth, musieli instalować na nich natywne aplikacje, aby się z nimi komunikować. W Chrome 56 użytkownicy mogą wybierać pobliskie urządzenia Bluetooth Low Energy, aby udostępniać je witrynom korzystającym z interfejsu Web Bluetooth API.

Podobnie jak w przypadku wybierania plików do udostępnienia na stronie internetowej, jest to bezpieczniejsze niż instalowanie natywnej aplikacji, która może odczytywać dane z dowolnego źródła. Użytkownicy mają pełną kontrolę nad tym, kiedy i które urządzenie udostępniają konkretnej 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 za pomocą zaledwie kilku linii kodu JavaScript. Bluetooth internetowy można też łączyć z fizycznymi sygnałami internetowymi, aby jeszcze ułatwić wykrywanie urządzeń w pobliżu.

Francois napisał świetny artykuł o aktualizacjach. Koniecznie zapoznaj się też z kilkoma przydatnymi demonstracjami.

CSS position: sticky;

Wcześniej tworzenie nagłówków treści, które przewijały się normalnie, aż do przyklejenia do górnej krawędzi widoku, wymagało monitorowania zdarzeń przewijania i przełączania pozycji elementu z względnej na stałą w określonym punkcie. Trudno było je zsynchronizować, co często powodowało drobne przeskakiwanie obrazu.

Chrome obsługuje teraz CSSposition: sticky;, czyli nowy sposób pozycjonowania elementów.

Element, który jest przyklejony do pozycji, zaczyna się względnie, ale staje się stały, gdy osiągnie określoną pozycję przewijania.

Wystarczy ustawić position: sticky i wartość progową, aby stała się ona trwała.

h3 {
  /* Element will be 'fixed' when it ... */
  position: sticky;
  /* ... is 10px from the top of the viewport */
  top: 10px;
}

Paul Kinlan opublikował post z aktualizacjami na ten temat.

HTML5 domyślnie

W sierpniu zeszłego roku poinformowaliśmy, że domyślnie będziemy używać HTML5, aby zapewnić bezpieczniejsze i bardziej energooszczędne działanie. Ta zmiana powoduje wyłączenie Adobe Flash Player, chyba że użytkownik wskaże, że chce wyświetlać treści Flash w określonych witrynach. Ostatecznie wszystkie witryny będą wymagać zgody użytkownika na uruchamianie Flasha.

W Chrome 56 HTML5 jest domyślnie włączony dla wszystkich użytkowników, co oznacza, że będą oni musieli uruchomić Flasha w witrynach, których nigdy nie odwiedzali.

Więcej informacji o tym, jak i kiedy użytkownicy będą proszeni o pozwolenie, oraz zalecenia dotyczące testowania witryn Flash.

I nie tylko

I oczywiście jest jeszcze wiele innych.

Jeśli chcesz być na bieżąco z aktualnościami dotyczącymi Chrome i wiedzieć, co jest w planach, zasubskrybuj i obserwuj konto @ChromiumDev na Twitterze. Koniecznie też obejrzyj filmy z Chrome Dev Summit, aby dowiedzieć się więcej o niesamowitych funkcjach, nad którymi pracuje zespół Chrome.

Nazywam się Pete LePage i zaraz po wydaniu Chrome 57 opowiem Ci o nowościach w tej przeglądarce.

Nowość w Chrome – pisanka

Jeśli dotarłeś/-aś do tego miejsca, zasługujesz na obejrzenie kompilacji błędów z Nowości w Chrome 52. Miałem wrażenie, że za każdym razem, gdy otworzyłem usta, przejeżdżała ciężarówka, przelatywał helikopter lub samochód trąbił klaksonem.

Pozdrawiamy Andrew, który pożyczył mi koszulkę. Miałem problem z garderobą.