Sample
chrome.bookmarks
Użyj interfejsu API chrome.bookmarks do tworzenia, porządkowania i modyfikowania zakładek. Zobacz też artykuł Zastępowanie stron, w którym znajdziesz informacje o tworzeniu niestandardowej strony Menedżera zakładek. Aby korzystać z interfejsu
chrome.contentSettings
Użyj interfejsu API chrome.contentSettings, aby zmienić ustawienia, które kontrolują, czy witryny mogą korzystać z takich funkcji, jak pliki cookie, JavaScript i wtyczki. Ogólnie rzecz biorąc, ustawienia treści umożliwiają dostosowanie działania
chrome.contentSettings
Użyj interfejsu API chrome.contentSettings, aby zmienić ustawienia, które kontrolują, czy witryny mogą korzystać z takich funkcji, jak pliki cookie, JavaScript i wtyczki. Ogólnie rzecz biorąc, ustawienia treści umożliwiają dostosowanie działania
chrome.bookmarks
To uprawnienie powoduje wyświetlenie ostrzeżenia. Użyj interfejsu API chrome.bookmarks do tworzenia, porządkowania i modyfikowania zakładek. Zobacz też artykuł Zastępowanie stron, w którym znajdziesz informacje o tworzeniu niestandardowej strony
Sztuczna inteligencja
AI w Chrome Witamy w nowej erze internetu z AI. Zobacz, jak AI może ułatwić deweloperom tworzenie zaawansowanych rozwiązań internetowych. Odkryj możliwości Gemini Nano w Chrome. Wbudowana sztuczna inteligencja Wprowadzamy Gemini Nano, najwydajniejszy
Przewodnik po migracji z Edge do Chrome na Androida
Tworzenie interfejsów internetowych od krawędzi do krawędzi
Debugowanie Gemini Nano
Aby uzyskać szczegółowe informacje o powiadaniach Gemini Nano, otwórz specjalną stronę wewnętrzną Chrome. Z tego poradnika dowiesz się, jak go używać do debugowania.
Przygotuj się na przejście na tryb pełnoekranowy w Chrome na Androida
W Chrome 135 na Androidzie wprowadzamy tryb pełnoekranowy.
Panel Prywatność i bezpieczeństwo
W panelu „Prywatność i bezpieczeństwo” możesz sprawdzić pliki cookie innych firm i zarządzać nimi oraz sprawdzić ochronę HTTPS.
Zaawansowana analiza sieci za pomocą Narzędzi deweloperskich w Chrome
Zaawansowana analiza sieci za pomocą Narzędzi deweloperskich w Chrome.
Popover = hint
Poznaj nowy tryb wyskakujących okienek, który upraszcza tooltipy i inne elementy pływające.
Nowości w WebGPU (Chrome 134)
Poprawa wydajności zadań uczenia maszynowego dzięki podgrupom, skrócenie czasu kompilacji shaderów w D3D12, usunięcie obsługi typów tekstur z możliwością stosowania filtrów przez liczby zmiennoprzecinkowe i inne.
chrome.app.runtime
Aby zarządzać cyklem życia aplikacji, użyj interfejsu API chrome.app.runtime. Środowisko uruchomieniowe aplikacji zarządza instalacją aplikacji, kontroluje stronę wydarzenia i może ją w dowolnym momencie zamknąć. dowolne opcjonalne Opcjonalne dane
chrome.printing
Użyj interfejsu API chrome.printing, aby wysyłać zadania drukowania do drukarek zainstalowanych na Chromebooku. Wszystkie metody i zdarzenia chrome.printing wymagają zadeklarowania uprawnienia "printing" w pliku manifestu rozszerzenia. Na przykład:
chrome.sessions
Użyj interfejsu chrome.sessions API, aby wysłać zapytanie o zakładki i okna z sesji przeglądania oraz je przywrócić. ciąg znaków Nazwa obcego urządzenia. Sesja [] Lista otwartych sesji okien na obcym urządzeniu posortowana od ostatniej do najstarszej
chrome.printing
Użyj interfejsu API chrome.printing, aby wysyłać zadania drukowania do drukarek zainstalowanych na Chromebooku. Wszystkie metody i zdarzenia chrome.printing wymagają zadeklarowania uprawnienia "printing" w pliku manifestu rozszerzenia. Na przykład:
chrome.userScripts
Użyj interfejsu userScripts API, aby wykonać skrypty użytkownika w kontekście skryptów użytkownika. Aby używać interfejsu User Scripts API, chrome.userScripts, dodaj do pliku manifest.json uprawnienia "userScripts" i "host_permissions" dla witryn, w
chrome.sessions
Użyj interfejsu chrome.sessions API, aby wysłać zapytanie o zakładki i okna z sesji przeglądania oraz je przywrócić. ciąg znaków Nazwa obcego urządzenia. Sesja [] Lista otwartych sesji okien na obcym urządzeniu posortowana od ostatniej do najstarszej
Odkryj Chrome
Odkryj Chrome Chrome 134, wersja beta Chrome 133 Chrome 132 Chrome 131 Chrome 130 Chrome 129 Chrome 128 Chrome 127 Chrome 126 Chrome 125 Chrome 124 Chrome 123 Chrome 122 Chrome 121 Chrome 120 Chrome 119 Nowości w Chrome Narzędzia deweloperskie
Nowości w DevTools w Chrome 134
panel Prywatność i bezpieczeństwo, kalibrowanie ograniczania obciążenia procesora, wyróżnianie danych własnych i zewnętrznych w sekcji Skuteczność, nowe statystyki i inne.
chrome.i18n
Aby wdrożyć międzynarodowość w całej aplikacji lub rozszerzeniu, użyj infrastruktury chrome.i18n. Jeśli rozszerzenie ma katalog /_locales, plik manifest musi definiować "default_locale". Wszystkie widoczne dla użytkownika ciągi tekstowe należy
Lepsze renderowanie tekstu w przeglądarkach opartych na Chromium w systemie Windows
Zespół Edge dodał obsługę wartości w Windows ClearType Tuner bezpośrednio w Chromium, co poprawia renderowanie tekstu w przeglądarkach opartych na Chromium w systemie Windows.
chrome.storage
Użyj interfejsu API chrome.storage, aby przechowywać, pobierać i śledzić zmiany w danych użytkownika. Aby korzystać z interfejsu Storage API, w manifest rozszerzenia zadeklaruj uprawnienie "storage". Na przykład: Interfejs Storage API umożliwia
chrome.storage
Użyj interfejsu API chrome.storage, aby przechowywać, pobierać i śledzić zmiany w danych użytkownika. Interfejs Storage API umożliwia przechowywanie danych i stanu użytkownika w sposób specyficzny dla rozszerzenia. Jest podobny do interfejsów API
Elementy składowe obrazu LCP i RTT są teraz dostępne w CrUX
Dowiedz się więcej o zmianach w raporcie na temat użytkowania Chrome (zmiany w raporcie CrUX) w wersji z lutego 2025 r., w tym o podelementach LCP, typach zasobów LCP i czasie RTT.
Docs
Przykładowe fragmenty kodu, przewodniki i materiały referencyjne interfejsu API potrzebne do tworzenia treści.
automatycznie włączać obraz w obrazie podczas odtwarzania multimediów,
Chrome pozwala aplikacjom internetowym odtwarzającym multimedia na automatyczne włączanie obrazu w obrazie.
chrome.enterprise.platformKeys
Użyj interfejsu API chrome.enterprise.platformKeys, aby wygenerować klucze i zainstalować certyfikaty dla tych kluczy. Certyfikatami będzie zarządzać platforma. Można ich używać do uwierzytelniania TLS, dostępu do sieci lub przez inne rozszerzenie za
chrome.enterprise.platformKeys
Użyj interfejsu API chrome.enterprise.platformKeys, aby wygenerować klucze i zainstalować certyfikaty dla tych kluczy. Certyfikatami będzie zarządzać platforma. Można ich używać do uwierzytelniania TLS, dostępu do sieci lub przez inne rozszerzenie za
Chrome 133
Zaawansowane atrybuty CSS, funkcja text-box-trim, zapytania kontenera scroll-state i inne.
Nowości w Chrome 133
Wersja Chrome 133 jest już dostępna. Dostępne są nowe, ekscytujące funkcje CSS i wiele innych, które warto poznać.
Tryb aplikacji z kartami dla PWA
Tryb aplikacji z kartami umożliwia programistom progresywnych aplikacji internetowych dodawanie do samodzielnych aplikacji PWA interfejsu dokumentu z kartami.
Popraw proces logowania w witrynie za pomocą karty uwierzytelniającej na Androida
Ulepszone uwierzytelnianie internetowe dzięki karcie uwierzytelniania na Androida
Zwiększanie zaangażowania użytkowników dzięki historii dotyczącej aplikacji na kartach niestandardowych w Chrome
Wprowadzamy historię związaną z poszczególnymi aplikacjami w przypadku kart niestandardowych Chrome na Androida
Ulepsz przeglądanie przez użytkowników dzięki historii w aplikacji
Jak używać historii dotyczącej konkretnej aplikacji na urządzeniu z Androidem
Uprość uwierzytelnianie za pomocą karty uwierzytelniania
Jak używać specjalistycznego karty uwierzytelniania w aplikacji na Androida
Poprawianie prywatności użytkowników w internecie dzięki tymczasowym niestandardowym kartom
Jak korzystać z ulotnych kart niestandardowych w aplikacji na Androida
chrome.runtime
Użyj interfejsu API chrome.runtime, aby pobrać usługę workera, zwrócić szczegóły manifestu i słuchać zdarzeń w cyklu życia rozszerzenia oraz na nie odpowiadać. Za pomocą tego interfejsu API możesz też konwertować względną ścieżkę adresów URL na pełne
chrome.permissions
Użyj interfejsu API chrome.permissions, aby poprosić o deklarowane opcjonalne uprawnienia w czasie działania aplikacji, a nie w czasie instalacji. Dzięki temu użytkownicy będą rozumieć, do czego są potrzebne te uprawnienia, i przyznawać tylko te,
chrome.permissions
Użyj interfejsu chrome.permissions API, aby poprosić o deklarowane opcjonalne uprawnienia w czasie działania aplikacji, a nie w czasie instalacji. Dzięki temu użytkownicy będą rozumieć, do czego są potrzebne te uprawnienia, i przyznawać tylko te,
Nowości w DevTools w Chrome 133
Stała historia czatu z AI, lepsza nawigacja, możliwość ignorowania informacji o wyświetleniu i wyświetlenie ścieżek w panelu „Skuteczność”, nowy panel „Co nowego” i inne nowości.
Co się dzieje z rozszerzeniami do Chrome w styczniu 2025 r.
Omówienie ostatnich zmian w rozszerzeniach do Chrome oraz omówienie ciekawych funkcji rozszerzeń, które wkrótce zostaną udostępnione deweloperom.
Nowości w WebGPU (Chrome 133)
Dodatkowe formaty wierzchołków unorm8x4-bgra i 1-komponentowych, możliwość wysyłania nieznanych limitów z niezdefiniowaną wartością, zmiany reguł wyrównywania WGSL, wzrost wydajności WGSL dzięki odrzuceniu i wiele innych.
- WebGpu
Sprawdzone metody zarządzania sesjami za pomocą interfejsu Prompt API
W tym przewodniku przedstawiamy sprawdzone metody zarządzania sesjami za pomocą interfejsu Prompt API.
Nowości w Chrome
Nowości w Chrome Informacje o najnowszych aktualizacjach Chrome znajdziesz w naszej dokumentacji i na blogu. nowe treści i ważne aktualizacje dokumentacji; article Jak duże modele językowe przesyłają odpowiedzi nowa dokumentacja, która pomoże Ci
Zmiany zasad Chrome Web Store: zapewnienie przejrzystości i spójności dla deweloperów
ogłaszamy serię aktualizacji zasad, które mają na celu zapewnienie przejrzystości i spójności na naszej platformie.
Sprawdzone metody renderowania odpowiedzi LLM przesyłanych strumieniowo
Aby wyświetlać odpowiedzi strumieniowe z Gemini za pomocą interfejsów API, które obsługują strumieniowanie, takich jak Prompt API, stosuj te sprawdzone metody dotyczące front-endu.
Upraszczanie wykrywania funkcji WebAuthn w przypadku kluczy dostępu
Dowiedz się, jak wykrywać możliwości WebAuthn za pomocą funkcji getClientCapabilities() i dostosowywać procesy uwierzytelniania do potrzeb użytkowników.
Tłumaczenie za pomocą wbudowanej AI
Zintegrowany interfejs Translator API umożliwia tłumaczenie dowolnych treści z języka źródłowego na docelowy. Weź udział w testach origin interfejsu Protected Audience API.
Jak duże modele językowe przesyłają odpowiedzi
Dowiedz się, czym jest strumieniowanie i jak działa w połączeniu z AI i LLM.
Zatrzymanie w trybie oszczędzania energii
Od wersji 133 Chrome odpowiednie karty w tle, które intensywnie wykorzystują procesor, będą zamrażane, gdy tryb Oszczędzanie energii jest aktywny.
Multimedia
Popraw sposób umieszczania obrazów, filmów i innych elementów w swoich witrynach i aplikacjach internetowych.
Klucze dostępu w Menedżerze haseł Google są teraz dostępne na iOS
Chrome w systemie iOS 17 lub nowszym może teraz tworzyć, synchronizować i uwierzytelniać się za pomocą kluczy dostępu w Menedżerze haseł Google (GPM). Dzięki temu klucze dostępu w GPM są dostępne wszędzie tam, gdzie działa Chrome.
Ulepszona funkcja CSS attr()
Funkcję attr() możesz teraz używać z dowolną właściwością CSS, w tym z właściwościami niestandardowymi, a ona może analizować wartości w inne typy danych niż ciągi znaków.
scroll-state() w CSS
Podobnie jak zapytania kontenera, ale w przypadku zablokowanych, przyciśniętych i przepełnionych zapytań.
Nowości w Chrome 132
Chrome 132 jest już dostępna. Element Dialog otrzymuje zdarzenie ToggleEvent, obsługuje udostępnianie filmów na poziomie elementu, a interfejs File System Access API obsługuje Androida i WebViews.
Wprowadzanie Gemini w Narzędziach deweloperskich w Chrome
Poznaj ciekawe przypadki użycia nowego panelu pomocy AI w Narzędziach deweloperskich
Chrome 132
ToggleEvent dla dialogu, obsługa udostępniania filmów na poziomie elementu oraz interfejs File System Access API obsługujący Androida i WebViews.
chrome.sockets.udp
Wysyłaj i odbieraj dane w sieci za pomocą połączeń UDP, korzystając z interfejsu chrome.sockets.udp API. Ten interfejs API zastępuje funkcję UDP, która była wcześniej dostępna w interfejsie „socket”. Aby korzystać z tego interfejsu API, musisz
chrome.tabs
Użyj interfejsu API chrome.tabs, aby wchodzić w interakcje z systemem kart przeglądarki. Za pomocą tego interfejsu API możesz tworzyć, modyfikować i przestawiać karty w przeglądarce. Interfejs Tabs API udostępnia nie tylko funkcje manipulowania
chrome.tabs
Użyj interfejsu API chrome.tabs, aby wchodzić w interakcje z systemem kart przeglądarki. Za pomocą tego interfejsu API możesz tworzyć, modyfikować i przestawiać karty w przeglądarce. Interfejs Tabs API udostępnia nie tylko funkcje manipulowania
Przechwytuj strumień wideo z dowolnego elementu
Interfejs Element Capture API to wydajny i niezawodny sposób przekształcania przechwyconej karty bieżącej w poddrzewo DOM.
Zakończyliśmy obsługę rozszerzenia Web Vitals
Połączenie rozszerzenia Web Vitals z Narzędziami deweloperskimi zostało zakończone, a obsługa rozszerzenia została zakończona.
Zwycięzcy konkursu na wbudowaną AI
Poznaj zwycięskie aplikacje i rozszerzenia z wyzwania dotyczącego wbudowanej AI, w którym zachęcaliśmy do odkrywania nowych możliwości z Gemini Nano w Chrome.
chrome.cookies
Użyj interfejsu API chrome.cookies, aby wysyłać zapytania o pliki cookie i je modyfikować oraz otrzymywać powiadomienia o ich zmianach. Aby korzystać z interfejsu API plików cookie, musisz zadeklarować w pliku manifestu uprawnienia „cookies” oraz
chrome.ttsEngine
Aby zaimplementować mechanizm zamiany tekstu na mowę(TTS) za pomocą rozszerzenia, użyj interfejsu API chrome.ttsEngine. Jeśli Twoje rozszerzenie zarejestruje się za pomocą tego interfejsu API, będzie otrzymywać zdarzenia zawierające wypowiedź do
chrome.ttsEngine
Aby zaimplementować mechanizm konwersji tekstu na mowę(TTS) za pomocą rozszerzenia, użyj interfejsu chrome.ttsEngine API. Jeśli Twoje rozszerzenie zarejestruje się za pomocą tego interfejsu API, będzie otrzymywać zdarzenia zawierające wypowiedź do
chrome.cookies
Użyj interfejsu API chrome.cookies, aby wysyłać zapytania o pliki cookie i je modyfikować oraz otrzymywać powiadomienia o ich zmianach. Aby korzystać z interfejsu API plików cookie, w pliku manifestu zadeklaruj uprawnienie "cookies" oraz uprawnienia
chrome.appviewTag
Użyj tagu appview, aby osadzić inne aplikacje Chrome w swojej aplikacji Chrome (patrz Użycie ). Obiekt Opcjonalne dane określone przez dewelopera, których może używać aplikacja, aby podjąć decyzję o osadzeniu. ciąg znaków Identyfikator aplikacji,
Zapobieganie atakom typu clickjacking za pomocą XFO lub CSP
Dowiedz się więcej o minimalizowaniu ataków typu clickjacking.
Co nowego w WebGPU (Chrome 132)
Użycie widoku tekstur, mieszanie tekstur 32-bitowych typu float, atrybut adapterInfo typu GPUDevice, konfigurowanie kontekstu kanwy z nieprawidłowym formatem, który powoduje błąd JavaScript, filtrowanie ograniczeń próbkowania w przypadku tekstur, eksperymentowanie z rozszerzonymi podgrupami, ulepszanie środowiska programisty, eksperymentalna obsługa 16-bitowych skompresowanych formatów tekstur i inne.
- WebGpu
Nowości w rozszerzeniach do Chrome
Najnowsze zmiany na platformie rozszerzeń Chrome, w dokumentacji i zasadach
Aplikacje
Wycofano technologię, aby utworzyć środowiska, które miały większy dostęp do bazowego systemu operacyjnego.
Animator
Biblioteka Node.js zapewniająca interfejs API wysokiego poziomu do kontrolowania Chrome lub Chromium bez interfejsu graficznego
Przeglądarka na Androidzie
Poznaj funkcje Chrome służące do tworzenia aplikacji internetowych na Androida.
chrome.certificateProvider
Używaj tego interfejsu API, aby udostępniać certyfikaty platformie, która może używać tych certyfikatów do uwierzytelniania TLS. Typowe użycie tego interfejsu API do udostępnienia certyfikatów klienta w ChromeOS: Rzeczywista kolejność czynności może
chrome.extension
Interfejs API chrome.extension zawiera narzędzia, których można używać na dowolnej stronie rozszerzenia. Obejmuje to obsługę wymiany wiadomości między rozszerzeniem a jego skryptami treści lub między rozszerzeniami, jak opisano szczegółowo w sekcji
Wydajność
Optymalizuj wydajność swoich aplikacji internetowych dzięki narzędziom poprawiającym wydajność Chrome.
chrome.system.display
Aby wysłać zapytanie o metadane wyświetlania, użyj interfejsu API system.display. Typ enumeracji określający, czy wyświetlacz jest wykrywany i używany przez system. Wyświetlacz jest uważany za „nieaktywny”, jeśli nie jest wykrywany przez system (może
chrome.system.display
Aby wysłać zapytanie o metadane wyświetlania, użyj interfejsu API system.display. Typ enumeracji określający, czy wyświetlacz jest wykrywany i używany przez system. Wyświetlacz jest uważany za „nieaktywny”, jeśli nie jest wykrywany przez system (może
chrome.action
Aby sterować ikoną rozszerzenia na pasku narzędzi Google Chrome, użyj interfejsu API chrome.action. Aby korzystać z tego interfejsu API, musisz zadeklarować te klucze w pliku manifestu. Aby korzystać z interfejsu chrome.action API, określ
chrome.commands
Za pomocą interfejsu komend API możesz dodawać skróty klawiszowe, które wywołują działania w rozszerzeniu, np. otwierają działanie przeglądarki lub wysyłają polecenie do rozszerzenia. Aby korzystać z tego interfejsu API, musisz zadeklarować te klucze
Operacja nie jest obsługiwana podczas korzystania z debugowania zdalnego
Niektóre polecenia WebDriver (np. zmiana rozmiaru okna przeglądarki) wymagają załadowania rozszerzenia Chrome do przeglądarki. ChromeDriver zwykle wczytuje to „rozszerzenie automatyzacji” za każdym razem, gdy uruchamia nową sesję Chrome. Można jednak
ChromeOS
Wszystkie testowe obrazy ChromeOS mają zainstalowany binarny plik ChromeDriver w /usr/local/chromedriver/. Plik binarny jest aktualizowany do tej samej wersji Chrome, która znajduje się na tym obrazie testowym. Oznacza to, że zawsze używasz
chrome.certificateProvider
Używaj tego interfejsu API, aby udostępniać certyfikaty platformie, która może używać tych certyfikatów do uwierzytelniania TLS. Typowe użycie tego interfejsu API do udostępnienia certyfikatów klienta w ChromeOS: Rzeczywista kolejność czynności może
chrome.extension
Interfejs API chrome.extension zawiera narzędzia, których można używać na dowolnej stronie rozszerzenia. Obejmuje to obsługę wymiany wiadomości między rozszerzeniem a jego skryptami treści lub między rozszerzeniami, jak opisano szczegółowo w sekcji
Awarie ChromeDriver
Aby zdiagnozować i naprawić problemy z wypadkami ChromeDriver, możesz skorzystać z kilku opcji. Ta funkcja dotyczy tylko awarii ChromeDriver, a nie awarii ani zamknięcia Chrome. W Windows może pojawić się komunikat podobny do tego: Utwórz przypadek
Dziennik wydajności
ChromeDriver obsługuje rejestrowanie wydajności, dzięki któremu możesz uzyskiwać zdarzenia z domen „Timeline”, „Network” i „Page”, a także dane z wykresów w przypadku określonych kategorii. Rejestrowanie wydajności nie jest domyślnie włączone.
Chrome nie uruchamia się lub nie zawiesza się od razu
Zwykle dzieje się tak, gdy uruchamiasz ChromeDriver lub Chrome za pomocą specjalnego zestawu testowego (np. IDE) lub systemu ciągłej kompilacji (np. Jenkins). Spróbuj uruchomić ten sam plik binarny Chrome, którego używa test, z poziomu zwykłego
Pobieranie
W przypadku starszych wersji Chrome dostępne są te wersje ChromeDriver: Więcej informacji o wybieraniu odpowiedniej wersji ChromeDriver znajdziesz na stronie Wybieranie wersji. Obsługuje Chrome w wersji 114 Więcej informacji znajdziesz w informacjach
Emulacja komórki
Chrome umożliwia użytkownikom emulowanie Chrome na urządzeniu mobilnym z wersji na komputery, przez włączenie trybu urządzenia za pomocą Narzędzi deweloperskich w Chrome. Ta funkcja przyspiesza tworzenie stron internetowych i umożliwia programistom
Android
Najnowsze binarne pliki wykonywalne ChromeDriver są pakowane jako pliki ZIP na potrzeby różnych platform hosta. Starsze wersje ChromeDriver można znaleźć w sekcji Pobrane. ChromeDriver obsługuje uruchamianie testów w przeglądarce Chrome (w wersji 30
Bezpieczeństwo
ChromeDriver to potężne narzędzie, które może wyrządzić szkody, jeśli wpadnie w niepowołane ręce. Podczas korzystania z ChromeDriver postępuj zgodnie z tymi sugestiami:
Pomoc dotycząca klawiatury
Obecnie ChromeDriver obsługuje tylko systemy z skonfigurowaną klawiaturą amerykańską. Gdy ChromeDriver wykryje ten stan, rejestruje te informacje: Użytkownicy bez klawiatury amerykańskiej mogą mieć problemy z klawiszami podczas wykonywania poleceń
Wyspy Kanaryjskie
ChromeDriver Canary zawiera najnowsze funkcje ChromeDriver. Nowe pliki binarne są kompilowane i udostępniane kilka razy dziennie. Pamiętaj, że jest on przeznaczony dla deweloperów i użytkowników wczesnej wersji, a czasami może całkowicie się nie
Autouzupełnianie w akcji: statystyki z rzeczywistego świata
Badanie dotyczące Chrome pokazuje, że użytkownicy korzystający z autouzupełniania wypełniają formularze szybciej i rzadziej je porzucają.
Wyniki z formularza żądania informacji o opiniach deweloperów
Dziękujemy za poświęcony czas, przekazanie opinii, sprawdzenie szczegółów i pomoc w określaniu standardów.
Pierwsze kroki z wbudowaną AI
Dowiedz się, jakie wymagania musisz spełnić, aby zacząć tworzyć funkcje i aplikacje z wbudowaną AI.
wykrywanie języka za pomocą wbudowanej AI;
Interfejs Language Detector API umożliwia rozpoznawanie języka w internecie w przeglądarce.
Jak korzystać z tabeli alokacji
Użyj narzędzia harmonogramu alokacji, aby znaleźć obiekty, które nie są prawidłowo usuwane i nadal zajmują pamięć.
Unikaj nieskomponowanych animacji
Jak uzyskać wynik audytu w narzędziu Lighthouse: „Unikaj nieskomponowanych animacji”.
Nowości w DevTools w Chrome 132
Debuguj żądania sieciowe, pliki źródłowe i ślady wydajności za pomocą Gemini, wyświetlaj historię czatu z AI i wykonuj inne czynności.
Terminologia związana z pamięcią
W tej sekcji opisano typowe terminy używane w analizie pamięci. Znajdziesz w niej również zastosowanie do różnych narzędzi do profilowania pamięci w różnych językach.
Rejestrowanie i analizowanie zrzutu wydajności za pomocą Narzędzi deweloperskich
Rejestruj i analizuj zrzuty wydajności za pomocą Narzędzi deweloperskich.
CSS Wrapped 2024
Dołącz do zespołu Chrome DevRel i dinosaura z deskorolki, aby poznać najnowszą wersję języka CSS wprowadzoną w Chrome i na platformie internetowej w 2024 r.
Wyświetlanie i edytowanie miejsca na rozszerzenia
Jak wyświetlać i edytować miejsce na dane rozszerzenia za pomocą panelu Miejsce na dane rozszerzenia.
chrome.browser
Aby wchodzić w interakcje z przeglądarką Chrome powiązaną z bieżącą aplikacją i profilem Chrome, użyj interfejsu chrome.browser API. ciąg znaków Adres URL, do którego nastąpi przekierowanie po otwarciu nowej karty. Otwiera nową kartę w oknie
chrome.syncFileSystem
Aby zapisywać i synchronizować dane na Dysku Google, użyj interfejsu API chrome.syncFileSystem. Ten interfejs API NIE służy do uzyskiwania dostępu do dowolnych dokumentów użytkownika przechowywanych na Dysku Google. Zapewnia pamięć przeznaczoną do
chrome.bluetoothSocket
Używaj interfejsu chrome.bluetoothSocket API do wysyłania i odbierania danych na urządzeniach Bluetooth za pomocą połączeń RFCOMM i L2CAP. Aby korzystać z tego interfejsu API, musisz zadeklarować te klucze w pliku manifestu. "system_error" Wystąpił
chrome.socket
Wysyłaj i odbieraj dane w sieci za pomocą połączeń TCP i UDP za pomocą interfejsu chrome.socket API. Uwaga: od wersji Chrome 33 ten interfejs API został wycofany na rzecz interfejsów sockets.udp, sockets.tcp i sockets.tcpServer. liczba number
chrome.usb
Użyj interfejsu API chrome.usb, aby komunikować się z podłączonymi urządzeniami USB. Ten interfejs API zapewnia dostęp do operacji USB w kontekście aplikacji. Dzięki niemu aplikacje mogą działać jako sterowniki urządzeń sprzętowych. Błędy generowane
chrome.bluetoothLowEnergy
Interfejs chrome.bluetoothLowEnergy API służy do komunikacji z urządzeniami Bluetooth Smart (Low Energy) za pomocą profilu atrybutów ogólnych (GATT). Aby korzystać z tego interfejsu API, musisz zadeklarować te klucze w pliku manifestu.
chrome.mdns
Użyj interfejsu API chrome.mdns, aby wykrywać usługi za pomocą mDNS. Obejmuje to podzbiór funkcji specyfikacji NSD: http://www.w3.org/TR/discovery-api/ ciąg znaków Adres IP usługi reklamowanej przez mDNS. string[] Metadane usługi reklamowanej za
chrome.bluetooth
Aby połączyć się z urządzeniem Bluetooth, użyj interfejsu API chrome.bluetooth. Wszystkie funkcje zgłaszają błędy za pomocą chrome.runtime.lastError. Aby korzystać z tego interfejsu API, musisz zadeklarować te klucze w pliku manifestu. ciąg znaków
chrome.webviewTag
Użyj tagu webview, aby aktywnie wczytywać na żywo treści z internetu przez sieć i osadzać je w aplikacji Chrome. Twoja aplikacja może kontrolować wygląd tagu webview i interagować z treściami internetowymi, inicjować nawigację na osadzoną stronę
chrome.fontSettings
Aby zarządzać ustawieniami czcionek w Chrome, użyj interfejsu API chrome.fontSettings. Aby używać interfejsu Font Settings API, musisz zadeklarować uprawnienie "fontSettings" w pliku manifestu rozszerzenia. Na przykład: Chrome umożliwia uzależnienie
chrome.serial
Interfejs API chrome.serial służy do odczytu i zapisu na urządzeniu podłączonym do portu szeregowego. liczba opcjonalnie Zobacz ConnectionOptions.bitrate. To pole może zostać pominięte lub nieprawidłowe, jeśli używana jest niestandardowa szybkość
Stosowanie silnej zasady HSTS
Dowiedz się więcej o konfigurowaniu silnych zasad HTTP Strict Transport Security (HSTS)
Wycofanie panelu Statystyki wydajności
Eksperymentalny panel Statystyki wydajności zostanie usunięty w styczniu 2025 r. i zastąpiony nowymi statystykami w panelu Wydajność.
chrome.declarativeContent
Korzystaj z interfejsu API chrome.declarativeContent, aby podejmować działania zależne od treści strony, bez konieczności uzyskiwania uprawnień do odczytu tej treści. Interfejs Declarative Content API umożliwia włączenie działania rozszerzenia
chrome.desktopCapture
Interfejs API Desktop Capture przechwytuje zawartość ekranu, poszczególnych okien lub kart. Typ enumeracji służący do definiowania zestawu źródeł multimediów na komputery używane w funkcji chooseDesktopMedia(). „screen” „window” „tab” „audio”
chrome.dns
Do rozwiązywania adresów DNS użyj interfejsu API chrome.dns. Aby korzystać z tego interfejsu API, musisz zadeklarować uprawnienie "dns" w manifest. Poniższy kod wywołuje funkcję resolve(), aby pobrać adres IP example.com. service-worker.js: ciąg
chrome.system.storage
Użyj interfejsu API chrome.system.storage, aby zapytać o informacje dotyczące urządzenia pamięci masowej i otrzymać powiadomienie, gdy urządzenie pamięci wymiennej zostanie podłączone lub odłączone. "success" Polecenie wyjęcia zostało wykonane –
chrome.documentScan
Interfejs chrome.documentScan API umożliwia wykrywanie i pobieranie obrazów z podłączonych skanerów dokumentów.
chrome.contextMenus
Użyj interfejsu API chrome.contextMenus, aby dodać elementy do menu kontekstowego Google Chrome. Możesz wybrać, do jakich obiektów mają się odnosić elementy menu kontekstowego, np. obrazy, hiperlinki i strony. Aby korzystać z interfejsu API, musisz
chrome.audio
Interfejs API chrome.audio umożliwia użytkownikom uzyskiwanie informacji o podłączonych do systemu urządzeniach audio i sterowanie nimi. Ten interfejs API jest obecnie dostępny tylko w trybie kiosku w ChromeOS. ciąg znaków Nazwa urządzenia.
chrome.alarms
Użyj interfejsu API chrome.alarms, aby zaplanować wykonywanie kodu okresowo lub w określonym czasie w przyszłości. Aby korzystać z interfejsu chrome.alarms API, w pliku manifest zadeklaruj uprawnienie "alarms": Aby zapewnić niezawodne działanie,
Autouzupełnianie
Przeglądarki i Ty jako deweloper możecie pomóc użytkownikom szybciej wprowadzać dane i uniknąć ich ponownego wpisywania. Autouzupełnianie to funkcja, która pozwala przeglądarkom automatycznie wypełniać pola formularzy za pomocą zapisanych informacji
Narzędzia do raportu na temat użytkowania Chrome
Dokumentacja techniczna dotycząca narzędzi na potrzeby użytkowania Chrome.
chrome.declarativeNetRequest
Interfejs API chrome.declarativeNetRequest służy do blokowania lub modyfikowania żądań sieciowych przez określenie reguł deklaratywnych. Dzięki temu rozszerzenia mogą modyfikować żądania sieci bez ich przechwytywania i przeglądania zawartości, co
chrome.devtools.panels
Aby zintegrować rozszerzenie z interfejsem okna narzędzi dla programistów, użyj interfejsu API chrome.devtools.panels: twórz własne panele, uzyskaj dostęp do istniejących paneli i dodaj paski boczne. Każdy panel rozszerzenia i pasek boczny jest
chrome.fileBrowserHandler
Użyj interfejsu chrome.fileBrowserHandler API, aby rozszerzyć przeglądarkę plików w Chrome OS. Możesz na przykład użyć tego interfejsu API, aby umożliwić użytkownikom przesyłanie plików na Twoją stronę. Przeglądarka plików w ChromeOS pojawia się, gdy
chrome.readingList
Do odczytywania i modyfikowania elementów na liście Do przeczytania używaj interfejsu API chrome.readingList. Aby używać interfejsu Reading List API, dodaj uprawnienie "readingList" do pliku manifest rozszerzenia: manifest.json: W panelu bocznym
Film z informacjami o dostępności zdobył nagrodę internetową w konkursie dla deweloperów Gemini API
Wybraliśmy ViddyScribe do nagrody internetowej w ramach konkursu dla programistów Gemini API. Pokazały, jak Gemini może ułatwić dostęp do filmów w internecie dzięki generowaniu audiodeskrypcji do dowolnego filmu.
Co dalej z WebGPU
Dowiedz się więcej o nowych funkcjach AI i renderowania, które były omawiane podczas ostatniego spotkania grupy roboczej ds. GPU dla sieci.
- WebGpu
Przygotuj rozszerzenie, ponieważ rozpoczynamy testowanie nowego menu rozszerzeń
Jak przygotować rozszerzenie do nowego menu rozszerzeń
chrome.networking.onc
Interfejs API chrome.networking.onc służy do konfigurowania połączeń sieciowych (komórkowych, Ethernet, VPN lub Wi-Fi). Interfejs API jest dostępny w automatycznie uruchamianych sesjach kiosku w ChromeOS. Konfiguracje połączeń sieciowych są określane
Dodawanie adnotacji bezpośrednio w panelu Wydajność
Dowiedz się, jak za pomocą nowych funkcji adnotacji w Narzędziach deweloperskich ułatwić interpretację śladów wydajności
Interfejs Signal API do obsługi kluczy dostępu w Chrome na komputerze
Przedstawiamy interfejs Signal API do obsługi kluczy dostępu w Chrome na komputery
Tłumaczenie po stronie klienta z wykorzystaniem AI
Poznaj interfejs Translator API, który ułatwia globalną obsługę klienta.
Wbudowana sztuczna inteligencja
Wbudowana sztuczna inteligencja to najnowsza oferta, która umożliwia udostępnianie użytkownikom zaawansowanych modeli, ochronę danych wrażliwych i skrócenie opóźnień.
Udział w testowaniu origin interfejsu Translator API
Tłumaczenie tekstu na żywo w przeglądarce przy użyciu lokalnych modeli AI. Użytkownicy mogą teraz dodawać treści w swoim języku ojczystym.
Nowości w Chrome 131
Wersja Chrome 131 jest już dostępna. Więcej stylów CSS dla elementu szczegółów, prostszy układ do drukowania z polami marginesów strony i wiele innych.
Udział w testowaniu origin interfejsu Summarizer API
Weź udział w testach wersji oryginalnej, aby pomóc użytkownikom przekształcić długie artykuły, złożone dokumenty, a nawet żywe rozmowy na czacie w zwięzłe i przenikliwe podsumowania.
Utrzymywanie spójności kluczy dostępu z danymi logowania na serwerze za pomocą interfejsu Signal API
Interfejs WebAuthn Signal API umożliwia stronie trzeciej sygnalizowanie dostawcy klucza dostępu stanu dotychczasowych danych logowania, aby klucze dostępu były zgodne z danymi logowania na serwerze.
Dołącz do testowania origin interfejsu Prompt API w rozszerzeniach do Chrome
Uczestniczyć w testowaniu origin interfejsu Prompt API dla rozszerzeń do Chrome i uzyskać dostęp do Gemini Nano w Chrome.
Chrome 131
Zmiany w dziedziczeniu wyróżnień CSS, więcej stylów CSS dla elementu szczegółów, prostszy układ strony do druku z polami marginesów strony i inne.
Podsumowanie za pomocą wbudowanej AI
Przekształcaj długie artykuły, złożone dokumenty, a nawet żywe rozmowy na czacie w zwięzłe i trafne podsumowania.
Plik manifestu – piaskownica
Ostrzeżenie: od wersji 57 Chrome nie będzie już zezwalać na zewnętrzne treści internetowe (w tym umieszczone ramki i skrypty) na stronach w piaskownicy. Użyj komponentu WebView. Określa zbiór stron aplikacji lub rozszerzeń, które mają być wyświetlane
Plik manifestu dotyczący obszarów przechowywania
W odróżnieniu od obszarów pamięci local i sync obszar pamięci managed wymaga, aby jego struktura była zadeklarowana jako schemat JSON i była ściśle sprawdzana przez Chrome. Ten schemat musi być przechowywany w pliku wskazanym przez właściwość
Plik manifestu – wymagania
Technologie wymagane przez aplikację lub rozszerzenie. Strony hostingowe, takie jak Chrome Web Store, mogą używać tej listy, aby zniechęcić użytkowników do instalowania aplikacji lub rozszerzeń, które nie będą działać na ich komputerach. Obsługiwane
Pierwsze kroki z testami origin
przetestować nową lub eksperymentalną funkcję platformy internetowej; Zanim udostępnimy tę funkcję wszystkim użytkownikom, prześlij opinię na temat jej użyteczności, praktyczności i skuteczności w społeczności zajmującej się standardami internetowymi.
Więcej opcji stylizacji <details>
Teraz możesz ustawić typ wyświetlania i nadać styl kontenerowi dla części, która się rozwija i składa, za pomocą nowego pseudoelementu ::details-content.
Rozwiązywanie problemów z pamięcią
Dowiedz się, jak za pomocą Chrome i Narzędzi deweloperskich znaleźć problemy z pamięcią wpływające na wydajność strony, w tym wycieki pamięci, zapotrzebowanie pamięci i częste czyszczenie pamięci.
Nowości w WebGPU (Chrome 131)
Odległości odcięcia w WGSL, getConfiguration() w GPUCanvasContext, punkty i linie nie mogą mieć zniekształcenia głębi, wbudowane funkcje skanowania łącznie dla podgrup, eksperymentalna obsługa wielokrotnego rysowania pośredniego, opcja kompilacji modułu shadera „strict math”, usunięcie metody GPUAdapter requestAdapterInfo() i inne.
- WebGpu
Omówienie panelu pamięci
Zyskaj dogłębny wgląd w alokację pamięci, badaj problemy z niskim poziomem pamięci i zarządzaj czyszczeniem pamięci.
Ułatwiaj użytkownikom logowanie dzięki płynnemu udostępnianiu danych logowania
Bezproblemowe udostępnianie danych logowania umożliwia bezpieczne sygnalizowanie menedżerom haseł, że użytkownicy mogą logować się przy użyciu tych samych danych logowania w aplikacji i witrynie na Androida.
Dostosuj Narzędzia deweloperskie
Lista sposobów dostosowywania Narzędzi deweloperskich w Chrome: zmienianie motywu, położenia, kolejności paneli, języka i innych ustawień.
Monitorowanie w panelu Wydajność danych podstawowych wskaźników internetowych
Monitoruj bieżące wskaźniki podstawowych wskaźników internetowych w panelu Wydajność.
Informacje o plakietkach
Przełączaj różne nakładki i przyspiesz nawigację w drzewie DOM dzięki plakietkom.
Nowości w Narzędziach deweloperskich: Chrome 131
Możesz między innymi debugować CSS za pomocą Gemini, dodawać adnotacje do wyników i przeglądać statystyki w panelu Skuteczność oraz wykrywać nadmierne przesunięcia układu i nieskomponowane animacje.
Rozpoznawaj pismo odręczne użytkowników
Interfejs API rozpoznawania pisma odręcznego pozwala aplikacjom internetowym korzystać z zaawansowanych usług rozpoznawania pisma odręcznego w celu rozpoznawania w czasie rzeczywistym tekstu pisanego odręcznie.
Dodawanie treści do marginesów stron internetowych podczas drukowania za pomocą kodu CSS
Możliwość tworzenia niestandardowych nagłówków i stopek podczas drukowania stron internetowych.
WebGPU: wskazówki i rozwiązania problemów
Dowiedz się, dlaczego interfejs WebGPU może być wyłączony lub nie działa w przeglądarce Chrome.
Analiza wydajności środowiska wykonawczego
Dowiedz się, jak ocenić wydajność środowiska wykonawczego za pomocą Narzędzi deweloperskich w Chrome.
Usuwam --headless=old z Chrome
W Chrome 132 nie ma już starego trybu bez interfejsu graficznego. Przejdź na chrome-headless-shell lub nowy tryb bez interfejsu.
Nowa plakietka przewijania w Narzędziach deweloperskich: szybsze znajdowanie elementów, które można przewijać
Dowiedz się, jak nowa plakietka przewijania w DevTools ułatwia debugowanie elementów przewijanych (i jak ją stworzyliśmy).
5 ciekawych rzeczy, które możesz zrobić z pomocą AI w Narzędziach deweloperskich
Poznaj ciekawe przypadki użycia nowego panelu pomocy AI w Narzędziach deweloperskich
Włączanie funkcji bfcache dla kontroli Cache-Control: no-store
W Chrome wprowadzamy zmianę, która umożliwi korzystanie z pamięci podręcznej stanu strony internetowej na stronach, które używają ustawienia Cache-Control: no-store, gdy jest to bezpieczne. Dowiedz się, co to oznacza dla deweloperów.
Tryb bez interfejsu graficznego w Chrome
Tryb bez interfejsu graficznego w Chrome jest teraz bardziej przydatny dla programistów, ponieważ przybliża go do zwykłego trybu „headful” w Chrome.
Wbudowane interfejsy API AI
Wbudowana sztuczna inteligencja to najnowsza oferta, która umożliwia udostępnianie użytkownikom zaawansowanych modeli, ochronę danych wrażliwych i skrócenie opóźnień.
Dokumentacja API
Pełne informacje o wszystkich interfejsach API dostępnych dla rozszerzeń do Chrome. Dotyczy to interfejsów API wycofanych z aplikacji Chrome oraz interfejsów API, które nadal są w wersji beta i deweloperskiej.
Nowości w Chrome 130
Wersja Chrome 130 jest już dostępna. Funkcja Obraz w obrazie w dokumentach zapewnia większą kontrolę nad oknami obrazu w obrazie, deklaracje zagnieżdżone w CSS rozwiązują niektóre trudne przypadki, a użytkownik może określić sposób działania dekoracji na elementach podzielonych na kilka linii. Pete LePage szczegółowo informuje o nowościach dla programistów w Chrome 130.
Nowości w WebGPU (Chrome 130)
Mieszanie 2 źródeł, krótszy czas kompilowania cieniowania w przypadku metalu, wycofanie interfejsu GPUAdapter requestAdapterInfo() i inne ulepszenia.
- WebGpu
Chrome 130
Chrome 130 jest już dostępna. Funkcja Obraz w obrazie w dokumentach zapewnia większą kontrolę nad oknami obrazu w obrazie, zagnieżdżone deklaracje CSS rozwiązują niektóre trudne przypadki, możesz też określać zachowanie dekoracji w elementach podzielonych na kilka linii. To nie wszystko!
Pomoc AI przy określaniu stylu
Dowiedz się, jak stylizowana jest witryna za pomocą AI w Narzędziach deweloperskich.
chrome.clipboard
Interfejs API chrome.clipboard umożliwia użytkownikom dostęp do danych ze schowka. Jest to tymczasowe rozwiązanie dla aplikacji platformy ChromeOS, dopóki nie pojawi się alternatywa dla otwartej sieci. Zostanie ono wycofane po udostępnieniu
chrome.virtualKeyboard
chrome.virtualKeyboard API to interfejs API przeznaczony tylko do obsługi kiosku. Służy do konfigurowania układu i działania klawiatury wirtualnej w sesjach kiosku. Wartość logiczna opcjonalna Określa, czy klawiatury wirtualne mogą obsługiwać
Sprawdzanie aktywności w sieci
Samouczek dotyczący najpopularniejszych funkcji sieciowych w Narzędziach deweloperskich w Chrome.
Interfejs API Long Animation Frames
Dowiedz się więcej o interfejsie Long Animation Frames API (LoAF), który jest kolejną wersją interfejsu Long Tasks API i umożliwia pomiar opóźnień aktualizacji klatek za pomocą atrybucji
Klient natywny
Piaskownica do uruchamiania w przeglądarce skompilowanego kodu w językach C i C++. Ta funkcja została wycofana.
Co się dzieje z rozszerzeniami Chrome w październiku 2024 r.
Omówienie ostatnich zmian w rozszerzeniach do Chrome oraz omówienie ciekawych funkcji rozszerzeń, które wkrótce zostaną udostępnione deweloperom.
Właściwość box-decoration-break w Chrome 130
Chrome 130 zapewnia pełną obsługę funkcji dekorowania pól dekoracyjnych bez prefiksu.
Dostęp do sieci prywatnej jest wstrzymany
Wdrażanie dostępu do sieci prywatnej (PNA) zostało wstrzymane.
Zmiany dziedziczenia stylów zaznaczenia CSS
W Chrome 134 wprowadziliśmy zmianę dotyczącą dziedziczenia wyróżnień CSS.
Interfejs Translation API dostępny we wczesnej wersji przedpremierowej
Interfejs Translation API jest teraz dostępny dla uczestników programu wczesnej wersji wbudowanej AI.
Interfejs API do pozycjonowania kotwicy w kodzie CSS
Pozycjonuj elementy względem siebie za pomocą interfejsu API do pozycjonowania zakotwiczenia.
Przewidywanie w Narzędziach deweloperskich w Chrome: dlaczego to trudne i jak je ulepszyć
Dowiedz się, jak debuger Narzędzi deweloperskich przewiduje, czy zostanie wykryty wyjątek.
Weź udział w wyzwaniu dotyczącym wbudowanej w Google Chrome sztucznej inteligencji
W ramach wyzwania dotyczącego wbudowanej AI zachęcamy do odkrywania nowych możliwości, jakie daje Gemini Nano w Chrome.
WebAuthn: emulacja uwierzytelniania
Emuluj aplikację Authenticator i debuguj WebAuthn w Narzędziach deweloperskich w Chrome.
Wyszukiwanie: znajdowanie tekstu we wszystkich załadowanych zasobach
Znajdź tekst we wszystkich załadowanych zasobach za pomocą panelu Szukaj.
Poprawianie wygody korzystania z pulpitu programisty Chrome Web Store na urządzeniach mobilnych
Wprowadziliśmy zmiany w interfejsie, dzięki którym Panel dewelopera Chrome Web Store stał się bardziej responsywny i przyjazny dla urządzeń mobilnych. Mamy nadzieję, że ułatwi Ci to i ulepszy dostęp do monitorowania skuteczności informacji
Informacje o funkcjach
Pełne informacje o funkcjach panelu rejestratora w Narzędziach deweloperskich w Chrome.
Nowości w Narzędziach deweloperskich: Chrome 130
Rekomendacje dotyczące wskaźników aktywnych i menu nawigacyjnego, do których możesz się poruszać m.in. w panelu Wydajność, udoskonalonych filtrach sieci i oczyszczonych eksportach HAR.
Pokrycie: znajdowanie nieużywanego kodu JavaScript i CSS
Jak znaleźć i analizować nieużywany kod JavaScript i CSS w Narzędziach deweloperskich w Chrome.
Przegląd panelu Źródła
Wyświetlaj i edytuj pliki, twórz fragmenty kodu, debuguj JavaScript i konfiguruj obszary robocze w panelu Źródła w Narzędziach deweloperskich w Chrome.
Przejścia widoku tego samego dokumentu w aplikacjach jednostronicowych
Zacznij od przejścia na ten sam dokument, którego chcesz używać w aplikacji jednostronicowej.
Buforowanie bez tajemnic: sprawdzanie, czyszczenie i wyłączanie pamięci podręcznej
Sprawdzanie pamięci podręcznej i rozwiązywanie problemów z nią za pomocą Narzędzi deweloperskich.
Rozszerzenie Web Vitals dostępne w Narzędziach deweloperskich
Rozszerzenie Web Vitals zostanie połączone z panelem Wydajność w Narzędziach deweloperskich w Chrome, a w styczniu 2025 r. wycofane jako samodzielne narzędzie.
Omówienie konsoli
Konsola Narzędzi deweloperskich w Chrome służy głównie do rejestrowania komunikatów i uruchamiania kodu JavaScript.
Unikalne identyfikowanie aplikacji PWA za pomocą identyfikatora pliku manifestu aplikacji internetowej
Opcjonalna właściwość „id” jest częścią specyfikacji pliku manifestu aplikacji internetowej i umożliwia bezpośrednie zdefiniowanie identyfikatora PWA. Dodanie do pliku manifestu właściwości „id” usuwa zależność od „start_url” lub lokalizacji pliku manifestu i umożliwia ich aktualizowanie w przyszłości.
Potrzebna opinia: jak należy zdefiniować mur w usługach porównywania cen?
Porównanie 2 proponowanych specyfikacji układu typu masonry.
Chrome do synchronizowania kluczy dostępu w Menedżerze haseł Google między komputerem a Androidem
W Chrome na komputery niedługo będzie można tworzyć klucze dostępu w Menedżerze haseł Google (MHP) i synchronizować je na tych platformach, a także na urządzeniach z Androidem.
Interfejsy API zapisującego i zapisującego są dostępne we wczesnej wersji przedpremierowej
Uczestnicy programu EPP mogą teraz tworzyć prototypy przy użyciu interfejsów API do zapisywania i przepisywania w Chrome.
Chrome 130 w wersji beta
Przetestuj swoją witrynę pod kątem funkcji i zmian w najnowszej wersji Chrome w wersji beta.
Animacja do wysokości: auto; (i inne kluczowe słowa dotyczące rozmiaru) w CSS
Animuj do i z wewnętrznego rozmiaru słów kluczowych za pomocą parametrów „rozmiar interpolacji” i „calc-size()”
Nowości w Chrome 129
Chrome 129 jest już w drodze! Potrafisz wykonywać długie zadania – aby poprawić wydajność, możesz animować elementy o rozmiarach wewnętrznych, wprowadzić kilka zmian w składni pozycjonowania zakotwiczonych i nie tylko. Pete LePage podaje wszystkie szczegóły dotyczące nowości dla programistów w Chrome 129.
Panel skuteczności: analizowanie wyników witryny
Analizowanie obciążenia witryny i wydajności jej działania
Co nowego w WebGPU (Chrome 129)
Obsługa HDR z trybem mapowania tonacji obrazu, rozszerzona obsługa podgrup i inne funkcje.
- WebGpu
Eksperyment w Chrome: udostępnianie procesów
Eksperyment dotyczący udostępniania procesów i jego wpływ Narzędzia deweloperskie w Chrome' dla programistów.
Monitoruj wydajność podstawowych wskaźników internetowych (podstawowych wskaźników internetowych) lokalnych i rzeczywistych użytkowników w Narzędziach deweloperskich
Panel Wydajność w Chrome DevTools zawiera nowy sposób monitorowania lokalnego działania podstawowych wskaźników internetowych i porównywania go z danymi zebranymi od prawdziwych użytkowników.
Aktualizacje Bluetooth RFCOMM w Web Serial
Dowiedz się, jak wykryć, kiedy port szeregowy Bluetooth RFCOMM jest dostępny w Web Serial.
Prośba o opinię dewelopera: opcja do wyboru
Omówienie nowej funkcji wyboru z możliwością dostosowania.
Blokuj ekran & sprawdzanie znikających elementów
zamrażać elementy w DOM, aby można było je sprawdzić za pomocą DevTools.
Funkcja obraz w obrazie dla dowolnego elementu, nie tylko dla <filmu&g;
Wyświetlanie dowolnej treści HTML w oknie zawsze na górze.
Informacje o wersjach
Szczegółowe informacje o najnowszych zmianach w zbiorze danych na temat użytkowania Chrome.
Interfejsy API blokady klawiatury i wskaźnika blokady wymagają uprawnień ze strony Chrome 131
Interfejs Keyboard Lock API umożliwia deweloperom tworzenie wciągających aplikacji pełnoekranowych w różnych zastosowaniach, takich jak interaktywne witryny, gry czy strumieniowanie pulpitu zdalnego lub aplikacji. Dzieje się tak, ponieważ witryny
Plik manifestu – moduły Nacl
Co najmniej jedno mapowanie typów MIME na moduł klienta natywnego, który obsługuje poszczególne typy. Dla: na przykład pogrubiony kod w tym fragmencie powoduje zarejestrowanie modułu klienta natywnego jako treści dla typu MIME arkusza kalkulacyjnego
externally_connectable
Właściwość manifestu externally_connectable deklaruje, które rozszerzenia, aplikacje i strony internetowe mogą połącz się z aplikacją przez runtime.connect i runtime.sendMessage. Aby zapoznać się z samouczkiem na temat przekazywania wiadomości,
Plik manifestu – ikony
Co najmniej jedna ikona reprezentująca rozszerzenie, aplikację lub motyw. Zawsze używaj obrazu o wymiarach 128 x 128, ikonę; jest używany podczas instalacji oraz w sklepie Chrome Web Store. Rozszerzenia powinny też dostarczać Ikona 48 x 48, używana
Wersja pliku manifestu
Jedna liczba całkowita określająca wersję pliku manifestu wymaganego przez pakiet. Od Chrome 18, deweloperzy powinni używać parametru 2 (bez cudzysłowu), aby używać formatu opisanego w tym dokument: Zwróć uwagę na wycofanie pliku manifestu w wersji 1
Inspektor pamięci: przejrzyj tablica tablica, typ tablicy, DataView i pamięć Wasm.
Za pomocą inspektora pamięci możesz zbadać obiekt SlateBuffer, Typedtablica lub DataView w JavaScript oraz WebAssembly.Memory aplikacji C++ Wasm.
Zmiany: śledzenie zmian w kodzie HTML, CSS i JavaScript
Śledzenie zmian w kodach HTML, CSS i JavaScript.
Włącz bezproblemowe udostępnianie danych logowania między witrynami w Chrome
Jeśli pracujesz w wielu domenach, które korzystają z tego samego backendu zarządzania kontem, za pomocą Digital Asset Links możesz łatwo udostępniać dane logowania, aby umożliwić użytkownikom jednorazowe zapisywanie danych logowania, a menedżer haseł Chrome proponować je do każdej z powiązanych witryn.
Uruchamianie poleceń w menu poleceń
Przewodnik na temat otwierania menu poleceń, uruchamiania poleceń, otwierania plików, wyświetlania innych czynności itp.
Przedstawiamy wersję próbną interfejsu Digital Credentials API
Testowanie origin interfejsu Digital Credentials API rozpoczyna się od Chrome 128. Digital Credentials API to nowy interfejs API platformy internetowej, który umożliwia witrynom selektywne żądanie weryfikowanych informacji o użytkowniku za pomocą cyfrowych danych uwierzytelniających, takich jak prawo jazdy lub krajowy dowód tożsamości zapisany w cyfrowym portfelu.
Zmiany składni pozycjonowania zakotwiczonych
Zmiany związane z interfejsem API do pozycjonowania zakotwiczenia, o których warto wiedzieć.
Nowości w Narzędziach deweloperskich: Chrome 129
Żądania wyszukiwania na karcie Skuteczność > Sieć, używaj danych testowych w formularzach adresowych dzięki autouzupełnianiu, eksportuj do Puppeteer w przeglądarce Firefox w panelu Dyktafon, szybko obserwuj problemy z wydajnością dzięki obserwacjom w panelu Wydajność.
Platforma internetowa
Dowiedz się, jak działa Chrome, bierz udział w testach origin i korzystaj z Chrome na całym świecie.
Przedstawiamy wskazówki, powiązane żądania dotyczące źródła i serializację JSON dla WebAuthn w Chrome
WebAuthn w Chrome może teraz korzystać ze wskazówek, powiązanych żądań źródła i serializacji JSON
chrome.privacy
Używaj interfejsu API chrome.privacy, aby kontrolować korzystanie z funkcji Chrome, które mogą naruszać prywatność użytkowników. Ten interfejs API opiera się na prototypie interfejsu ChromeSetting API do pobierania i konfigurowania konfiguracji
chrome.wallpaper
Aby zmienić tapetę ChromeOS, użyj interfejsu API chrome.wallpaper. Musisz zadeklarować tapetę uprawnienia w pliku manifestu aplikacji z tapetą w interfejsie API. Na przykład: Aby na przykład ustawić tapetę jako obraz w https://example.com/a_file.png,
chrome.input.ime
Implementacja niestandardowego edytora IME dla ChromeOS przy użyciu interfejsu API chrome.input.ime. Dzięki temu rozszerzenie może obsługiwać naciśnięcia klawiszy, ustawiać kompozycję i zarządzać oknem propozycji. Musisz zadeklarować „input”
chrome.scripting
Używaj interfejsu API chrome.scripting do wykonywania skryptu w różnych kontekstach. Aby użyć interfejsu API chrome.scripting, zadeklaruj uprawnienia "scripting" w manifeście oraz uprawnienia hosta dla stron, na których mogą być wstrzykiwane skrypty.
chrome.system.storage
Interfejs API chrome.system.storage pozwala wysyłać zapytania o informacje o urządzeniach pamięci masowej i otrzymywać powiadomienia o podłączeniu i odłączeniu takiego urządzenia. "success" Polecenie wyrzucenia zostało wykonane – aplikacja może
chrome.webAuthenticationProxy
Interfejs chrome.webAuthenticationProxy API umożliwia oprogramowaniu pulpitu zdalnego działające na hoście zdalnym przechwytywanie żądań do interfejsu Web Authentication API (WebAuthn) w celu obsługi ich na kliencie lokalnym. ciąg znaków
chrome.enterprise.hardwarePlatform
Użyj interfejsu API chrome.enterprise.hardwarePlatform, aby uzyskać nazwę producenta i model platformy sprzętowej, na której działa przeglądarka. Uwaga: ten interfejs API jest dostępny tylko w przypadku rozszerzeń zainstalowanych przez zasady
chrome.devtools.performance
Aby nasłuchiwać aktualizacji stanu w panelu Wydajność w Narzędziach deweloperskich, używaj interfejsu API chrome.devtools.performance. Zapoznaj się z podsumowaniem interfejsów API Narzędzi deweloperskich, aby uzyskać ogólne wprowadzenie do
chrome.tabCapture
Do interakcji ze strumieniami multimediów na karcie używaj interfejsu API chrome.tabCapture. Interfejs chrome.tabCapture API umożliwia dostęp do interfejsu MediaStream zawierającego filmy na bieżącej karcie. Może zostać wywołana tylko po wywołaniu
chrome.types
Interfejs API chrome.types zawiera deklaracje typu dla Chrome. Typ ChromeSetting zapewnia wspólny zestaw funkcji ( get(), set() i clear() ) oraz wydawcę wydarzenia ( onChange ) w ustawieniach przeglądarki Chrome. W sekcji Ustawienia serwera proxy
chrome.vpnProvider
Wdróż klienta VPN za pomocą interfejsu API chrome.vpnProvider. Typowe użycie chrome.vpnProvider jest następujące: Konfiguracja VPN możesz utworzyć, wywołując metodę createConfig(). Konfiguracja sieci VPN to stały wpis wyświetlany użytkownikowi w
chrome.enterprise.deviceAttributes
Odczytuj atrybuty urządzeń za pomocą interfejsu API chrome.enterprise.deviceAttributes. Uwaga: ten interfejs API jest dostępny tylko w przypadku rozszerzeń, których instalacja została wymuszona przez zasady przedsiębiorstwa. Pobiera lokalizację
chrome.systemLog
Dzienniki systemowe Chrome pochodzące z rozszerzeń możesz rejestrować za pomocą interfejsu API chrome.systemLog. ciąg znaków Dodaje nowy rekord logu. MessageOptions Opcje logowania. funkcja optional Parametr callback wygląda tak:
chrome.power
Aby zastąpić funkcje zarządzania zasilaniem systemu, użyj interfejsu API chrome.power. Domyślnie systemy operacyjne przyciemniają ekran, gdy użytkownicy są nieaktywni, a następnie systemu. Dzięki interfejsowi Power API aplikacja lub rozszerzenie może
chrome.system.memory
Interfejs API chrome.system.memory. liczba Ilość dostępnej pojemności w bajtach. liczba Łączna ilość pamięci fizycznej (w bajtach). Uzyskiwanie informacji o pamięci fizycznej. funkcja optional Parametr callback wygląda tak: MemoryInfo Promise&lt;
chrome.proxy
Do zarządzania ustawieniami serwera proxy Chrome używaj interfejsu API chrome.proxy. Ten interfejs API opiera się na prototypie interfejsu ChromeSettings API typu do pobierania i ustawiania konfiguracji serwera proxy. Musisz zadeklarować serwer proxy
chrome.topSites
Użyj interfejsu API chrome.topSites, aby uzyskać dostęp do najpopularniejszych witryn (tj. najczęściej odwiedzanych) wyświetlanych na stronie nowej karty. Nie obejmują one skrótów niestandardowych przez użytkownika. Musisz zadeklarować „topSites”
chrome.enterprise.networkingAttributes
Użyj interfejsu API chrome.enterprise.networkingAttributes, aby odczytać informacje o bieżącej sieci. Uwaga: ten interfejs API jest dostępny tylko w przypadku rozszerzeń, których instalacja została wymuszona przez zasady przedsiębiorstwa. ciąg znaków
chrome.devtools.recorder
Panel Dyktafon w Narzędziach deweloperskich możesz dostosować za pomocą interfejsu API chrome.devtools.recorder. devtools.recorder API to funkcja w wersji testowej, która umożliwia rozszerzenie panelu Dyktafon w Narzędziach deweloperskich w Chrome.
chrome.system.cpu
Do wysyłania zapytań o metadane procesora użyj interfejsu API system.cpu. ciąg znaków Nazwa architektury procesorów. ciąg znaków[] Zestaw kodów funkcji wskazujących niektóre możliwości procesora. Obecnie obsługiwane kody to „mmx”, „sse”, „sse2”,
chrome.devtools.network
Interfejs API chrome.devtools.network umożliwia pobieranie informacji o żądaniach sieciowych wyświetlanych przez narzędzia dla programistów w panelu Sieć. Informacje o żądaniach sieciowych są zapisywane w formacie HAR (archiwum HTTP). Opis HAR nie
chrome.processes
Interfejs API chrome.processes umożliwia interakcję z procesami przeglądarki. liczba Używana część pamięci podręcznej (w bajtach). liczba Rozmiar pamięci podręcznej w bajtach. liczba opcjonalnie Ostatni pomiar wykorzystania procesora w procesie,
chrome.search
Używaj interfejsu API chrome.search, aby wyszukiwać za pomocą domyślnego dostawcy. "CURRENT_TAB" Określa, czy wyniki wyszukiwania mają być wyświetlane na karcie Połączenia czy na karcie aktywnej przeglądarki. "NEW_TAB" Określa, czy wyniki
chrome.webNavigation
Używaj interfejsu API chrome.webNavigation, aby otrzymywać powiadomienia o stanie próśb o nawigację w drodze. Wszystkie metody i zdarzenia chrome.webNavigation wymagają zadeklarowania uprawnienia "webNavigation" z pliku manifestu rozszerzenia. Na
chrome.tts
Używaj interfejsu API chrome.tts do odtwarzania zamiany tekstu na mowę z syntezatorem mowy. Zobacz też powiązany interfejs API ttsEngine, który umożliwia rozszerzeniu wdrożenie silnika mowy. Chrome zapewnia tę funkcję w systemach Windows (z
chrome.devtools.inspectedWindow
Użyj interfejsu API chrome.devtools.inspectedWindow, aby wejść w interakcję z sprawdzanym oknem: uzyskaj identyfikator karty dla sprawdzanej strony, oceń kod w kontekście sprawdzanego okna, załaduj ponownie stronę lub pobierz listę zasobów na
chrome.tabGroups
Do interakcji z systemem grupowania kart przeglądarki używaj interfejsu API chrome.tabGroups. Za pomocą tego interfejsu API możesz modyfikować i zmieniać kolejność grup kart w przeglądarce. Aby pogrupować i rozgrupować karty lub zadać pytanie, które
chrome.printerProvider
Interfejs API chrome.printerProvider udostępnia zdarzenia używane przez menedżera wydruku do wysyłania zapytań o drukarki kontrolowane przez rozszerzenia, wysyłanie zapytań o ich możliwości i przesyłanie zadań drukowania do tych drukarek. ciąg znaków
chrome.printingMetrics
Użyj interfejsu API chrome.printingMetrics, aby pobrać dane o wykorzystaniu drukowania. "BLACK_AND_WHITE" Określa, że był używany tryb czarno-biały. "Color" Określa użyty tryb kolorów. "ONE_SIDED" Określa, że użyto drukowania jednostronnego.
Funkcje i opcje Chrome
Uprawnienia to opcje, których możesz użyć, aby dostosować i skonfigurować sesję ChromeDriver.
Interfejs wykrywania języka jest dostępny we wczesnej wersji przedpremierowej
Uczestnicy programu EPP mogą teraz tworzyć prototypy z użyciem interfejsu Language Detection API w Chrome.
chrome.declarativeNetRequest
Interfejs API chrome.declarativeNetRequest służy do blokowania lub modyfikowania żądań sieciowych przez określenie reguł deklaratywnych. Dzięki temu rozszerzenia mogą modyfikować żądania sieciowe bez ich przechwytywania i wyświetlania treści, co
chrome.webRequest
Interfejs chrome.webRequest API pozwala obserwować i analizować ruch oraz przechwytywać, blokować i modyfikować przesyłane żądania. Aby używać żądania internetowego, musisz zadeklarować uprawnienia "webRequest" w pliku manifestu rozszerzenia. API, a
chrome.sidePanel
Używaj interfejsu API chrome.sidePanel do hostowania treści w panelu bocznym przeglądarki obok głównej treści strony internetowej. Aby używać interfejsu Side Panel API, dodaj uprawnienie "sidePanel" do pliku manifest rozszerzenia: manifest.json:
chrome.omnibox
Interfejs API omniboksu umożliwia zarejestrowanie słowa kluczowego na pasku adresu Google Chrome, zwanym także omniboksem. Gdy użytkownik wpisze słowo kluczowe rozszerzenia, rozpocznie interakcję tylko z Twoją. Każda naciśnięcie klawisza jest
chrome.pageAction
Użyj interfejsu API chrome.pageAction, aby umieścić ikony na głównym pasku narzędzi Google Chrome po prawej stronie paska adresu. Działania na stronie to działania, które można wykonać na bieżącej stronie, ale nie na wszystkich stronach. Działania na
chrome.windows
Do interakcji z oknami przeglądarki używaj interfejsu API chrome.windows. Za pomocą tego interfejsu API możesz tworzyć, modyfikować i zmieniać kolejność okien w przeglądarce. Na żądanie windows.Window zawiera tablicę obiektów tabs.Tab.
chrome.i18n
Użyj infrastruktury chrome.i18n, aby wdrożyć internacjonalizację całej aplikacji lub rozszerzenia. Wszystkie ciągi znaków widoczne dla użytkowników musisz umieścić w pliku o nazwie messages.json. Za każdym razem dodajesz nowe ustawienia regionalne,
chrome.browserAction
Użyj działań przeglądarki, aby umieścić ikony na głównym pasku narzędzi Google Chrome, po prawej stronie paska adresu. Oprócz ikony działanie w przeglądarce może mieć etykietkę, plakietkę i wyskakujące okienko. Na tej ilustracji wielokolorowy kwadrat
chrome.webRequest
Interfejs chrome.webRequest API pozwala obserwować i analizować ruch oraz przechwytywać, blokować i modyfikować przesyłane żądania. Aby używać żądania internetowego, musisz zadeklarować uprawnienia "webRequest" w pliku manifestu rozszerzenia. API, a
chrome.fileBrowserHandler
Rozszerzenie przeglądarki plików Chrome OS za pomocą interfejsu API chrome.fileBrowserHandler. Możesz na przykład użyć tego interfejsu API, aby umożliwić użytkownikom przesyłanie plików do Twojej witryny. Przeglądarka plików ChromeOS pojawia się, gdy
chrome.devtools.panels
Interfejs API chrome.devtools.panels pozwala zintegrować rozszerzenie z interfejsem okna Narzędzia dla programistów i tworzyć własne panele, uzyskiwać dostęp do dotychczasowych paneli i dodawać paski boczne. Aby używać tego interfejsu API, należy
Format pliku manifestu
Każda aplikacja ma plik manifestu w formacie JSON o nazwie manifest.json, który zawiera ważne i informacjami o nich. Poniższy kod pokazuje obsługiwane pola manifestu dla aplikacji z linkami do strony, która omawia poszczególne dziedziny.
chrome.system.cpu
Do wysyłania zapytań o metadane procesora użyj interfejsu API system.cpu. ciąg znaków Nazwa architektury procesorów. ciąg znaków[] Zestaw kodów funkcji wskazujących niektóre możliwości procesora. Obecnie obsługiwane kody to „mmx”, „sse”, „sse2”,
chrome.enterprise.networkingAttributes
Użyj interfejsu API chrome.enterprise.networkingAttributes, aby odczytać informacje o bieżącej sieci. Uwaga: ten interfejs API jest dostępny tylko w przypadku rozszerzeń, których instalacja została wymuszona przez zasady przedsiębiorstwa. ciąg znaków
chrome.gcm
Użyj usługi chrome.gcm, by umożliwić aplikacjom i rozszerzeniom wysyłanie i odbieranie wiadomości przez Komunikację w chmurze Firebase (FCM). Maksymalny rozmiar (w bajtach) wszystkich par klucz-wartość w wiadomości. 4096 Rejestruje aplikację w FCM.
chrome.instanceID
Użyj adresu chrome.instanceID, aby uzyskać dostęp do usługi identyfikatora instancji. Resetuje identyfikator instancji aplikacji i unieważnia wszystkie powiązane z nim tokeny. funkcja optional Parametr callback wygląda tak: Obietnica<void>
chrome.loginState
Do odczytywania i monitorowania stanu logowania za pomocą interfejsu API chrome.loginState. "SIGNIN_PROFILE" Określa, że rozszerzenie znajduje się w profilu logowania. "USER_PROFILE" Określa, że rozszerzenie znajduje się w profilu użytkownika.
chrome.input.ime
Implementacja niestandardowego edytora IME dla ChromeOS przy użyciu interfejsu API chrome.input.ime. Dzięki temu rozszerzenie może obsługiwać naciśnięcia klawiszy, ustawiać kompozycję i zarządzać oknem propozycji. Musisz zadeklarować „input”
chrome.printingMetrics
Użyj interfejsu API chrome.printingMetrics, aby pobrać dane o wykorzystaniu drukowania. "BLACK_AND_WHITE" Określa, że był używany tryb czarno-biały. "Color" Określa użyty tryb kolorów. "ONE_SIDED" Określa, że użyto drukowania jednostronnego.
chrome.fontSettings
Do zarządzania ustawieniami czcionek Chrome używaj interfejsu API chrome.fontSettings. Aby korzystać z interfejsu Font Settings API, musisz zadeklarować „fontSettings” uprawnienia przeglądarki w rozszerzeniu pliku manifestu. Na przykład: Chrome
chrome.processes
Interfejs API chrome.processes umożliwia interakcję z procesami przeglądarki. liczba Używana część pamięci podręcznej (w bajtach). liczba Rozmiar pamięci podręcznej w bajtach. liczba opcjonalnie Ostatni pomiar wykorzystania procesora w procesie,
chrome.platformKeys
Użyj interfejsu API chrome.platformKeys, aby uzyskać dostęp do certyfikatów klienta zarządzanych przez platformę. Jeśli użytkownik lub zasada przyzna takie uprawnienia, rozszerzenie może używać takiego certyfikatu w swoim własnym protokole
chrome.devtools.inspectedWindow
Użyj interfejsu API chrome.devtools.inspectedWindow, aby wejść w interakcję z sprawdzanym oknem: uzyskaj identyfikator karty dla sprawdzanej strony, oceń kod w kontekście sprawdzanego okna, załaduj ponownie stronę lub pobierz listę zasobów na
chrome.identity
Żeby uzyskać tokeny dostępu OAuth2, użyj interfejsu API chrome.identity. ciąg znaków Niepowtarzalny identyfikator konta. Identyfikator nie zmieni się przez cały okres istnienia konta. "SYNC" Określa, czy synchronizacja jest włączona na koncie
chrome.history
Do interakcji z rejestrem odwiedzonych stron w przeglądarce należy używać interfejsu API chrome.history. W historii przeglądarki możesz dodawać i usuwać adresy URL, a także wysyłać dotyczące ich zapytania. Aby zastąpić stronę historii własną wersją,
chrome.enterprise.hardwarePlatform
Użyj interfejsu API chrome.enterprise.hardwarePlatform, aby uzyskać nazwę producenta i model platformy sprzętowej, na której działa przeglądarka. Uwaga: ten interfejs API jest dostępny tylko w przypadku rozszerzeń zainstalowanych przez zasady
chrome.tts
Używaj interfejsu API chrome.tts do odtwarzania zamiany tekstu na mowę z syntezatorem. Zobacz też powiązany interfejs API ttsEngine, który umożliwia rozszerzeniu wdrożenie silnika mowy. Chrome zapewnia natywną obsługę mowy w systemach Windows (z
chrome.devtools.recorder
Za pomocą interfejsu API chrome.devtools.recorder możesz dostosować panel Dyktafon w Narzędziach deweloperskich. Zapoznaj się z podsumowaniem interfejsów API Narzędzi deweloperskich, aby uzyskać ogólne wprowadzenie do korzystania z interfejsów API
chrome.dom
Użyj interfejsu API chrome.dom, aby uzyskać dostęp do specjalnych interfejsów DOM API dla rozszerzeń Pobiera otwarty katalog główny cienia lub zamknięty katalog główny cienia hostowany przez określony element. Jeśli element nie dołączy pierwiastka
chrome.tabCapture
Do interakcji ze strumieniami multimediów na karcie używaj interfejsu API chrome.tabCapture. Interfejs chrome.tabCapture API umożliwia dostęp do obiektu MediaStream zawierającego filmy i na bieżącej karcie. Może zostać wywołana tylko po wywołaniu
chrome.topSites
Użyj interfejsu API chrome.topSites, aby uzyskać dostęp do najpopularniejszych witryn (tj. najczęściej odwiedzanych) wyświetlanych na stronie nowej karty. Nie obejmują one skrótów niestandardowych przez użytkownika. Musisz zadeklarować „topSites”
chrome.webNavigation
Używaj interfejsu API chrome.webNavigation, aby otrzymywać powiadomienia o stanie próśb o nawigację w drodze. Wszystkie metody i zdarzenia funkcji chrome.webNavigation wymagają zadeklarowania funkcji „webNavigation” uprawnienia w pliku manifestu
chrome.management
Interfejs chrome.management API umożliwia zarządzanie zainstalowanymi aplikacjami i rozszerzeniami. Musisz zadeklarować zarządzanie. uprawnienia w pliku manifestu rozszerzenia na korzystanie z funkcji zarządzania API. Na przykład:
chrome.search
Używaj interfejsu API chrome.search, aby wyszukiwać za pomocą domyślnego dostawcy. "CURRENT_TAB" Określa, czy wyniki wyszukiwania mają być wyświetlane na karcie Połączenia czy na karcie aktywnej przeglądarki. "NEW_TAB" Określa, czy wyniki
chrome.wallpaper
Aby zmienić tapetę ChromeOS, użyj interfejsu API chrome.wallpaper. Musisz zadeklarować tapetę uprawnienia w pliku manifestu aplikacji z tapetą w interfejsie API. Na przykład: Aby na przykład ustawić tapetę jako obraz w https://example.com/a_file.png,
chrome.idle
Użyj interfejsu API chrome.idle, aby wykryć zmiany stanu bezczynności maszyny. Musisz zadeklarować status „idle” uprawnienia do używania bezczynnego interfejsu API rozszerzenia w pliku manifestu. Przykład: "active" "idle" "zablokowany" Określa czas
chrome.enterprise.deviceAttributes
Odczytuj atrybuty urządzeń za pomocą interfejsu API chrome.enterprise.deviceAttributes. Uwaga: ten interfejs API jest dostępny tylko w przypadku rozszerzeń, których instalacja została wymuszona przez zasady przedsiębiorstwa. Pobiera lokalizację
chrome.types
Interfejs API chrome.types zawiera deklaracje typów dla Chrome. Prototyp ChromeSetting zawiera wspólny zestaw funkcji ( get(), set() i clear() ) oraz wydawcę wydarzenia ( onChange ) w ustawieniach przeglądarki Chrome. W sekcji Ustawienia serwera
chrome.windows
Do interakcji z oknami przeglądarki używaj interfejsu API chrome.windows. Za pomocą tego interfejsu API możesz tworzyć, modyfikować i zmieniać kolejność okien w przeglądarce. Na żądanie windows.Window zawiera tablicę obiektów tabs.Tab.
chrome.power
Aby zastąpić funkcje zarządzania zasilaniem systemu, użyj interfejsu API chrome.power. Domyślnie systemy operacyjne przyciemniają ekran, gdy użytkownicy są nieaktywni, a następnie systemu. Dzięki interfejsowi Power API aplikacja lub rozszerzenie może
chrome.pageCapture
Aby zapisać kartę w formacie MHTML, użyj interfejsu API chrome.pageCapture. MHTML to standardowy format obsługiwany przez większość przeglądarek. Znajduje się w jednym pliku strony, i wszystkie jego zasoby (pliki CSS, obrazy...). Ze względów
chrome.systemLog
Dzienniki systemowe Chrome pochodzące z rozszerzeń możesz rejestrować za pomocą interfejsu API chrome.systemLog. ciąg znaków Dodaje nowy rekord logu. MessageOptions Opcje logowania. funkcja optional Parametr callback wygląda tak:
chrome.privacy
Używaj interfejsu API chrome.privacy, aby kontrolować korzystanie w Chrome z funkcji, które mogą naruszać prywatność użytkowników. Ten interfejs API opiera się na prototypie interfejsu ChromeSetting API do pobierania i konfigurowania konfiguracji
chrome.fileSystemProvider
Do tworzenia systemów plików, do których można uzyskać dostęp za pomocą menedżera plików w Chrome OS, użyj interfejsu API chrome.fileSystemProvider. Musisz zadeklarować atrybut „fileSystemProvider” i sekcji w pliku manifestu rozszerzenia, aby
chrome.notifications
Interfejs API chrome.notifications umożliwia tworzenie rozszerzonych powiadomień na podstawie szablonów i wyświetlanie ich użytkownikom w obszarze powiadomień. ciąg znaków opcjonalny Ikony przycisków nie są widoczne dla użytkowników systemu Mac OS X.
chrome.devtools.network
Interfejs API chrome.devtools.network umożliwia pobieranie informacji o żądaniach sieciowych wyświetlanych przez narzędzia dla programistów w panelu Sieć. Aby używać tego interfejsu API, należy zadeklarować te klucze w pliku manifestu. Zapoznaj się z
chrome.downloads
To uprawnienie powoduje wyświetlenie ostrzeżenia Interfejs API chrome.downloads służy do programowego inicjowania, monitorowania, modyfikowania i wyszukiwania plików do pobrania. Aby używać tego interfejsu API, musisz zadeklarować uprawnienia
chrome.vpnProvider
Wdróż klienta VPN za pomocą interfejsu API chrome.vpnProvider. Typowe użycie parametru vpnProvider jest następujące: Twórz konfiguracje VPN za pomocą metody createConfig. Konfiguracja sieci VPN to stały wpis wyświetlany użytkownikowi w natywnym
chrome.printerProvider
Interfejs API chrome.printerProvider udostępnia zdarzenia używane przez menedżera wydruku do wysyłania zapytań o drukarki kontrolowane przez rozszerzenia, wysyłanie zapytań o ich możliwości i przesyłanie zadań drukowania do tych drukarek. ciąg znaków
chrome.proxy
Do zarządzania ustawieniami serwera proxy Chrome używaj interfejsu API chrome.proxy. Ten interfejs API opiera się na prototypie interfejsu ChromeSetting API do pobierania i ustawiania konfiguracji serwera proxy. Musisz zadeklarować serwer proxy
chrome.events
Przestrzeń nazw chrome.events zawiera typowe typy wykorzystywane przez interfejsy API wysyłające zdarzenia, aby powiadamiać Cię, gdy wydarzy się coś interesującego. Event to obiekt umożliwiający otrzymywanie powiadomień, gdy wydarzy się coś
chrome.events
Przestrzeń nazw chrome.events zawiera typowe typy wykorzystywane przez interfejsy API wysyłające zdarzenia, aby powiadamiać Cię, gdy wydarzy się coś interesującego. Event to obiekt umożliwiający otrzymywanie powiadomień, gdy wydarzy się coś
chrome.idle
Użyj interfejsu API chrome.idle, aby wykryć zmiany stanu bezczynności maszyny. Aby używać bezczynnego interfejsu API, musisz zadeklarować uprawnienia "idle" w pliku manifestu rozszerzenia. Przykład: "active" "idle" "zablokowany" Określa czas (w
chrome.offscreen
Używaj interfejsu API offscreen do tworzenia dokumentów poza ekranem i zarządzania nimi. Aby używać interfejsu Offscreen API, zadeklaruj uprawnienia "offscreen" w pliku manifestu rozszerzenia. Na przykład: Skrypty service worker nie mają dostępu DOM,
chrome.pageCapture
Aby zapisać kartę w formacie MHTML, użyj interfejsu API chrome.pageCapture. MHTML to standardowy format obsługiwany przez większość przeglądarek. Znajduje się w jednym pliku strony, i wszystkie jego zasoby (pliki CSS, obrazy...). Ze względów
chrome.fileSystemProvider
Do tworzenia systemów plików, do których można uzyskać dostęp za pomocą menedżera plików w Chrome OS, użyj interfejsu API chrome.fileSystemProvider. Musisz zadeklarować atrybut „fileSystemProvider” i sekcji w pliku manifestu rozszerzenia, aby
chrome.dom
Użyj interfejsu API chrome.dom, aby uzyskać dostęp do specjalnych interfejsów DOM API dla rozszerzeń Pobiera otwarty katalog główny cienia lub zamknięty katalog główny cienia hostowany przez określony element. Jeśli element nie dołączy pierwiastka
chrome.omnibox
Interfejs API omniboksu umożliwia zarejestrowanie słowa kluczowego na pasku adresu Google Chrome, zwanym także omniboksem. Gdy użytkownik wpisze słowo kluczowe rozszerzenia, rozpocznie interakcję tylko z Twoją. Każda naciśnięcie klawisza jest
chrome.management
Interfejs chrome.management API umożliwia zarządzanie zainstalowanymi aplikacjami i rozszerzeniami. Musisz zadeklarować zarządzanie. uprawnienia w pliku manifestu rozszerzenia na korzystanie z funkcji zarządzania API. Na przykład:
chrome.debugger
Interfejs API chrome.debugger służy jako alternatywny środek transportu dla protokołu zdalnego debugowania w Chrome. Przy użyciu elementu chrome.debugger możesz dołączyć do co najmniej 1 karty w celu instrumentowania interakcji w sieci, debugowania
chrome.downloads
Interfejs API chrome.downloads służy do programowego inicjowania, monitorowania, modyfikowania i wyszukiwania plików do pobrania. Aby używać tego interfejsu API, musisz zadeklarować uprawnienia "downloads" w pliku manifestu rozszerzenia. Proste
chrome.history
Do interakcji z rejestrem odwiedzonych stron w przeglądarce należy używać interfejsu API chrome.history. W historii przeglądarki możesz dodawać i usuwać adresy URL, a także wysyłać dotyczące ich zapytania. Aby zastąpić stronę historii własną wersją,
chrome.gcm
Użyj usługi chrome.gcm, by umożliwić aplikacjom i rozszerzeniom wysyłanie i odbieranie wiadomości przez Komunikację w chmurze Firebase (FCM). Maksymalny rozmiar (w bajtach) wszystkich par klucz-wartość w wiadomości. 4096 Rejestruje aplikację w FCM.
chrome.notifications
Interfejs API chrome.notifications umożliwia tworzenie rozszerzonych powiadomień na podstawie szablonów i wyświetlanie ich użytkownikom w obszarze powiadomień. ciąg znaków opcjonalny Ikony przycisków nie są widoczne dla użytkowników systemu Mac OS X.
chrome.instanceID
Użyj adresu chrome.instanceID, aby uzyskać dostęp do usługi identyfikatora instancji. Resetuje identyfikator instancji aplikacji i unieważnia wszystkie powiązane z nim tokeny. funkcja optional Parametr callback wygląda tak: Obietnica<void>
chrome.loginState
Do odczytywania i monitorowania stanu logowania za pomocą interfejsu API chrome.loginState. "SIGNIN_PROFILE" Określa, że rozszerzenie znajduje się w profilu logowania. "USER_PROFILE" Określa, że rozszerzenie znajduje się w profilu użytkownika.
chrome.platformKeys
Użyj interfejsu API chrome.platformKeys, aby uzyskać dostęp do certyfikatów klienta zarządzanych przez platformę. Jeśli użytkownik lub zasada przyzna takie uprawnienia, rozszerzenie może używać takiego certyfikatu w swoim własnym protokole
chrome.identity
Żeby uzyskać tokeny dostępu OAuth2, użyj interfejsu API chrome.identity. ciąg znaków Niepowtarzalny identyfikator konta. Identyfikator nie zmieni się przez cały okres istnienia konta. "SYNC" Określa, czy synchronizacja jest włączona na koncie
chrome.sockets.tcp
Interfejs API chrome.sockets.tcp służy do wysyłania i odbierania danych przez sieć przy użyciu połączeń TCP. Ten interfejs API zastępuje funkcję TCP wcześniej dostępną w interfejsie API chrome.socket. Aby używać tego interfejsu API, należy
chrome.hid
Do interakcji z połączonymi urządzeniami HID używaj interfejsu API chrome.hid. Ten interfejs API zapewnia dostęp do operacji HID z kontekstu aplikacji. Za jego pomocą aplikacje mogą działać jako sterowniki urządzeń sprzętowych. Błędy generowane przez
chrome.fileSystem
Interfejs API chrome.fileSystem służy do tworzenia, odczytywania i zapisywania plików w lokalnym systemie plików użytkownika oraz do nawigowania w nim. Ten interfejs API umożliwia Aplikacje Chrome odczyt i zapis w wybranej przez użytkownika
chrome.system.network
Użyj interfejsu API chrome.system.network. ciąg znaków Dostępny adres IPv4/6. ciąg znaków Nazwa bazowa adaptera. *nix będzie to zazwyczaj „eth0”, „wlan0” itd. liczba Długość prefiksu Pobiera informacje o adapterach lokalnych w tym systemie. funkcja
chrome.sockets.tcpServer
Interfejs API chrome.sockets.tcpServer służy do tworzenia aplikacji serwerowych korzystających z połączeń TCP. Ten interfejs API zastępuje funkcję TCP wcześniej dostępną w interfejsie API chrome.socket. Aby używać tego interfejsu API, należy
chrome.app.window
Do tworzenia okien używaj interfejsu API chrome.app.window. Windows ma opcjonalną ramkę z paskiem tytułu i elementami sterującymi rozmiarem. Nie są one powiązane z żadnymi oknami przeglądarki Chrome. Aby zapoznać się z tymi opcjami, zobacz Przykład
chrome.mediaGalleries
Interfejs API chrome.mediaGalleries umożliwia dostęp do plików multimedialnych (dźwiękowych, graficznych i wideo) z dysków lokalnych użytkownika (za jego zgodą). ciąg znaków wartość logiczna ciąg znaków Identyfikuje zmodyfikowaną galerię.
Logowanie
Domyślnie ChromeDriver rejestruje tylko ostrzeżenia/błędy. Podczas debugowania problemów, warto włączyć bardziej szczegółowe zapisywanie w dzienniku. Aby włączyć logowanie szczegółowe, po prostu przekaż zasadę --verbose do serwera
Pierwsze kroki z ChromeDriver
Z tej strony dowiesz się, jak zacząć używać ChromeDriver do testowania witryny na komputerze (Windows/Mac/Linux). Możesz też przeczytać Pierwsze kroki z Androidem lub Pierwsze kroki z ChromeOS ChromeDriver to oddzielny plik wykonywalny, którego
Rozszerzenia do Chrome
Rozszerzenia do Chrome można rozpakować lub rozpakować. Aby zapakować rozszerzenie bez pakietu, użyj przycisku spakowania w języku: chrome://extensions lub użyj metody Chrome: "chrome.exe --pack-extension=C:\path\to\unpacked\extension
Chrome 129 w wersji beta
Ten post zawiera szczegółowe informacje na temat funkcji dostępnych w bieżącej wersji beta, by sprawdzić, jak wygląda nowa wersja Chrome.
Dostosuj dane o skuteczności za pomocą interfejsu API Extensibility API
Dostosuj dane o skuteczności za pomocą interfejsu API Extensibility API
chrome.browsingData
Aby usunąć dane przeglądania z lokalnego profilu użytkownika, użyj interfejsu API chrome.browsingData. Aby używać tego interfejsu API, musisz zadeklarować uprawnienia "browsingData" w pliku manifestu rozszerzenia. Najprostszym przypadkiem użycia tego
chrome.system.memory
Interfejs API chrome.system.memory. liczba Ilość dostępnej pojemności w bajtach. liczba Łączna ilość pamięci fizycznej (w bajtach). Uzyskiwanie informacji o pamięci fizycznej. funkcja optional Parametr callback wygląda tak: MemoryInfo Promise&lt;
chrome.desktopCapture
Interfejs Desktop Capture API przechwytuje zawartość ekranu, poszczególnych okien i poszczególnych kart. Wartość typu Enum służąca do zdefiniowania zestawu źródeł multimediów na komputery używanych w zasadzie selectDesktopMedia(). "screen" "window"
chrome.dns
Do rozpoznawania nazw DNS użyj interfejsu API chrome.dns. Aby używać tego interfejsu API, musisz zadeklarować uprawnienie "dns" w pliku manifestu. Poniższy kod wywołuje metodę resolve(), aby uzyskać adres IP example.com. service-worker.js: ciąg
chrome.documentScan
Wykrywaj i pobieraj obrazy z podłączonych skanerów dokumentów za pomocą interfejsu API chrome.documentScan. Interfejs Document Scan API umożliwia aplikacjom i rozszerzeniom wyświetlanie treść papierowych dokumentów na podłączonym skanerze dokumentów.
chrome.declarativeWebRequest
Uwaga: ten interfejs API został wycofany. Zamiast tego zapoznaj się z interfejsem API declarativeNetRequest. Przechwytywać, blokować i modyfikować przesyłane żądania za pomocą interfejsu API chrome.declarativeWebRequest. Jest to znacznie szybsze niż
Dokumentacja API
Pełne informacje o wszystkich interfejsach API dostępnych dla rozszerzeń do Chrome. Dotyczy to interfejsów API wycofanych z aplikacji Chrome oraz interfejsów API, które nadal są w wersji beta i deweloperskiej.
Chrome DevTools
Debuguj i optymalizuj swoje aplikacje internetowe za pomocą Narzędzi deweloperskich w Chrome.
Poprawa wydajności ułatwień dostępu w Chromium
Post od Ahmeda Elwasefija, który opowiada, jak dzięki Google Summer of Code stał się współtwórcą Chromium.
Tworzenie aplikacji za pomocą WebGPU
Dowiedz się, jak utworzyć aplikację za pomocą WebGPU na komputery i określone platformy.
Multimedia: wyświetlanie i debugowanie informacji o odtwarzaczach
W panelu multimediów możesz wyświetlać informacje i debugować odtwarzacze na danej karcie przeglądarki.
Nowości w WebGPU (Chrome 128)
Eksperymentowanie z podgrupami, wycofywanie odchylenia ustawień głębi w przypadku linii i punktów, ukrywanie niezarejestrowanych błędów w Narzędziach deweloperskich w przypadku metody preventDefault, interpolowanie próbkowania WGSL najpierw i jednocześnie inne, m.in.
- WebGpu
Chrome 128
20 sierpnia 2024 r. zaczniemy wprowadzać Chrome 128 z właściwością CSS ruby-align, Promise.try i nie tylko.
Testowanie origin interfejsu File System Observer API
Zespół Chrome eksperymentuje z nowym interfejsem File System Observer API, który informuje deweloperów o zmianach w systemie plików.
Nowości w Chrome 128
Wprowadzamy Chrome 128. Dzięki ulepszonemu wyświetlaniu elementów rubinowych ze znakami podziału wiersza interfejs Promise.try do łatwiejszego uruchamiania łańcuchów Promise, interfejs PointerEvent rozszerzył możliwość jednoznacznego identyfikowania wielu długopisów i oferuje mnóstwo innych funkcji. Adriana Jara szczegółowo informuje o nowościach dla programistów w Chrome 128.
chrome.alarms
Użyj interfejsu API chrome.alarms, aby zaplanować okresowe lub w przyszłości uruchamianie kodu. Aby używać interfejsu API chrome.alarms, zadeklaruj uprawnienie "alarms" w pliku manifestu: Poniższe przykłady pokazują, jak używać alarmu i jak na niego
chrome.contextMenus
Aby dodawać elementy do menu kontekstowego Google Chrome, używaj interfejsu API chrome.contextMenus. Możesz wybrać typy obiektów, do których mają zastosowanie dodane w menu kontekstowym, np. obrazów, hiperlinków i stron. Pozycje menu kontekstowego
chrome.debugger
Interfejs API chrome.debugger służy jako alternatywny środek transportu dla protokołu zdalnego debugowania w Chrome. Przy użyciu elementu chrome.debugger możesz dołączyć do co najmniej 1 karty w celu instrumentowania interakcji w sieci, debugowania
chrome.audio
Interfejs API chrome.audio umożliwia użytkownikom uzyskiwanie informacji o urządzeniach audio podłączonych do systemu i zarządzanie nimi. Ten interfejs API jest obecnie dostępny tylko w trybie kiosku w ChromeOS. ciąg znaków Nazwa urządzenia.
chrome.declarativeContent
Interfejs API chrome.declarativeContent umożliwia wykonywanie działań w zależności od treści strony bez wymagania uprawnień do jej odczytu. Interfejs Deklaratywnej treści API umożliwia włączenie działania rozszerzenia w zależności od adresu URL lub
chrome.commands
Użyj interfejsu API poleceń, aby dodać skróty klawiszowe, które uruchamiają działania w rozszerzeniu, na przykład działanie otwierające działanie przeglądarki lub wysłanie polecenia do rozszerzenia. Aby używać tego interfejsu API, należy zadeklarować
chrome.browsingData
Aby usunąć dane przeglądania z lokalnego profilu użytkownika, użyj interfejsu API chrome.browsingData. Musisz zadeklarować plik „browsingData”. uprawnienia w pliku manifestu rozszerzenia na korzystanie z tego interfejsu API. Najprostszym przypadkiem
Interfejs File System Access API: upraszcza dostęp do plików lokalnych
Interfejs File System Access API umożliwia programistom tworzenie zaawansowanych aplikacji internetowych, które obsługują pliki na lokalnym urządzeniu użytkownika. Są to na przykład IDE, edytory zdjęć i filmów, edytory tekstu itp. Gdy użytkownik przyzna dostęp aplikacji internetowej, ten interfejs API umożliwia mu odczytywanie lub zapisywanie zmian bezpośrednio w plikach i folderach na urządzeniu użytkownika.
Interfejs API podsumowania jest dostępny we wczesnej wersji przedpremierowej
Uczestnicy programu EPP mogą teraz tworzyć prototypy za pomocą interfejsu API podsumowania Gemini Nano w Chrome.
Przewiń zdarzenia przyciągania
Przedstawiamy 2 nowe zdarzenia JavaScript: ScrollSnapChange i scrollSnapZmienianie.
Eksperymentowanie z pomiarami poręcznej nawigacji
Zespół Chrome pracuje nad lepszym mierzeniem tak zwanych pojemnych nawigacji używanych w aplikacjach jednostronicowych. Teraz dostępny jest nowy interfejs API, który umożliwia witrynom eksperymentowanie.
4 sposoby robienia zrzutów ekranu za pomocą Narzędzi deweloperskich
Odkryj 4 unikalne sposoby robienia zrzutów ekranu za pomocą Narzędzi deweloperskich.
Nowości w Narzędziach deweloperskich: Chrome 128
Statystyki z konsoli są dostępne w Europie, ulepszona ścieżka sieciowa i interfejs API umożliwiające dostosowywanie ścieżek w panelu Wydajność.
WebDriver BiDi gotowy do wykorzystania w środowisku produkcyjnym w przeglądarkach Firefox, Chrome i Puppeteer
Puppeteer 23 wprowadza stabilną obsługę przeglądarki Firefox w wersji 129 i nowszych, oferując ujednolicony interfejs API dla przeglądarek Chrome i Firefox, oparty na technologii WebDriver BiDi.
Weź udział w eksperymencie AI wbudowanej w Chrome
Informacje na temat wbudowanej AI, interfejsu Prompt API i planów dotyczących AI w Chrome.
Aktualizacje dotyczące UX kluczy dostępu w Chrome na Androida
Chrome na Androidzie integruje teraz Menedżera danych logowania, dzięki czemu aplikacje innych firm mogą udostępniać klucze dostępu na urządzeniach z Androidem 14 i nowszym.
Zdefiniowane przez autora nazwy usług CSS i shadow DOM: w specyfikacji i w praktyce
Wyjaśnienie bieżącego stanu interoperacyjności nazw zdefiniowanych przez autora w użyciu w modelu shadow DOM w CSS.
Więcej niż wyrażenia regularne: ulepszenie analizy wartości CSS w Narzędziach deweloperskich w Chrome
Dowiedz się, jak zespół Narzędzi deweloperskich ulepszył sposób wyświetlania stylów na karcie Style.
Automatyzacja za pomocą WebDriver BiDi już dostępna w BrowserStack
BrowserStack z funkcją WebDriver BiDi (obsługę BiDi) umożliwia lepsze działanie testów siatki Selenium dzięki automatyzacji opartej na zdarzeniach.
Szybsze wczytywanie stron dzięki funkcji wczesnych podpowiedzi z serwera
Dowiedz się, jak serwer może wysyłać do przeglądarki wskazówki dotyczące zasobów podrzędnych.
Interfejs CrUX History API
Dowiedz się, jak wysyłać za pomocą interfejsu CrUX History API zapytania dotyczące historycznych trendów dotyczących użytkowania Chrome z ostatnich 6 miesięcy.
Plik manifestu – wersja
Od 1 do 4 liczb całkowitych rozdzielonych kropkami identyfikującymi wersję tego rozszerzenia. W przypadku liczb całkowitych obowiązuje kilka reguł: muszą one mieścić się w zakresie od 0 do 65 535 włącznie i liczby całkowite inne niż 0 nie mogą
Plik manifestu – domyślny język
Określa podkatalog _locales zawierający domyślne ciągi znaków dla tego rozszerzenia. To pole jest wymagane w przypadku rozszerzeń, które mają katalog _locales. W rozszerzeniach, które nie mają katalogu _locales, musi ono być nieobecne. Więcej
Plik manifestu – tryb offline włączony
Określa, czy aplikacja lub rozszerzenie ma działać w trybie offline. Gdy Chrome wykryje, że jest offline, aplikacje z tym polem będą wyróżnione na stronie Nowa karta. Od Chrome 35 zakłada się, że aplikacje są włączone w trybie offline, a domyślną
Plik manifestu – minimalna wersja Chrome
Wersja Chrome, której wymaga rozszerzenie, aplikacja lub motyw (jeśli istnieje). Format tego ciągu jest taki sam jak w polu version.
strumienie skrzynek roboczych
RouteHandlerCallbackOptions StreamSource | Promise< StreamSource > Odpowiedź ReadableStream BodyInit Przyjmuje wiele obietnic źródłowych, a każde z nich może odpowiadać jako Response, ReadableStream lub BodyInit. Zwraca obiekt ujawniający
Plik manifestu – opis
Zwykły ciąg tekstowy opisujący rozszerzenie (bez kodu HTML ani innego formatowania, nie dłuższy niż 132 znaki). Opis powinien być odpowiedni zarówno do interfejsu zarządzania rozszerzeniami przeglądarki, jak i do Chrome Web Store. W tym polu możesz
Plik manifestu – klucz
Ta wartość umożliwia kontrolowanie unikalnego identyfikatora rozszerzenia, aplikacji lub motywu podczas ich wczytywania w trakcie tworzenia aplikacji. Aby uzyskać odpowiednią wartość klucza, najpierw zainstaluj rozszerzenie z pliku.crx (może być
Plik manifestu – imię i nazwisko oraz krótka nazwa
Właściwości name i short_name to krótkie ciągi tekstowe identyfikujące aplikację. W obu polach możesz określić ciągi zależne od języka. Szczegółowe informacje znajdziesz w sekcji Internacjonalizacja. name (maksymalnie 45 znaków) to główny
Wyłączone funkcje internetowe
Choć Aplikacje Chrome korzystają z platformy internetowej, niektóre funkcje internetowe zostały wyłączone lub są używane w inny sposób. Przede wszystkim pozwala to uniknąć problemów z bezpieczeństwem i poprawić praktyki programistyczne. Poniżej
Chrome 128 w wersji beta
Ten post zawiera szczegółowe informacje na temat funkcji dostępnych w bieżącej wersji beta, by sprawdzić, jak wygląda nowa wersja Chrome.
Nowości w WebGPU (Chrome 127)
Eksperymentalna obsługa OpenGL ES na Androidzie, atrybut informacji GPUAdapter, ulepszenia interoperacyjności WebAssembly i inne funkcje.
- WebGpu
Chrome 127
23 lipca 2024 r. zaczniemy wprowadzać Chrome 127. Obejmuje on m.in. CSS font-size-Adjust, kontenery przewijania możliwe do zaznaczenia za pomocą klawiatury i wiele innych funkcji.
Nowości w Chrome 127
Wprowadzamy Chrome 127. Dzięki obsłudze funkcji dostosowania rozmiaru czcionki w interfejsie Document Picture-in-Picture API aktywacje użytkowników są rozpowszechniane, kontenery przewijania możliwe do zaznaczenia za pomocą klawiatury i wiele innych udogodnień. Adriana Jara szczegółowo informuje o nowościach dla programistów w Chrome 127.
Jak Chrome pomaga użytkownikom instalować ulubione aplikacje
Wewnętrzne badania użytkowników Chrome wskazują, że wielu z nich ceni sobie możliwość instalowania aplikacji internetowych. Korzyści jest wiele, np.: Deweloperzy Chrome i programów internetowych mogą pomóc na wiele sposobów, w tym za pomocą nowej
Prośba o opinię dewelopera o procesie czytania i elementach z funkcją display: content
Pomóż nam zadbać o to, aby proces czytania był zgodny z Twoimi potrzebami.
Informacje o funkcjach sieci
Pełne informacje o funkcjach panelu sieci w Narzędziach deweloperskich w Chrome.
Błędne przekonania na temat przejść między widokami
Coraz więcej osób zaczyna zapoznawać się z interfejsem View Migrate API, dlatego nadszedł czas na obalenie niektórych błędnych przekonań.
Rozszerzenia do Chrome: ważne aktualizacje zasad
W tym ogłoszeniu zawarliśmy serię aktualizacji strony z zasadami programu dla deweloperów, których celem jest zachęcanie do tworzenia wysokiej jakości usług, zapobieganie działaniom oszukańczym i uzyskiwanie świadomej zgody użytkowników.
Co się dzieje w rozszerzeniach do Chrome?
Przegląd najnowszych zmian w rozszerzeniach do Chrome oraz ciekawe funkcje, których będą mogli oczekiwać deweloperzy.
Nowości w Narzędziach deweloperskich: Chrome 127
Pozycjonowanie zakotwiczonych CSS w Elementach, ulepszone ustawienie „Nigdy nie wstrzymuj tutaj” w Źródłach, nowe detektory zdarzeń przyciągania przewijania, zaktualizowane gotowe ustawienia ograniczania wykorzystania sieci i inne ulepszenia.
Tryb inspekcji: szybkie analizowanie właściwości elementów
Sprawdzanie elementów w aplikacji internetowej
Informacje o funkcjach wydajności
Dokumentacja wszystkich sposobów rejestrowania i analizowania wydajności w Narzędziach deweloperskich w Chrome.
Interfejs Long Animation Frame API jest już dostępny
Interfejs Long Animation Frame API (LoAF) został wprowadzony z Chrome w wersji 123. Zaktualizowaliśmy też nasze narzędzia i wskazówki, by pomóc Ci w pełni wykorzystać możliwości nowego interfejsu.
Dodawanie zaufanych typów do YouTube
YouTube zwiększa bezpieczeństwo platformy za pomocą zaufanych typów, aby zapobiegać atakom typu cross-site scripting. Może to jednak wpłynąć na Twoje rozszerzenie.
Unikaj nadmiernego rozmiaru DOM
Dowiedz się, jak duży DOM może zmniejszyć wydajność strony internetowej i jak możesz zmniejszyć rozmiar DOM podczas wczytywania.
Wstępne renderowanie stron w Chrome na potrzeby błyskawicznego poruszania się po nich
Zespół Chrome pracuje nad przywróceniem pełnego wstępnego renderowania kolejnych stron, na które prawdopodobnie będzie wchodzić użytkownik.
Co za Chrome Web Store: zadawanie zaufania i dbanie o bezpieczeństwo w pytaniach
Skontaktowaliśmy się z zespołem, który zajmuje się weryfikacją w Chrome Web Store.
Maksymalna wydajność IndexedDB z zasobnikami na dane
Zespół Chrome wprowadził szereg ulepszeń związanych z wydajnością podczas implementacji standardu IndexedDB (IDB).
Testowanie origin nowego elementu <uprawnień> HTML
Zespół Chrome testuje nowy element deklaratywnego <uprawnień> HTML, który umożliwia poproszenie użytkownika o dostęp do zaawansowanych funkcji.
Nowości w WebGPU (Chrome 126)
Zwiększ limit maxTextureArraylayer, optymalizacja przesyłania bufora dla backendu Vulkan, skrócenie czasu kompilowania programu do cieniowania; przesłane bufory poleceń muszą być unikalne; aktualizacje Dawn.
- WebGpu
Buforowanie modeli AI w przeglądarce
Aby w przyszłości przyspieszyć uruchamianie aplikacji opartych na AI, jawnie zapisuj dane modelu w pamięci podręcznej na urządzeniu.
Chrome 126
11 czerwca 2024 r. zaczniemy wprowadzać Chrome 126 w postaci przejścia między widokami dokumentów, ponownej aktywacji interfejsu CloseWatcher API i interfejsu Gamepad API.
Nowości dotyczące CSS i interfejsu internetowego: podsumowanie konferencji Google I/O 2024
Przeczytaj wszystkie ogłoszenia dotyczące usług porównywania cen i interfejsu internetowego z konferencji Google I/O w 2024 r.
Nowości w Chrome 126
Udostępniamy Chrome 126. Dzięki obsłudze przejścia między dokumentami w interfejsie ViewMoves API interfejs CloseWatcher API został ponownie włączony i dostosowany do interfejsu Gamepad API – jest to dużo więcej i wiele więcej. Adriana Jara opowiada o nowościach dla deweloperów Chrome 126.
Wycofuję zdarzenie unload
Zdarzenie wyładowania będzie stopniowo wycofywane od Chrome 117. Dowiedz się, co to oznacza i jak firmy i witryny mogą się na to przygotować
3 nowe funkcje umożliwiające dostosowywanie przepływów pracy związanych z wydajnością w Narzędziach deweloperskich
Poznaj najnowsze funkcje, które pomogą Ci uporządkować panel Skuteczność, i skupić się na informacjach, których najbardziej potrzebujesz
Analizowanie skuteczności selektora arkusza CSS podczas zdarzeń ponownego obliczania stylu
Analizuj skuteczność selektora arkusza CSS podczas zdarzeń ponownego obliczania stylu.
Pomiń sprawdzanie kwalifikujących się zmian w rozszerzeniach
Z przyjemnością przedstawiamy nową funkcję, która pozwoli deweloperom pominąć proces sprawdzania kwalifikujących się zmian w rozszerzeniach na platformie Manifest V3 za pomocą interfejsu Detectative Net Request API.
Nie zawiera tagu z szerokością ani skalą początkową
Więcej informacji o tagu „Nie ma tagu z audytem” w Lighthouse lub skali początkowej.
Warunki sieci: zastąp ciąg klienta użytkownika
Dowiedz się, jak emulować inne przeglądarki za pomocą panelu Warunki sieci.
Nowości w Narzędziach deweloperskich w Chrome 126
Ulepszony tryb konfiguracji ścieżki, lista ignorowanych na wykresie płomieniowym i 20-krotne ograniczenie procesora w panelu Wydajność.
Rozszerzenia do Chrome na Google I/O 2024
Za nami kolejna konferencja Google I/O, o której wspominaliśmy już o wszystkich ciekawych aktualizacjach rozszerzeń.
Debugowanie JavaScriptu
Dowiedz się, jak za pomocą Narzędzi deweloperskich w Chrome znaleźć i naprawić błędy JavaScriptu.
Debugowanie reguł spekulacyjnych za pomocą Narzędzi deweloperskich w Chrome
Poznaj funkcje Narzędzi deweloperskich w Chrome do debugowania reguł spekulacji używanych do wstępnego pobierania i renderowania przyszłych nawigacji na stronie.
Chrome 126 w wersji beta
Chrome 126 w wersji beta obejmuje przejścia w różnych dokumentach, a także rozszerzenie do interfejsu Gamepad API i inne funkcje.
Ulepszenia WebAssembly i WebGPU umożliwiające szybsze działanie sztucznej inteligencji, część 1
Część 1/2. Dowiedz się, jak ulepszenia WebAssembly i WebGPU poprawiają wydajność systemów uczących się w internecie.
Nowości w platformach JavaScript (maj 2024 r.)
W tym dokumencie znajdziesz krótkie podsumowanie ostatnich wydarzeń w ekosystemie platform JavaScript.
Podsumowanie konferencji I/O 2024 Web AI: nowe modele, narzędzia i interfejsy API dla Twojej nowej aplikacji internetowej
Przeczytaj podsumowanie dotyczące Web AI na konferencji I/O 2024. Poznaj nowe modele, narzędzia i interfejsy API dla Twojej następnej aplikacji internetowej.
- WebGpu
Co nowego w przejściach widoku? (aktualizacja Google I/O z 2024 roku)
Przedstawiamy przejścia w widoku między dokumentami w przypadku MPA, przejścia widoku selektywnego z typami aktywnymi oraz udostępnianie stylów animacji z klasą przejścia widoku danych.
Ulepszenia WebAssembly i WebGPU przyspieszające korzystanie z AI w internecie, część 2
Część 2/2. Dowiedz się, jak ulepszenia w WebAssembly i WebGPU zwiększają wydajność systemów uczących się w internecie.
Ocenianie opinii o produktach za pomocą AI
AI na urządzeniu to najnowsza oferta, która umożliwia udostępnianie użytkownikom zaawansowanych modeli, ochronę danych wrażliwych i skrócenie opóźnień.
Zachęcaj do publikowania przydatnych opinii o produktach za pomocą AI do zastosowań internetowych po stronie klienta
W tym ćwiczeniu z programowania znajdziesz informacje o AI po stronie klienta. Nie jest wymagana wiedza na temat programowania AI, serwery ani klucze interfejsu API.
Wprowadzamy obsługę UIA w systemie Windows
Od Chrome 126 obsługiwana jest platforma Windows UI Automation.
Obsługa SVG dla interfejsu Async Clipboard API
Interfejs Async Clipboard API obsługuje teraz obrazy SVG.
Wskazówki dotyczące narzędzi dla deweloperów: zastępowanie i symulowanie odpowiedzi sieci
Dowiedz się, jak zastępować i symulować odpowiedzi sieci za pomocą Narzędzi deweloperskich.
Zastąp treści internetowe i nagłówki odpowiedzi HTTP lokalnie
Używaj zastąpień lokalnych, aby imitować zasoby zdalne i zachować zmiany wprowadzone w Narzędziach deweloperskich po wczytaniu stron.
Kiedy wybrać AI po stronie klienta
AI po stronie klienta to najnowsza oferta, która umożliwia udostępnianie użytkownikom zaawansowanych modeli, a zarazem chronienie poufnych danych i zmniejszenie opóźnień.
Nowości w Chrome 125
Wdrażamy Chrome 125. Zawiera on między innymi interfejs CSS Anchor Positioning API, Compute Pressure API, rozszerzenie do interfejsu Storage Access API i wiele innych korzyści. Adriana Jara opowiada o nowościach dla deweloperów Chrome 125.
10 nowości z konferencji Google I/O 2024: wykorzystanie potencjału AI dla każdego twórcy stron internetowych
Poznaj ciekawe funkcje z prezentacji i sesji dla deweloperów Google I/O.
Chrome 125
14 maja 2024 r. zaczniemy wdrażać Chrome 125 wraz z pozycjonowaniem zakotwiczonym CSS, interfejsem Compute Pressure API, nowymi funkcjami Baseline i nie tylko.
Jak Spotify wykorzystała interfejs Picture-in-Picture API do stworzenia miniodtwarzacza Spotify
Dowiedz się więcej o przekształceniu miniodtwarzacza Spotify w bardziej udoskonalony sposób, jaki zapewnia interfejs Document Picture-in-Picture API.
Lepsze zrozumienie błędów i ostrzeżeń dzięki statystykom w konsoli
Dzięki Gemini możesz lepiej zrozumieć błędy i ostrzeżenia w konsoli.
Przedstawiamy interfejs API pozycjonowania zakotwiczenia CSS
Możesz umieszczać elementy względem siebie, korzystając z nowego interfejsu API pozycjonowania zakotwiczenia.
Narzędzia Chrome do sprawnego i automatycznego testowania
Krótkie omówienie narzędzi Puppeteer, Chrome Headless i Chrome for Testing oraz inne zasoby stworzone przez zespół ds. narzędzi Chrome.
Wdrażanie testów w firmie przy użyciu Chrome
Dowiedz się, jak sprostać wyzwaniom dzięki testowaniu w środowiskach firmowych.
Nowości w Narzędziach deweloperskich w Chrome 125
Przyczyny błędów w konsoli, statystyki selektora arkusza CSS w sekcji Skuteczność, nagłówki Wczesne wskazówki w sekcji Sieć itp.
Zobacz studia przypadków dotyczące przenoszenia kont
redBus, Policybazaar i Tokopedia korzystają z interfejsu View Migrate API i mają większą wydajność oraz płynny interfejs.
Nowości w WebGPU (Chrome 125)
Podgrupy są w trakcie opracowywania i są renderowane na wycinek tekstury 3D.
- WebGpu
Dlaczego funkcje CSS i interfejsy użytkownika są ważne w przypadku Twojej witryny e-commerce?
Dowiedz się, jak witryny e-commerce mogą czerpać korzyści z wdrażania najnowszych funkcji CSS i interfejsu, m.in. wyświetlania przejść, animacji przewijanych czy interfejsu Popover API.
:has() – studia przypadków
Dowiedz się, jakie korzyści dają Policybazaar i Tokopedia za pomocą :has().
Studia przypadków dotyczące zapytań dotyczących kontenerów
Dowiedz się więcej o zaletach zapytań dotyczących kontenerów pochodzących z usług redBus i Tokopedia.
Animacje przewijane – studia przypadków
Odkryj zalety animacji opartych na przewinięciu w Policybazaar, redBus i Tokopedii.
Przedstawiamy „Wykorzystywanie potencjału animacji opartych na przewinięciu”
10-częściowy kurs wideo zawierający wszystkie informacje na temat animacji przewijanych
Omówienie WebGPU
WebGPU umożliwia wysoką wydajność grafiki 3D i równoległe wykonywanie obliczeń w sieci.
- WebGpu
Alternatywna propozycja zabudowy CSS
Propozycja zdefiniowania elementów betonowych i siatkowych w różnych specyfikacjach.
Plik manifestu – minimalna wersja Chrome
Dokumentacja dotycząca właściwości minimum_chrome_version pliku manifest.json.
Studia przypadków Popover
Tokopedia używa interfejsu Popover API, aby zmniejszyć ilość kodu w swojej aplikacji.
Kończy się okres próbny wycofywania niezabezpieczonych kontekstów (PNA) – zaimplementuj prośbę o przyznanie uprawnień PNA
Aby uzyskać dostęp do urządzeń w sieci prywatnej z witryny, której nie można przekonwertować na protokół HTTPS, musisz korzystać z prośby o przyznanie uprawnień. Pozwoli to złagodzić testy mieszanej treści.
Przewijanie i powiększanie przechwyconej karty
Interfejs API Captured Surface Control umożliwia aplikacjom internetowym przewijanie i powiększanie przechwyconych kart.
WebAudio: wyświetlanie danych interfejsu WebAudio API
Wyświetlanie danych interfejsu WebAudio API w panelu WebAudio
Chrome 125 w wersji beta
Pozycjonowanie zakotwiczonych elementów CSS, funkcje krokowe CSS, interfejs Compute Pressure API i wiele innych.
Parametr start_url nie zwraca kodu 200 w trybie offline.
Dowiedz się, jak skonfigurować parametr start_url progresywnej aplikacji internetowej, by aplikacja była dostępna offline.
Przejścia między stronami nie blokują się w sieci
Dowiedz się, jak płynnie przechodzić między stronami internetowymi, nawet jeśli sieć jest wolna.
Nie dostarcza poprawnej ikony apple-touch-icon
Dowiedz się, jak określić ikonę wyświetlanej progresywnej aplikacji internetowej na ekranach głównych iOS.
Nie rejestruje skryptu service worker, który steruje stroną i adresem startowym
Dowiedz się, jak zarejestrować skrypt service worker, który obsługuje funkcje progresywnych aplikacji internetowych, takie jak działanie offline, powiadomienia push czy możliwość zainstalowania.
Rozmiar treści nie jest prawidłowo dopasowywany do widocznego obszaru
Dowiedz się, jak dopasować rozmiar treści strony internetowej do ekranów urządzeń mobilnych.
Dostęp do urządzeń MIDI wymaga teraz zgody użytkownika
Chrome rejestruje teraz cały interfejs Web MIDI API za pomocą prośby o uprawnienia.
Co się dzieje w rozszerzeniach do Chrome?
Przegląd najnowszych zmian w rozszerzeniach do Chrome oraz ciekawe funkcje, których będą mogli oczekiwać deweloperzy.
Wczytywanie strony przez sieć komórkową nie jest dostatecznie szybkie
Dowiedz się, co zrobić, aby Twoja strona szybko się ładowała w sieciach komórkowych.
Autouzupełnianie: sprawdzanie i debugowanie zapisanych adresów
W panelu autouzupełniania możesz sprawdzić i debugować adresy zapisane w Chrome.
Animacje: sprawdzanie i modyfikowanie efektów animacji CSS
Sprawdź i zmodyfikuj animacje w panelu Animacje.
Plik manifestu nie ma ikony z możliwością maskowania
Dowiedz się, jak dodać do aplikacji PWA obsługę ikon z możliwością maskowania.
Nie zawiera treści zastępczych na wypadek niedostępności JavaScriptu
Dowiedz się, jak umożliwić użytkownikom wyświetlanie przynajmniej części treści na stronie, gdy JavaScript jest niedostępny.
Chrome 124
16 kwietnia 2024 r. zaczniemy wdrażać Chrome 124, w tym setHTMLUnsafe, strumienie w WebSockets i wiele innych.
Nie ustawia motywu kolorystycznego paska adresu
Dowiedz się, jak ustawić kolor motywu paska adresu w progresywnej aplikacji internetowej.
Nie skonfigurowano niestandardowego ekranu powitalnego
Dowiedz się, jak utworzyć niestandardowy ekran powitalny dla progresywnej aplikacji internetowej.
Plik manifestu aplikacji internetowej nie spełnia wymagań instalacyjnych
Dowiedz się, jak zainstalować progresywną aplikację internetową.
Testowanie origin dla składanych interfejsów API
Składane interfejsy API to 2 interfejsy API w Chrome, które pomagają programistom kierować reklamy na składane urządzenia.
Bieżąca strona nie wyświetla błędu 200, gdy jest offline
Dowiedz się, jak umożliwić działanie progresywnej aplikacji internetowej w trybie offline.
Nowości w Chrome 124
Udostępniamy Chrome 124. Istnieją 2 nowe interfejsy API, które pozwalają na używanie deklaratywnego modelu DOM w języku JavaScript. Możesz używać strumieni w Web Sockets. Przejścia widoku są trochę lepsze. A to jeszcze nie wszystko. Pete LePage informuje o nowościach dla programistów Chrome 124.
Nie przekierowuje ruchu HTTP do HTTPS
Dowiedz się, jak zwiększyć bezpieczeństwo swojej witryny przez przekierowanie wszystkich stron na protokół HTTPS.
Witryna działa w różnych przeglądarkach
Dowiedz się, jak używać Workbox, aby mieć pewność, że Twoja strona internetowa działa w różnych przeglądarkach.
Przejścia widoku między dokumentami w aplikacjach wielostronicowych
Zacznij od przenoszenia widoku między dokumentami do użycia w aplikacji wielostronicowej (MPA).
Płynne przejścia dzięki interfejsowi View Transition API
Interfejs View Transition API umożliwia dodawanie przejść między widokami witryny.
Zabawne i zaawansowane: wprowadzenie do Narzędzi deweloperskich w Chrome
Dowiedz się, jak Narzędzia deweloperskie mogą usprawnić tworzenie aplikacji internetowych.
Typy nawigacji są teraz dostępne w raporcie na temat użytkowania Chrome
Dowiedz się więcej o nowych danych Navigation_types w Raporcie na temat użytkowania Chrome (CrUX) i ich używaniu do wyjaśniania i optymalizowania danych o wydajności witryn.
Nowości w WebGPU (Chrome 124)
Tekstury pamięci masowej tylko do odczytu oraz do odczytu i zapisu, obsługa mechanizmów Service Worker i udostępnionych instancji roboczych, nowe atrybuty informacji o adapterach oraz poprawki błędów.
- WebGpu
Przewodniki dotyczące raportu na temat użytkowania Chrome
Dowiedz się, jak korzystać z raportu na temat użytkowania Chrome dzięki prostym przewodnikom
Jak wyświetlić dane z raportu na temat użytkowania Chrome w PageSpeed Insights
PageSpeed Insights (PSI) to narzędzie dla programistów stron internetowych, które pozwala sprawdzić, jak działa wydajność strony i jak ją poprawić. Z tego przewodnika dowiesz się, jak za pomocą PSI wyodrębniać statystyki z raportu na temat użytkowania Chrome i lepiej zrozumieć wrażenia użytkowników.
Przywracanie wersji w panelu dewelopera Chrome Web Store
W tym tygodniu udostępniamy nową funkcję, która pozwala deweloperom przywrócić swoje rozszerzenia do poprzedniej opublikowanej wersji w Chrome Web Store. Naszym celem jest zapewnienie deweloperom większego spokoju podczas publikowania aktualizacji,
Zadbaj o to, aby tekst był widoczny podczas wczytywania czcionek internetowych
Dowiedz się, jak korzystać z interfejsu font-display API, aby mieć pewność, że tekst na stronach internetowych będzie zawsze widoczny dla użytkowników.
Nowości w Narzędziach deweloperskich w Chrome 124
Obsługa animacji przewijanych, nowy panel autouzupełniania, nowe opcje WebRTC do ograniczania przepustowości sieci i nie tylko.
Koniec z profilowaniem JS, procesorem profilowania z panelem wydajności
Poznaj dalszą ścieżkę profilowania wydajności procesora oraz dowiedz się, dlaczego i jak wycofujemy program profilujący JavaScript.
Interfejs API stanu strony internetowej notRestoredReasons
Raport o tym, czy ramki obecne w dokumencie zostały zablokowane podczas nawigacji z pamięci podręcznej stanu strony internetowej.
Profiluj wydajność Node.js za pomocą panelu Wydajność
Dowiedz się, jak profilować wydajność aplikacji Node.js za pomocą panelu wydajności.
Integracja JavaScriptu WebAssembly (JSPI) rozpoczyna testowanie origin
JSPI (JavaScript Promise Integration) to interfejs API, który umożliwia synchronicznemu kodowi sekwencyjnem skompilowanemu w WebAssembly dostęp do asynchronicznych internetowych interfejsów API.
Żądania sieciowe: przetestuj swoją witrynę, blokując żądania sieciowe
Sprawdź, jak Twoja witryna postępuje z brakującymi zasobami.
Wersja próbna origin interfejsu API fetchLater
Dowiedz się więcej o fetchLater API (obecnie w wersji próbnej origin) o nowym interfejsie API służącym do żądania odroczonego pobierania, które zostanie ukończone nawet po zamknięciu strony.
Chrome 124 w wersji beta
Atrybut HTML writesuggestions, interfejs API WebSocketStream, priorytet żądania HTTP i inne.
Przewijane elementy klawiatury, które można zaznaczyć
Wprowadzamy zmianę, aby umożliwić przewijanie bez ustawionej wartości indeksu tabulacji i bez możliwości zaznaczenia na klawiaturze podrzędnej.
Nowości w Chrome 123
Udostępniamy Chrome 123. Dzięki nowej funkcji jasno-ciemnej, Long Animation Frames API, Service Worker Static Routing API i wielu innym. Adriana Jara opowiada o nowościach dla deweloperów Chrome 123.
Używanie interfejsu API routingu statycznego Service Worker do pomijania skryptu service worker na określonych ścieżkach
Dowiedz się, jak korzystać z tego nowego interfejsu API dostępnego od Chrome 123.
Dostęp do sieci prywatnej: rozszerzona ochrona dla procesów internetowych i pobierania nawigacji
Poznaj najważniejsze mechanizmy zabezpieczeń dostępu do sieci prywatnej, pobieranie nawigacji oraz nadchodzące zabezpieczenia. Dowiesz się z niego też, co powinni zrobić właściciele witryn, którzy korzystają z sieci prywatnych.
Ukryj prośby o rozszerzenia i inne ulepszenia w panelu Sieć
Poznaj najnowsze ulepszenia w panelu Network (Sieć) w Chrome DevTools, które upraszczają debugowanie stron internetowych.
Narzędzie do mierzenia wydajności w 2024 roku i kolejnych latach
Dowiedz się więcej o planach zespołu Chrome, które zamierzają ulepszyć panel wydajności Narzędzi deweloperskich.
Informacje o funkcjach CSS
Poznaj nowe przepływy pracy do wyświetlania i zmieniania kodu CSS w Narzędziach deweloperskich w Chrome.
Stosuj inne efekty: włącz automatyczny ciemny motyw, emuluj ostrość i korzystaj z innych funkcji
Wyróżniaj ramki reklamowe, emuluj ostrość na stronie, wyłączaj lokalne czcionki i formaty obrazów, włączaj automatyczny ciemny motyw i emuluj wady wzroku.
Wyświetl i zmień CSS
Dowiedz się, jak wyświetlić i zmienić CSS strony za pomocą Narzędzi deweloperskich w Chrome.
Co nowego w WebGPU (Chrome 123)
Obsługa wbudowanych funkcji DP4a, nieograniczone parametry wskaźnika, cukier składniowy do usuwania odniesień do elementów złożonych w WGSL i nie tylko.
- WebGpu
Wstrzymywanie kodu z punktami przerwania
Poznaj wszystkie sposoby wstrzymywania kodu w Narzędziach deweloperskich w Chrome.
Zwiększ efektywność kompresji dzięki udostępnionym słownikom
Kompresja w internecie znacznie wzrasta dzięki współdzielonej kompresji słownika. Dowiedz się, czym są, jak działają i jak mogą znacznie skrócić czas wczytywania nawet bardziej niż w przypadku standardowej kompresji statycznych i dynamicznych zasobów internetowych.
Pobierz starą wersję Chrome bez interfejsu graficznego jako chromową osłonę bez interfejsu graficznego
Możesz teraz pobrać starą wersję Chrome bez interfejsu graficznego jako samodzielny plik binarny na każdą wersję Chrome przeznaczoną dla użytkowników.
Omówienie panelu aplikacji
Możesz uzyskiwać ważne informacje o swojej aplikacji internetowej bezpośrednio w przeglądarce.
Internacjonalizacja interfejsu
Interfejs API chrome.i18n umożliwia renderowanie interfejsu w wielu językach.
Zwiększanie dostępności rozszerzenia
Dla wielu użytkowników ułatwienia dostępu to dosłowny element interfejsu, a wielu z nich korzysta z jego funkcji.
Ulepszenia interfejsu Speculation Rules API
Szczegóły najnowszych aktualizacji interfejsu Speculation Rules API, w tym reguł dokumentów, ustawień zainteresowania, limitów i obsługi reguł spekulacyjnych na platformach.
Nowości w Narzędziach deweloperskich (Chrome 123)
Ukryty żart, emulacja strony w Elementach > Style, nowy audyt Lighthouse i inne ulepszenia.
Rozszerzenia do Chrome: droga Eyeo do testowania zawieszenia skryptu service worker
W tym poście zespół Eyeo opowiada o problemie testowania mechanizmów Service Worker usługi rozszerzeń. W szczególności dowiesz się, jak sprawdzić, czy rozszerzenia do Chrome działają prawidłowo po zawieszeniu skryptu service worker.
Pakiet Next.js do zarządzania bibliotekami innych firm
Dowiedz się, jak korzystać z biblioteki @next/third-partyies, aby zoptymalizować wczytywanie popularnych zasobów innych firm
Chrome 123 w wersji beta
Funkcja kolorów CSS light-dark(), wyrównywanie zawartości bloków, właściwość „field-sizing” i zdarzenie pagereveal.
Obsługa wyrównywania treści w układach bloków i tabel.
Od Chrome 123 możesz używać wyrównywania treści, aby wyrównywać elementy bez tworzenia elastycznego lub kontenera siatki.
Nowości w Chrome 122
Udostępniamy Chrome 122. Wraz z nowym interfejsem Storage buckets API, aktualizacji panelu wydajności narzędzi deweloperskich, niesprawdzonej opcji odczytu kodu HTML za pomocą interfejsu Async Clipboard API i wielu innych korzyści. Adriana Jara opowiada o nowościach dla deweloperów Chrome 122.
Symulowanie urządzeń mobilnych w trybie urządzenia
Używaj urządzeń wirtualnych w trybie urządzenia w Chrome, aby tworzyć witryny dostosowane do urządzeń mobilnych.
Zmiany w dziedziczeniu CSS ::backdrop
Od Chrome 122 element „::backdrop” dziedziczy właściwości z elementu źródłowego.
O 400% szybszy panel Wydajność dzięki wykorzystaniu AI
Panel wydajności w Narzędziach deweloperskich to zaawansowane narzędzie do diagnozowania, debugowania i rozwiązywania problemów z wydajnością aplikacji internetowych. Przy okazji pokażemy, jak za pomocą panelu wydajności w Narzędziach deweloperskich udało nam się zwiększyć wydajność panelu wydajności, oraz jak to zrobić.
Użyj WebUSB
Interfejs WebUSB API, który umożliwia dostęp do internetu przez niestandardowe urządzenia zgodne z protokołem Universal Serial Bus (USB), jest dostępny w rozszerzeniach.
Przeprowadź migrację do platformy Manifest V3
Przewodnik na temat konwertowania rozszerzeń platformy Manifest V2 na rozszerzenia platformy Manifest V3.
Użyj WebHID
Interfejs WebHID API, który umożliwia udostępnianie w internecie urządzeń zgodnych z Human Interface Device (HID), jest dostępny w rozszerzeniach.
Nowości w interfejsie WebGPU (Chrome 122)
Tryb zgodności w fazie opracowywania, zwiększanie limitu maxVertexAttributes i aktualizacje Dawn.
- WebGpu
Plik manifestu – Content Security Policy
Dokumentacja na temat właściwości zasad bezpieczeństwa treści pliku manifest.json.
Rejestruj zrzuty sterty
Dowiedz się, jak nagrywać zrzuty sterty za pomocą programu profilującego sterty i znajdować wycieki pamięci.
Określanie rozmiarów pól CSS
Jeden wiersz kodu do automatycznego określania rozmiaru elementów z edytowalną treścią.
chrome.runtime
Użyj interfejsu API chrome.runtime, aby pobrać usługę workera, zwrócić szczegóły manifestu i słuchać zdarzeń w cyklu życia rozszerzenia oraz na nie odpowiadać. Za pomocą tego interfejsu API możesz też konwertować względną ścieżkę adresów URL na pełne
Wytyczne dotyczące ostrzeżeń o uprawnieniach
Jak działają ostrzeżenia o uprawnieniach w rozszerzeniach do Chrome
Nowości w Narzędziach deweloperskich (Chrome 122)
Ostrzeżenia o wycofaniu plików cookie innych firm w panelach Sieć i aplikacja, ulepszone debugowanie w panelu Sieć, menu nawigacyjne w panelu Wydajność itp.
Przedstawiamy nowy sposób tworzenia niestandardowych funkcji do edytowania stron internetowych za pomocą interfejsu EditContext API
EditContext to nowy interfejs API wprowadzany w Chrome i Edge, który ułatwia programistom tworzenie zaawansowanych funkcji edycji tekstu w przeglądarce. Więcej informacji na ten temat znajdziesz w tym poście.
Wskazówki dotyczące narzędzi deweloperskich: debugowanie spekulacyjnych nawigacji w celu szybszego wczytywania stron
Przyspiesz przeglądanie internetu dzięki ładowaniem spekulacyjnym i dowiedz się, jak je debugować.
Rozszerzyliśmy okres próbny wycofywania SharedSlateBuffer w Chrome na komputery do wersji Chrome 124
Okres próbny wycofania obiektu SharedSlateBuffer bez izolacji od zasobów z innych domen w Chrome na komputery został przedłużony do wersji Chrome 124.
Chrome 122 w wersji beta
Chrome 122 w wersji beta oferuje pomocniczą funkcję iteratora, metody ustawiania, interfejs Storage buckets API, odczytywanie nieoczyszczonego kodu HTML w interfejsie Async Clipboard API i wiele innych funkcji.
Co się dzieje w rozszerzeniach do Chrome?
Przegląd najnowszych zmian w rozszerzeniach do Chrome oraz ciekawe funkcje, których będą mogli oczekiwać deweloperzy.
Nowości w Chrome 121
Udostępniamy Chrome 121. Aktualizacje CSS, ulepszenia interfejsu Speculation Rules API, wersje próbne origin interfejsu Element Capture API i wiele innych korzyści. Adriana Jara opowiada o nowościach dla deweloperów Chrome 121.
Co nowego w WebGPU (Chrome 121)
Obsługa WebGPU na Androidzie, korzystanie z DXC do kompilacji programu do cieniowania, zapytania o sygnatury czasowe podczas obliczania i renderowania, domyślne punkty wejścia do modułów cieniowania, obsługa wyświetlacza p3 jako przestrzeni kolorów GPUExternalTexture, informacji o stertach pamięci i nie tylko.
- WebGpu
Przetestuj Bluetooth Web Bluetooth za pomocą Puppeteer
Puppeteer pozwala przetestować funkcje korzystające z interfejsu Web Bluetooth API w Chrome.
Styl paska przewijania
Do określania stylu pasków przewijania używaj właściwości „scrollbar-width” i „scrollbar-color”.
Bezpieczny dostęp do DOM za pomocą Angular SSR
Dowiedz się, jak bezpiecznie używać DOM razem z SSR w Angular
Usprawnij testowanie modeli Web AI: WebGPU, WebGL i Chrome bez interfejsu graficznego
Poznaj nasze rozwiązania, które pomagają konsekwentnie automatyzować testowanie przeglądarek i zwiększać wydajność aplikacji.
- WebGpu
Korzystanie z Firebase Cloud Messaging (FCM) z chrome.gcm
Szczegółowy przewodnik po korzystaniu z Komunikacji Firebase na stronie chrome.gcm
Testowanie internetowego modelu AI w Google Colab
Dowiedz się, jak testować modele AI działające po stronie klienta, a jednocześnie pozostać skalowalne, automatyzujące się i w ramach ujednoliconej konfiguracji sprzętu.
- WebGpu
Tryb pionowego pisania CSS w elementach sterujących formularza
Chrome dodaje kolejną międzynarodową funkcję CSS.
Trwałe uprawnienia do interfejsu File System Access API
Z tego posta dowiesz się, jak zarządzać stałymi uprawnieniami do interfejsu File System Access API. Stanowi także krótkie podsumowanie bieżącego stanu problemu i wyzwań, które rozwiązujemy.
Wskazówki dotyczące Narzędzi deweloperskich: tworzenie kolorów
Dowiedz się, jak utworzyć kolory – wystarczy kilka kliknięć.
Sprawdzanie i debugowanie kolorów HD i innych niż HD za pomocą selektora kolorów
Dowiedz się, jak korzystać z selektora kolorów w sekcji Elementy > Style, aby sprawdzać i debugować kolory w HD i innych niż HD.
Wskazówki dla deweloperów: debugowanie priorytetu pobierania
Dowiedz się, jak debugować priorytet pobierania.
CSS text-wrap: balance
Klasyczna technika typografii polegająca na ręcznym tworzeniu znaków końca wiersza w celu zrównoważenia bloków tekstu została wprowadzona do CSS.
Rozszerzenia zakresu aplikacji internetowych
Począwszy od wersji Chrome 122 możesz zasubskrybować wersję próbną origin pliku manifestu aplikacji scope_extensions, która umożliwia prezentowanie witryn kontrolujących wiele subdomen i domen najwyższego poziomu w postaci jednej aplikacji internetowej.
Wykorzystaj możliwości WebDriver BiDi: automatyzację w Chrome i Firefoksie za pomocą Puppeteer
Puppeteer rozmawia teraz z Firefoksem! 🎉 Ale zaraz, co nie? 🤔 Dowiedzmy się więcej o WebDriver BiDi, nowym protokole w Pppeteer, i przekonajmy się, jakie zastosowanie ma ta ekscytująca funkcja w procesie automatyzacji w Firefoksie.
Tworzenie menu kontekstowego
Zaimplementuj wyskakujące okienko, które umożliwia użytkownikom wywoływanie funkcji rozszerzeń.
Postępowanie w przypadku naruszeń kodu hostowanych zdalnie
Skrypt service worker pozwala na uruchamianie rozszerzeń tylko wtedy, gdy jest to potrzebne, co pozwala oszczędzić zasoby.
Dodaj wyskakujące okienko
Zaimplementuj wyskakujące okienko, które umożliwia użytkownikom wywoływanie funkcji rozszerzeń.
Google Chrome na Androida
Pełną listę funkcji dla programistów Chrome na Androida znajdziesz na stronie chromestatus.com. Pobierz Chrome ze Sklepu Play. Gdy użytkownik loguje się w Chrome na jednym urządzeniu, karty i historia przeglądania z tej sesji są dla niego dostępne,
Intencje Androida w Chrome
Uruchamiaj aplikacje bezpośrednio ze strony internetowej z intencją Androida.
Jak nowoczesne platformy radzą sobie z nowym wskaźnikiem INP
W tym poście omawiamy znaczenie nowych danych INP w przypadku witryn opartych na danej platformie oraz opracowaną przez Aurorę pomoc w optymalizowaniu tych danych.
Chrome domyślnie włącza tryb pulpitu na tabletach premium
Przeglądarka Chrome dostosowała się do ekosystemu tabletów z Androidem i domyślnie włączyła tryb pulpitu na tabletach premium.
Co nowego w WebGPU (Chrome 120)
Obsługa 16-bitowych wartości zmiennoprzecinkowych w WGSL, zwiększanie limitów, zmienianie stanu szablonu głębokiego, aktualizowanie informacji o adapterach i nie tylko.
- WebGpu
Lepsze udostępnianie kart dzięki funkcji Region Capture
Platforma internetowa oferuje obecnie funkcję Region Capture, wydajną i niezawodną funkcję przycinania ścieżek wideo.
Nowości w Narzędziach deweloperskich (Chrome 121)
Obsługa @font-palette-values w sekcji Elementy, ulepszona obsługa map źródłowych, ulepszona Wydajność > ścieżka interakcji i wiele innych.
CSS: 2023 r.
Rok 2023 był świetny dla CSS. Zobacz, co trafiło w tym roku do Chrome i na platformie internetowej.
Wskazówki dla deweloperów: debugowanie pamięci podręcznej stanu strony internetowej
Dowiedz się, jak debugować pamięć podręczną (bfcache) i przyspieszyć wczytywanie strony.
Jak Narzędzia deweloperskie w Chrome pomagają chronić się przed atakami typu „SaxSS”
Dowiedz się, jak Narzędzia deweloperskie w Chrome łagodzą ataki samoistne XSS, blokując wklejanie kodu przez niedoświadczonych użytkowników tych narzędzi.
Wskazówki dotyczące narzędzi deweloperskich: co to jest DOM? HTML a DOM
Dowiedz się, jak debugować DOM za pomocą Narzędzi deweloperskich.
Dostęp do serwerów lokalnych i instancji Chrome za pomocą przekierowania portów
Umieść witrynę na serwerze WWW na komputerze, a potem uzyskaj dostęp do jej zawartości na urządzeniu z Androidem.
Ponowne omówienie kryteriów instalacyjnych Chrome
W najbliższych miesiącach będziemy przeprowadzać w Chrome eksperymenty, aby uprościć kryteria instalowania aplikacji oraz poprawić wrażenia deweloperów i użytkowników. W tym poście przedstawiamy zmiany, których możesz się spodziewać, oraz powody, dla których przeprowadzamy te eksperymenty.
Test origin prompta dotyczącego uprawnień dostępu do sieci prywatnej: ścieżka do migracji witryn przy użyciu protokołu HTTPS
Zgodnie ze specyfikacją sieci prywatnej (PNA) Google Chrome wycofuje dostęp do niezabezpieczonych witryn publicznych z punktów końcowych sieci prywatnej.
Wyświetlanie, dodawanie, edytowanie i usuwanie plików cookie
Dowiedz się, jak wyświetlać, dodawać, edytować i usuwać pliki cookie HTTP strony za pomocą Narzędzi deweloperskich w Chrome.
Nowości w Chrome 120
Wprowadzamy Chrome 120! Dzięki interfejsowi NearWatch API, który zapewnia spójność obsługi żądań zamknięcia, udostępniliśmy prostą implementację wzorca akordeonu przy użyciu elementu szczegółów, a także raporty o naruszeniach zasad dotyczących uprawnień i wiele więcej.
Przedstawiamy 4 nowe funkcje międzynarodowe w CSS
Dodajemy do Chrome 4 nowe międzynarodowe funkcje CSS.
Interfejs Page Lifecycle API
Interfejs Page Lifecycle API udostępnia w internecie funkcje cyklu życia aplikacji, które są często spotykane w mobilnych systemach operacyjnych. Przeglądarki mogą teraz bezpiecznie blokować i odrzucać strony w tle, aby oszczędzać zasoby, a deweloperzy mogą bezpiecznie wykonywać te interwencje bez wpływu na wygodę użytkowników.
Nieoczyszczony kod HTML w interfejsie Async Clipboard API
Od Chrome 120 w interfejsie Async Clipboard API dostępna jest nowa, nieprzetworzona opcja. Z tego przewodnika dowiesz się, jak z nich korzystać.
Automatyczny obraz w obrazie w przypadku aplikacji internetowych do wideokonferencji
Chrome zezwala aplikacjom internetowym do rozmów wideo na automatyczne włączanie obrazu w obrazie.
Wznawiam przejście na platformę Manifest V3
W grudniu zeszłego roku wstrzymaliśmy planowane wycofanie pliku manifestu 2., aby uwzględnić opinie programistów i zaproponować lepsze rozwiązania dotyczące problemów z migracją. W odpowiedzi na te opinie wprowadziliśmy w pliku manifestu V3 kilka
Ulepszamy filtrowanie treści w platformie Manifest V3
W ciągu ostatniego roku prowadziliśmy aktywne rozmowy z dostawcami różnych rozszerzeń blokujących treści na temat sposobów ulepszania platformy rozszerzeń MV3. Na podstawie tych rozmów, z których wiele miało miejsce w grupie WECG (WebExtensions
Co nowego w dyrektywie Angular NgOptimizedImage
Poznaj nowe funkcje zawarte w dyrektywie Angular NgOptimizedImage, które jeszcze bardziej poprawiają wydajność obrazów w aplikacjach Angular.
Wersja próbna interfejsu Static Routing API Service Worker
Dowiedz się więcej o pierwszej fazie routingu statycznego Service Worker (obecnie w wersji próbnej Origin) – nowego interfejsu API służącego do deklaratywnego określania, jak powinny być obsługiwane trasy (lub nie) przez mechanizm Service Worker.
Przechwytywanie ekosystemu WebGPU
Dowiedz się, jak ekosystem WebGPU wykracza poza obszary JavaScript, C++ i Rust.
- WebGpu
Nowości w Narzędziach deweloperskich (Chrome 120)
Problemy z wycofywaniem plików cookie innych firm zgłaszane w panelu Problemy, narzędziu do analizy Piaskownicy prywatności w przypadku plików cookie, obowiązująca polityka bezpieczeństwa treści w panelu Aplikacje, ulepszone debugowanie animacji, ulepszona lista ignorowanych i inne funkcje.
Aktualizacja składni w ramach luźnej zagnieżdżania CSS
Zagnieżdżanie w widoku z wyprzedzeniem włączone w Chrome 120.
zmiana domyślnego trybu trwałości w IndexedDB;
Od wersji 121 Chrome tryb trwałości w IndexedDB zmieni się ze ścisłego na łagodny.
Nowości w Chrome 120 dotyczące rozszerzeń
Podsumowanie ważnych zmian w Chrome 120 dla deweloperów rozszerzeń do Chrome.
Obsługa plików w Chrome OS
Jak otwierać pliki w skryptach service worker, wyskakujących okienkach, panelach bocznych i skryptach treści rozszerzenia do Chrome.
Chrome 120 w wersji beta
Maskowanie CSS, proste reguły zagnieżdżania arkuszy CSS, tworzenie wzorców akordeonów z elementem, akcja Enterperformanceinzdjęcia z interfejsu Media Session API.
Nowości w Chrome 119
Udostępniamy Chrome 119. W związku z zmianą daty ważności plików cookie, które są już przechowywane. CSS oferuje nowe pseudoklasy, względną składnię kolorów, ulepszenia ramek Fenceed Frames, takie jak makra rozmiaru reklamy, oraz wiele innych możliwości.
Czyszczenie pamięci WebAssembly (WasmGC) jest teraz domyślnie włączone w Chrome
Istnieją 2 typy języków programowania: ze śmieciami oraz języki programowania, które wymagają ręcznego zarządzania pamięcią. Dzięki funkcji wywozu śmieci w WebAssembly można przenosić języki obsługiwane przez wywóz śmieci do WebAssembly.
CSS prefers-reduced-transparency
Zoptymalizuj i dostosuj interfejs pod kątem użytkowników, którzy wolą nieprzezroczysty interfejs.
Co nowego w WebGPU (Chrome 119)
Filtrowalne 32-bitowe tekstury pływające, format wierzchołka unorm10-10-10-2, format tekstu RGB10a2uint i inne.
- WebGpu
CSS text-wrap: ładne
Włącz zoptymalizowane zawijanie tekstu, aby zwiększyć atrakcyjność niż szybkość.
Wybierz element: teraz z liniami poziomymi
Dowiedz się, jak funkcje rozszerzonego wyboru umożliwiają wizualne podziały poziome w celu lepszego grupowania.
Co się dzieje w rozszerzeniach do Chrome?
Przegląd najnowszych zmian w rozszerzeniach do Chrome oraz ciekawe funkcje, których będą mogli oczekiwać deweloperzy.
Migracja narzędzia do śledzenia błędów Chromium
W styczniu 2024 roku przełączymy śledzenie problemów w Chromium do narzędzia opartego na Google Issue Tracker.
Wycofanie interfejsu Sanitizer API
Obecna implementacja interfejsu Sanitizer API została wycofana z Chrome 119, aby uwzględnić przyszłe aktualizacje specyfikacji.
Port szeregowy przez Bluetooth w przeglądarce
Interfejs Web Serial API dodał obsługę usług RFCOMM Bluetooth.
Testowanie rozszerzeń do Chrome za pomocą Puppeteer
Jak napisać automatyczny test rozszerzeń Chrome za pomocą Puppeteer
Nowości w Narzędziach dla deweloperów (Chrome 119)
Ulepszyliśmy sekcję @property w stylach, zaktualizowana lista urządzeń, ulepszone formatowanie stylistyczne w Źródłach i autouzupełnianie w konsoli.
Nowości w Chrome 118
Udostępniamy Chrome 118. Zadeklaruj określone style w komponencie za pomocą reguły CSS @scope. Użyj nowej funkcji multimediów: preferowana zmniejszona przejrzystość. W Narzędziach deweloperskich znajdują się ulepszenia w panelu Źródła i wiele więcej.
Ulepszenia interfejsu API umożliwiające pracę z plikami w przeglądarce
Obsługa wielu czytników i pisarzy w przypadku FileSystemSyncAccessHandle oraz obsługa tylko jednego zapisującego w przypadku FileSystemWritableFileStream. Prywatny system plików źródła (czasami nazywany systemem plików zasobnika) umożliwia
Nowy okres próbny origin dla wyskakujących okienek na pełnym ekranie
Dostępna jest teraz nowa wersja próbna origin umożliwiająca otwieranie wyskakujących okienek w trybie pełnoekranowym w prosty sposób.
Chrome 119 w wersji beta
W Chrome 119 w wersji beta wprowadziliśmy względną składnię kolorów CSS, nowe pseudoklasy i wiele więcej.
Ogranicz zasięg selektorów za pomocą reguły @scope w CSS
Dowiedz się, jak używać @scope do wybierania elementów tylko w ograniczonym poddrzewie DOM.
Chrome obsługuje teraz klucze dostępu w pęku kluczy iCloud w systemie macOS
Chrome na macOS zacznie obsługiwać klucze dostępu w pęku kluczy iCloud. Dzięki temu użytkownicy mogą tworzyć klucze dostępu w pęku kluczy iCloud i synchronizować je na urządzeniach Apple.
Co nowego w WebGPU (Chrome 118)
Rozszerzona obsługa źródła dla tekstu copyExternalImageToTexture, eksperymentalna obsługa tekstur pamięci masowej do odczytu i zapisu oraz tylko do odczytu i nie tylko.
- WebGpu
Wskazówki dla deweloperów: debugowanie rozszerzeń do Chrome
Dowiedz się, jak debugować rozszerzenia do Chrome za pomocą Narzędzi deweloperskich.
Płynna nawigacja dzięki przejściom między widokami
Szczegółowy przewodnik po tym, jak i dlaczego CyberAgent, RedBus, Nykaa i PolicyBazaar wdrożyły przejścia między widokami.
Jesteśmy Chrome dla programistów
Świętujemy 15 urodziny Chrome i jako zaufany i pomocny partner deweloperów.
Nowości w Narzędziach dla deweloperów (Chrome 118)
Nowa sekcja właściwości niestandardowych w obszarze Elementy > Style, więcej ulepszeń lokalnych zastąpień, ulepszone wyszukiwanie, uproszczony obszar roboczy w Źródłach i inne.
Chrome 118 w wersji beta
Zakres stylów CSS, dodatkowe funkcje multimedialne, kontenery przewijania z możliwością zaznaczenia klawiatury i nie tylko.
Nowości w Chrome 117
Udostępniamy Chrome 117. Dzięki 3 nowym funkcjom CSS, które ułatwiają dodawanie płynnych animacji wejścia i wyjścia, grupowania tablic w celu obliczenia zbiorów danych o wyższej kolejności, narzędzia deweloperskie ułatwiają lokalne zastąpienia.
Co nowego w WebGPU (Chrome 117)
Anuluj ustawienie bufora wierzchołków i grupy powiązań, sprawdź, czy utracone urządzenia działają i nie tylko.
- WebGpu
Google Summer of Code i rozszerzenia do Chrome
Doświadczenie i porady dotyczące uczestnictwa w Google Summer of Code.
Wskazówki dotyczące narzędzi dla deweloperów: fragmenty i wyrażenia na bieżąco
Korzystając z fragmentów kodu, możesz uruchamiać często używany kod i analizować wyrażenia na bieżąco, aby obserwować wartości w czasie rzeczywistym.
Szybsze publikowanie wersji Chrome (druga runda)
Od wersji 119 Chrome skrócimy czas między wydaniem wersji na daną gałąź a jej wydaniem stabilnym.
Przejścia widoku Astro
Podkreśl, jak społeczność Astro przyjęła zmiany w widoku, gdy Chrome tworzył interfejs API, i podążał za śladami swojej pierwszej klasy na wyspach Astro – na trwałych wyspach.
Przedstawiamy test źródła Scheduler.yield
Parametr „scheduler.yield” to proponowany nowy dodatek do interfejsu API algorytmu szeregowania, który jest obecnie w fazie testów origin. Jest to nowatorskie podejście do podziału zadań w celu zapewnienia lepszej reakcji użytkowników. Poznaj korzyści płynące z zaproponowanego przez nas dodatku API do planowania i zarejestruj się, aby wziąć udział w testowaniu origin, aby pomóc nam zebrać statystyki i opinie.
Twórz wydajne polecenia protokołu Chrome Devtools (CDP) dzięki nowemu edytorowi poleceń
Aby ułatwić wpisywanie poleceń protokołu Chrome Devtools Protocol (CDP), wprowadziliśmy nowy, przyjazny dla użytkownika edytor, dzięki czemu nie musisz używać formatu JSON.
Nowości w Lighthouse 11
Lighthouse 11 jest już dostępne z nowymi zmianami w ułatwieniach dostępu i aktualizacjami kontroli
Nowości w Narzędziach dla deweloperów (Chrome 117)
Możesz zastępować żądania XHR/pobierania i ukrywać żądania rozszerzeń w panelu Sieć, wyświetlać zmiany priorytetu pobierania w panelu Wydajność, korzystać z wielu ulepszeń interfejsu, wypróbować nowe kolory i funkcje eksperymentalne i nie tylko.
Chrome 117 w wersji beta
Obsługa pomocniczej siatki CSS oraz animacji wejścia i wyjścia dla CSS, grupowania tablic, pomocników iteratora i nie tylko.
Kontrola zabezpieczeń na stronie chrome://extensions
Od wersji Chrome 117 Chrome będzie aktywnie wyróżniać aplikacje, gdy zainstalowane przez nich rozszerzenie nie jest już dostępne w Chrome Web Store.
4 nowe funkcje CSS umożliwiające płynne wejście i wyjście
Poznaj nowe funkcje, które umożliwiają płynne przechodzenie między dyskretnymi animacjami i między górną warstwą
Nowości w Chrome 116
Udostępniamy Chrome 116. Używaj interfejsu API Obraz w obrazie, aby zwiększyć produktywność użytkowników, teraz można łatwiej debugować brakujące arkusze stylów w Narzędziach deweloperskich, a oprócz tego można robić wiele innych rzeczy.
Plik manifestu – skrypty zawartości
Dokumentacja na temat właściwości "content_scripts" pliku manifest.json.
Bezpieczne interakcje z wyskakującymi okienkami za pomocą właściwości ograniczających
Korzystaj z izolacji zasobów z innych domen i ochrony przed wyciekami z innych witryn podczas interakcji z wyskakującymi okienkami.
Co nowego w WebGPU (Chrome 116)
Integracja WebCodecs, ulepszenia odtwarzania filmów i inne funkcje.
- WebGpu
Jednorazowe uprawnienia w Chrome
„Zezwól tym razem” to jednorazowa opcja przyznania uprawnień w Chrome. Początkowo będzie on dostępny na komputerach tylko do korzystania z geolokalizacji, aparatu i mikrofonu.
Wskazówki dotyczące narzędzi deweloperskich: punkty przerwania i punkty logowania
Używaj punktów przerwania i punktów logowania, aby łatwo debugować.
PostMessage dla TWA
Zaufane aktywności internetowe (TWA) w Chrome 115 mogą wysyłać wiadomości za pomocą postMessage. Ten dokument przedstawia konfigurację niezbędnej do komunikacji między aplikacją a internetem.
Nowości w Chrome 116 dotyczące rozszerzeń
Podsumowanie ważnych zmian w Chrome 116 dla deweloperów rozszerzeń do Chrome.
Chrome 116 w wersji beta
Ścieżka animacji CSS, interfejs API NotRestoredReason z pamięci podręcznej stanu strony internetowej, Document Picture-in-Picture i inne funkcje.
Debugowanie stron internetowych w Chrome na urządzeniach z iOS w wersji 16.4 lub nowszej
Dowiedz się, jak używać debugowania inspektora sieci Safari w Chrome na iOS.
Nowości w Chrome 115
Za pomocą ScrollTimeline i ViewTimeline możesz tworzyć animacje przewijane, które zwiększają wygodę użytkowników. Chronione ramki współdziałają z innymi interfejsami API Piaskownicy prywatności, aby umieszczać odpowiednie treści i jednocześnie zapobiegać zbędnemu udostępnianiu kontekstu. Dzięki interfejsowi Topics API przeglądarka może udostępniać innym firmom informacje o zainteresowaniach użytkownika, chroniąc przy tym prywatność i nie tylko.
Co się dzieje w rozszerzeniach do Chrome?
Omówienie tegorocznych zmian w rozszerzeniach do Chrome oraz ciekawe funkcje, z których mogą się spodziewać deweloperzy.
Studium przypadku dotyczące wydajności animacji przewijanych
Nowy interfejs API jest znacznie płynniejszy niż klasyczny sposób implementacji animacji przewijanych.
Wskazówki dotyczące narzędzi deweloperskich: nagrywaj i odtwarzaj przepływy użytkowników za pomocą Dyktafonu
Dowiedz się, jak nagrywać, odtwarzać i debugować przepływy użytkowników za pomocą panelu Dyktafon w Narzędziach deweloperskich.
Używanie WebSockets w skryptach service worker
Szczegółowe instrukcje łączenia się z siecią WebSocket w rozszerzeniu do Chrome.
WebRTC: przewodnik po migracji starszej wersji getStats()
Dowiedz się, jak używać debugowania inspektora sieci Safari w Chrome na iOS.
Wskazówki dotyczące narzędzi deweloperskich: pamięć lokalna i pamięć sesji
Użyj funkcji Aplikacja > Pamięć lokalna i Pamięć sesji do debugowania par klucz-wartość.
Nowości w Narzędziach dla deweloperów (Chrome 116)
W Narzędziach deweloperskich wprowadzono kilka ulepszeń, które pomogą Ci szybciej wykrywać i rozwiązywać problemy z brakiem sformatowanych arkuszy stylów: W panelu Sieć kolumna Initiator jest stale wypełniana linkami do wiersza, który odwołuje się do
Co nowego w WebGPU (Chrome 115)
Obsługiwane rozszerzenia języka WGSL, eksperymentalna obsługa Direct3D 11 i inne.
- WebGpu
Użyj geolokalizacji
Jak używać geolokalizacji w skryptach service worker, wyskakujących okienkach, panelach bocznych i skryptach treści rozszerzenia do Chrome.
Chrome for Testing: niezawodne pobieranie i automatyzacja przeglądarki
Chrome do testowania to nowy rodzaj Chrome przeznaczony do testowania aplikacji internetowych i automatyzacji.
Debugowanie WebAssembly w C/C++
Dowiedz się, jak za pomocą Narzędzi deweloperskich w Chrome wyszukiwać i naprawiać błędy w komponencie C/C++ WebAssembly.
Jak rozwiązano problem z plikami większymi niż można zmieścić w pamięci w Photoshopie
Dowiedz się, jak Adobe umożliwiło użytkownikom edytowanie nawet największych plików w wersji internetowej kultowej aplikacji Photoshop. (Ten artykuł jest też dostępny w formie filmu). W 2021 r. firma Adobe we współpracy z zespołem inżynierów Chrome
Jak aplikacja Boxy SVG do edycji obrazów wektorowych korzysta z interfejsu Local Font Access API, aby umożliwić użytkownikom wybór ulubionych czcionek lokalnych
Interfejs API Local Font Access zapewnia mechanizm dostępu do danych czcionek zainstalowanych lokalnie przez użytkownika, w tym szczegółów na wyższym poziomie, takich jak nazwy, style i rodziny, a także surowych bajtów z podstawowych plików czcionek.
Zdarzenia mutacji będą usuwane z Chrome
Ogłoszenie o wycofaniu i planowanym usunięciu zdarzeń mutacji oraz o tym, jak możesz przenieść kod przed jego usunięciem w lipcu 2024 roku.
Chrome 115 w wersji beta
Wiele słów kluczowych dla usługi displayowej CSS, WGSLLanguageFeatures for WebGPU, uaktualnień do HTTPS i nie tylko.
Migracja z adresów URL danych w elemencie SVG
Obsługa danych: adresy URL w elemencie SVG zostaną usunięte. Zalecamy przejście na alternatywy.
Jak edytor gier Construct 3 korzysta z interfejsu File System Access API, aby umożliwić użytkownikom zapisywanie gier
Interfejs File System Access API umożliwia odczyt, zapis i zarządzanie plikami. Dowiedz się, jak Construct 3 korzysta z tego interfejsu API. (Ten artykuł jest też dostępny w formie filmu). Construct 3 to edytor gier stworzony przez braci Thomasa
Zapewnij użytkownikom niesamowite wrażenia dzięki nowemu interfejsowi API w panelu bocznym
Przedstawiamy nowy interfejs Side Panel API dla rozszerzeń do Chrome.
Nowości w Narzędziach dla deweloperów (Chrome 115)
Panel Elementy ma teraz nową plakietkę subgrid dla subgrid. Ta funkcja jest obecnie eksperymentalna w Chrome Canary. Aby sprawdzić i przetestować zagnieżdżoną siatkę, która jest siatką podrzędną, a zatem dziedziczy liczbę i rozmiar ścieżek od siatki
Chrome nie pozwala na modyfikowanie parametru document.domain
Jeśli Twoja witryna wymaga ustawienia document.domain, musisz podjąć odpowiednie kroki.
Rozpoczynamy drugą próbę origin Compute Pressure
Nowa wersja próbna origin Chrome, która pozwala deweloperom stron internetowych monitorować wykorzystanie mocy obliczeniowej.
Nowości w Chrome 114
Udostępniamy Chrome 114. Udostępniamy Chrome 114. Dzięki zawijaniu tekstu: zachowanie równowagi w celu poprawy układu tekstu oraz stosowanie niezależnego stanu partycjonowania plików cookie, nowego interfejsu Popover API ułatwia wyświetlanie okien typu popover, a oprócz tego – nie tylko.
Wskazówki dotyczące narzędzi deweloperskich: obszar roboczy
Użyj Workspace, aby zapisać zmiany wprowadzone w Narzędziach deweloperskich w lokalnych plikach źródłowych.
Tworzenie złożonych krzywych animacji w CSS za pomocą funkcji wygładzania linear()
Przedstawiamy linear() – funkcję wygładzania w CSS, która interpoluje liniowo między punktami, co pozwala odtworzyć efekty odbić i sprężyn.
Przedstawiamy interfejs API popover
Dowiedz się, jak tworzyć etykietki, menu i inne elementy za pomocą nowego interfejsu API typu popover.
Jak LEGO® Education wykorzystuje interfejsy Web Bluetooth i Web Serial API
LEGO Education wykorzystuje możliwości internetu, by maksymalnie uprościć łączenie modeli LEGO z komputerem.
Co nowego u Aurory?
Dowiedz się, co zespół Chrome Aurora robił ostatnio i jakie ma plany na 2023 rok.
Jak Blockbench używa interfejsu EyeDropper API w edytorze modeli 3D, aby umożliwić użytkownikom wybieranie kolorów z dowolnego miejsca
Interfejs EyeDropper API udostępnia mechanizm do tworzenia narzędzia zakraplacza, które pozwala użytkownikom pobierać próbki kolorów z ekranów, w tym poza oknem przeglądarki. Dowiedz się, jak edytor modeli 3D Blockbench używa tego interfejsu API
Zaktualizowano harmonogram wycofywania Web SQL
Usługa Web SQL została całkowicie usunięta w Chromium 119.
Dostępny jest okres próbny źródła zasobników pamięci masowej
Standard pamięci masowej określa interfejs API do oszacowania trwałego miejsca na dane i limity oraz architekturę pamięci masowej platformy. Eksperymentujemy z interfejsem API, który sprawi, że trwałe usuwanie pamięci masowej przy dużym obciążeniu pamięci będzie bardziej przewidywalne. Wypróbuj interfejs Storage buckets API w ramach wersji próbnej origin, która działa od Chrome 115 do Chrome 118.
Jak aplikacja do edycji obrazów Photopea korzysta z interfejsu File handling API, aby umożliwić użytkownikom otwieranie plików z poziomu eksploratora plików
Interfejs File Handling API umożliwia aplikacjom internetowym rejestrowanie się jako moduł obsługi plików w przypadku formatów, które obsługują. Dowiedz się, jak aplikacja do edycji zdjęć Photopea korzysta z tego interfejsu API. (Ten artykuł jest też
Nowości w CSS i interfejsie: edycja I/O 2023
20 najważniejszych funkcji CSS i UI omówionych podczas Google I/O 2023, których nie można przegapić.
Nowości w internecie na Androidzie 2023
Aktualizacje narzędzi, dzięki którym internet jest dostępny na Androidzie. Ulepszenia ochrony prywatności i lepsza obsługa dużych ekranów w komponencie WebView, częściowe karty niestandardowe w kartach niestandardowych, łatwiejsza instalacja i zintegrowane funkcje PWA oraz zarządzanie płatnościami ze Sklepu Play w przypadku TWA.
Udostępnione autouzupełnianie w elementach iframe: początkowa oferta pakietowa
Niektóre formularze zawierają pola w elementach iframe, co powoduje problemy z autouzupełnianiem w przeglądarce. W przypadku współdzielonej autouzupełniania ramka nadrzędna może oznaczać wiarygodność elementów iframe z innych domen, aby usprawnić autouzupełnianie.
10 aktualizacji na Google I/O
Dowiedz się, jak ułatwiamy deweloperom dostarczanie użytkownikom zaawansowanych rozwiązań dzięki kluczowym aktualizacjom i nowym nowościom, które omówiliśmy podczas Google I/O 2023.
Znajdowanie problemów z formularzami w Narzędziach deweloperskich w Chrome
Zespół Narzędzi deweloperskich w Chrome pracuje nad dodatkowymi nowymi funkcjami, które pomogą znaleźć problemy z formularzami i debugować autouzupełnianie. Funkcje te są we wczesnej fazie projektowania i wdrażania, dlatego potrzebujemy Twoich testów i opinii.
WebGPU: odblokowywanie dostępu do nowoczesnego GPU w przeglądarce
Dowiedz się, jak technologia WebGPU wykorzystuje moc GPU, aby przyspieszyć działanie systemów uczących się i lepiej renderować grafikę.
WebDriver BiDi: aktualizacja stanu z 2023 r.
W tym artykule znajdziesz omówienie nowości w usłudze WebDriver BiDi w 2023 roku.
Animacja elementów podczas przewijania za pomocą animacji przewijanych
Dowiedz się, jak korzystać z osi czasu przewijania i wyświetlania osi czasu, aby tworzyć animacje przewijane w sposób deklaracyjny.
Nowości w Narzędziach dla deweloperów (Chrome 114)
Narzędzia deweloperskie umożliwiają Ustawienia > Eksperymenty > Debugowanie WebAssembly: włącz obsługę DWARF domyślnie. Więcej informacji znajdziesz w artykule Debugowanie WebAssembly za pomocą nowoczesnych narzędzi. Ten eksperyment umożliwia
Skrypty service worker rozszerzeń
Skrypty service worker rozszerzeń to główny moduł obsługi zdarzeń rozszerzenia. To odróżnia je od instancji roboczych usług internetowych.
Nowości w Chrome 113
Udostępniamy Chrome 113. Interfejs WebGPU pozwala na wydajną grafikę 3D i obliczenia równoległe danych w internecie, a narzędzia deweloperskie mogą teraz zastępować nagłówki odpowiedzi sieciowych (zestawy własne) w ramach Piaskownicy prywatności, co umożliwia organizacjom zadeklarowanie, że zaczyna się wdrażanie powiązanych stron.
Cykl życia skryptu service worker rozszerzenia
Skrypty service worker rozszerzeń reagują zarówno na standardowe zdarzenia skryptu service worker, jak i na zdarzenia w przestrzeniach nazw rozszerzeń. Są one prezentowane razem, ponieważ często jeden typ występuje po drugim podczas korzystania z rozszerzenia.
Lepsze rozmowy wideo z szybszym kodowaniem AV1
Chrome 113 zawiera ulepszenia w koderze oprogramowania AV1 opracowane przez zespół Chrome Open Media.
Zdarzenia w instancjach service worker
Skrypty service worker rozszerzeń reagują zarówno na standardowe zdarzenia skryptu service worker, jak i na wiele zdarzeń w interfejsach API rozszerzeń.
Podstawy skryptu service worker rozszerzenia
Skrypty service worker rozszerzeń są instalowane i aktualizowane inaczej niż mechanizmy skryptowe usług internetowych.
Rozmyj tło aparatu
Nowa wersja próbna origin Chrome, która umożliwia programistom stron internetowych kontrolowanie rozmycia tła kamery.
Co nowego w WebGPU (Chrome 113)
WebGPU jest dostarczany w Chrome z integracją WebCodecs w ramach testowania origin.
- WebGpu
Wskazówki dotyczące narzędzi dla deweloperów: mapy źródłowe w Narzędziach deweloperskich
Aby debugować pierwotny kod, zamiast go wdrażać, używaj map źródłowych w Narzędziach deweloperskich.
Zasoby dla programistów: wyświetlanie i ręczne wczytywanie map źródeł
W panelu zasobów dla programistów sprawdź, czy mapy źródłowe są wczytywane, i wczytaj je ręcznie.
Wielozadaniowość dzięki częściowym kartom niestandardowym
Dowiedz się, jak używać częściowo kart niestandardowych, aby umożliwić użytkownikom korzystanie z aplikacji podczas przeglądania treści internetowych.
Przygotowanie i pobieranie z wyprzedzeniem: usługa kart niestandardowych
Dowiedz się, jak korzystać z usługi kart niestandardowych, aby zwiększyć wygodę użytkowników.
Dostosowywanie interfejsu użytkownika
Jak dopasować kartę niestandardową do wyglądu i sposobu działania aplikacji.
Mierzenie zaangażowania użytkowników
Jak mierzyć zaangażowanie użytkowników na kartach niestandardowych.
Dodawanie niestandardowej interaktywności
Dodawanie działań niestandardowych do kart niestandardowych
Bardziej rozbudowana wersja interfejsu dostępna na komputerach
Urządzenia mobilne i sklepy z aplikacjami zmieniły sposób, w jaki użytkownicy odkrywają, oceniają i instalują oprogramowanie. Aplikacje internetowe oferują teraz miejsce, w którym deweloperzy mogą wyróżnić swoje aplikacje podczas instalacji.
Spojrzenie w przeszłość: ewolucja automatyzacji testów
Podróż w górę ewolucji automatyzacji testów w internecie.
33 Chronicle Chromium: wyświetlenia AnimationBuilder
Użycie animacji opartych na warstwach w Zdjęciach może zwiększyć wydajność i zmniejszyć ale dość trudno je skonfigurować. AnimationBuilder mogą znacznie zmniejszyć złożoność i poprawić czytelność warstwy ani animacji. Załóżmy, że musisz animować
Rozwiązywanie problemów z układem CSS i zamówieniem źródłowym
Potrzebujemy Twojej opinii na temat proponowanego rozwiązania problemu z metodami układu strony: porządkowaniem elementów w kolejności niepowiązanej z źródłem dokumentu.
Nowości w Narzędziach dla deweloperów (Chrome 113)
Teraz możesz zastąpić nagłówki odpowiedzi w panelu Sieć. Wcześniej do eksperymentowania z nagłówkami odpowiedzi HTTP potrzebny był dostęp do serwera WWW. Za pomocą zastąpień nagłówków odpowiedzi możesz lokalnie testować poprawki różnych nagłówków,
Jak nowy pasek boczny punktów przerwania ułatwia debugowanie
Aby ułatwić wykonywanie typowych czynności, takich jak usuwanie czy wyłączanie punktów przerwania, zmieniliśmy pasek boczny punktów przerwania, aby można było je wykonywać jednym kliknięciem.
Chrome udostępnia technologię WebGPU
Zespół Chrome udostępnia technologię WebGPU, która umożliwia wysoką wydajność grafiki 3D i równoległe obliczenia w internecie.
- WebGpu
Szybsze publikowanie wersji Chrome
Od wersji Chrome 114 czas między gałęzią przejścia na wersję stabilną a opublikowaniem wersji stabilnej będzie krótszy.
Nowości w Chrome 112
Udostępniamy Chrome 112. CSS obsługuje teraz reguły zagnieżdżania. Zaktualizowaliśmy algorytm określający początkowy element okien dialogowych, a moduły obsługi pobierania bez operacji w mechanizmach Service Worker są od tej pory pomijane, aby przyspieszyć nawigację, i nie tylko.
Obsługa zdarzeń za pomocą usług workerów
Dowiedz się, jak utworzyć i debugować rozszerzenie service worker.
Wskazówki dotyczące narzędzi deweloperskich: co to są mapy źródeł?
Dowiedz się, jak mapy źródłowe mogą pomóc w debugowaniu oryginalnego kodu zamiast jego wdrażania.
Rozszerzenie mapy źródłowej ignorowanych
Usprawnij debugowanie w Narzędziach deweloperskich w Chrome dzięki rozszerzeniu mapy źródłowej ignorowanych list.
Od Web SQL do SQLite Wasm: przewodnik po migracji bazy danych
Dzięki użyciu SQLite Wasm obsługiwanego przez prywatny system plików źródłowego mamy uniwersalną alternatywę dla wycofanej technologii bazy danych Web SQL. Ten artykuł to przewodnik po migracji danych z Web SQL do SQLite Wasm. W poście Wycofanie
Współpraca z Fastly – widoczny przekaźnik HTTP dla serwera k-anonimowości FLEDGE
We współpracy z Fastly ulepszamy środki ochrony prywatności w Chrome, aby wdrożyć serwer k-anonimowości na potrzeby FLEDGE. Jeśli w tej implementacji dane są przekazywane przez przekaźnik OHTTP, serwery Google nie otrzymują adresów IP użytkowników. Serwer k-anonimowości to przyrostowy krok w kierunku pełnej implementacji FLEDGE.
poprawianie prywatności użytkowników przez wymaganie zgody na wysyłanie nagłówka X-Requested-With z komponentu WebView
Chcemy chronić prywatność użytkowników, ograniczając czas wysyłania nagłówka X-Requested-With.
Chrome 112 w wersji beta
Zagnieżdżanie CSS, animacja-kompozycja i parametr przesyłającego dla konstruktora FormData.
Zastąp blokowanie detektorów żądań internetowych
Druga z 3 sekcji opisujących zmiany niezbędne w kodzie, który nie jest częścią skryptu service worker rozszerzenia.
Zaktualizuj kod
Pierwsza z trzech sekcji opisujących zmiany niezbędne w kodzie, który nie jest częścią skryptu service worker rozszerzenia.
Przejście z widoku SPA do Chrome 111
Interfejs View Transition API umożliwia przechodzenie między stronami w aplikacjach jednostronicowych, a później uwzględni tę funkcję w aplikacjach wielostronicowych.
Nowości w Narzędziach dla deweloperów (Chrome 112)
Dyktafon obsługuje niestandardowe opcje odtwarzania, które możesz osadzić w Narzędziach deweloperskich za pomocą rozszerzenia. Wypróbuj przykładowe rozszerzenie. Wybierz nową opcję niestandardowego odtwarzania, aby otworzyć interfejs niestandardowego
Migracja do skryptu service worker
Skrypt service worker pozwala na uruchamianie rozszerzeń tylko wtedy, gdy jest to potrzebne, co pozwala oszczędzić zasoby.
Zaktualizuj plik manifestu
Plik manifest.json w przypadku platformy Manifest V3 wymaga nieco innego formatu niż Manifest V2.
Zwiększanie bezpieczeństwa rozszerzeń
Ostatnia z 3 sekcji opisujących zmiany niezbędne w kodzie, który nie jest częścią skryptu service worker rozszerzenia.
Zagnieżdżanie CSS
Jedną z naszych ulubionych funkcji preprocesora CSS jest teraz wbudowana w język: reguły stylu zagnieżdżania.
Nowości w Chrome 111
Udostępniamy Chrome 111. Twórz dopracowane przejścia w aplikacji jednostronicowej za pomocą interfejsu View Transitions API i ulepszaj kolory dzięki obsłudze CSS „color” na poziomie 4. Odkryj nowe narzędzia w panelu stylu, które pozwolą Ci w pełni wykorzystać nowe funkcje związane z kolorami. Znajdziesz też wiele innych ulepszeń.
Nowe miejsce z prezentacją interfejsu API Project Fugu
Prezentacja interfejsów API w ramach projektu Fugu to zbiór aplikacji, które korzystają z interfejsów API należących do projektu Fugu. Projekt Capabilities (kod roboczy Project Fugu ) w Google ma na celu umożliwienie aplikacjom internetowym
Ochrona prywatności! Użytkownicy teraz w bardziej przemyślany sposób udostępniają swoje ekrany
Korzystając z teorii ponagleń, zachęciliśmy użytkowników, aby podczas rozmów wideo przestali strzelać do swoich stóp.
Łączenie elementów ze sobą za pomocą pozycjonowania za pomocą kotwicy w CSS
Na platformie internetowej pojawi się nowy interfejs API, który pomoże Ci umieszczać elementy w sposób elastyczny i bez użycia sztuczek.
Współpraca z branżą nad rozwijaniem CHIPS
Omówienie 2 wyzwań, z jakimi borykał się zespół Chrome podczas wdrażania CHIPS, oraz tego, jak opinie społeczności odegrały kluczową rolę w opracowywaniu oferty.
Narzędzia platformy do tworzenia zastępczych czcionek
Dowiedz się, jak Next.js, Nuxt.js i inne biblioteki pomagają wygenerować zastępcze CSS czcionek bez CLS.
Podnoszenie standardów zachowania podczas dyskusji na temat standardów
Jak zespół Chrome stara się prowadzić bardziej profesjonalne i profesjonalne dyskusje, w których każdy może czuć się częścią społeczności.
Pierwsze kroki z zapytaniami dotyczącymi stylu
Zapytania dotyczące stylu pozwalają programistom wysyłać zapytania do wartości stylu elementu nadrzędnego przy użyciu reguły @container. W Chrome 111 zapytania stylu dotyczące niestandardowych właściwości CSS działają na stabilnym poziomie. Dowiedz się, jak zacząć z nich korzystać.
Wskazówki dla deweloperów: znajdowanie problemów z CSS
Aby wykryć problemy z CSS w Narzędziach deweloperskich, skorzystaj z paneli Style i Computed.
Pomoc dotycząca rozszerzeń do Chrome
Gdzie uzyskać pomoc w przypadku pytań, których nie ma w dokumentacji.
Nowości w Narzędziach dla deweloperów (Chrome 111)
Debugowanie kolorów HD, ulepszony interfejs w punkcie przerwania i inne funkcje.
Ulepszone ustawienia zastępcze czcionek
Dzięki nowym zastąpieniom `size-size` i rodzajom danych czcionki deweloperzy mogą tworzyć czcionki zastępcze, które ściśle odpowiadają czcionkom internetowym. Pozwala to zmniejszyć przesunięcia układu.
Chrome 111 w wersji beta
Nowe typy kolorów i przestrzenie kolorów CSS, funkcje trygonometryczne CSS oraz interfejs View Transitions API.
Komunikacja z kontrolerem Stadia za pomocą protokołu WebHID
Flashowany kontroler Stadia działa jak standardowy pad do gier, co oznacza, że nie wszystkie jego przyciski są dostępne za pomocą interfejsu Gamepad API. Dzięki WebHID możesz teraz uzyskać dostęp do brakujących przycisków. Po zamknięciu Stadia wielu
Co to są flagi Chrome?
Włącz dodatkowe narzędzia do debugowania albo wypróbuj nowe lub eksperymentalne funkcje w Chrome.
Jak używać interfejsu CrUX History API
Dowiedz się więcej o interfejsie CrUX History API i o tym, jak używać go do śledzenia trendów w zakresie wrażeń użytkowników.
Nowości w Chrome 110
Udostępniamy Chrome 110. Dodaj styl niestandardowy do elementów obraz w obrazie za pomocą nowej pseudoklasy :obraz w obrazie, ustaw działanie uruchamiania aplikacji internetowej za pomocą funkcjilaunch_handler, użyj atrybutu bez danych logowania w elementach iframe, aby umieścić treści innych firm bez określania zasad dotyczących umieszczania zasobów z innych domen. A to jeszcze nie wszystko.
Nowości w Narzędziach deweloperskich (Chrome 110)
Czyść panel Wydajność po ponownym załadowaniu strony, wyświetl i podświetl kod w Dyktafonie oraz wykonaj inne czynności.
Chronicle Chromium nr 32: pamiętaj o braku poprawek
Dowiedz się, jak programiści Chromium mogą zmniejszyć ryzyko wykorzystania luk w jego przypadku w ciągu dnia.
Nowe wymagania dotyczące interfejsu Web Share API w elementach iframe innych firm
Aby zwiększyć prywatność i bezpieczeństwo, wywołania interfejsu Web Share API w ramkach iframe innych firm muszą być teraz wyraźnie dozwolone. Z tego artykułu dowiesz się o potencjalnie niekompatybilnej zmianie w interfejsie Web Share API. Ta zmiana
Dostęp do większej liczby kolorów i nowych przestrzeni
CSS Color 4 udostępnia w internecie narzędzia i funkcje o szerokiej gamie kolorów.
Migracja do koloru CSS w HD
CSS Color 4 udostępnia w internecie narzędzia i funkcje o szerokiej gamie kolorów.
Aktualizacja dotycząca dostępu do sieci prywatnej: ogłoszenie przedłużenia okresu próbnego
W ramach specyfikacji dostępu do sieci prywatnej Chrome wycofuje dostęp do punktów końcowych sieci prywatnej z niezabezpieczonych witryn publicznych. Okres próbny wycofywania jest dostępny do wersji Chrome 113.
Przyszłość funkcji obraz w obrazie
Wiadomości o testowaniu origin Chrome, które włącza dowolną treść HTML w oknie zawsze na górze.
Poznaj nowe przestrzenie kolorów CSS
CSS Color 4 udostępnia w internecie narzędzia i funkcje o szerokiej gamie kolorów: więcej kolorów, funkcje manipulacji i lepsze gradienty.
Przewodnik po kolorach CSS w wysokiej rozdzielczości
CSS Color 4 udostępnia w internecie narzędzia i funkcje o szerokiej gamie kolorów.
Wskazówki dla programistów: debugowanie PWA
Debuguj progresywne aplikacje internetowe za pomocą Narzędzi deweloperskich.
Dłuższy czas działania skryptu service worker rozszerzenia
Skrypty service worker rozszerzeń mogą działać, dopóki odbierają zdarzenia. Zwiększa to niezawodność instancji roboczych usług rozszerzeń, ale wiąże się z pewnym pułapką, której należy się wystrzegać.
Co nowego w Narzędziach deweloperskich
Bądź na bieżąco z najnowszymi zmianami w Narzędziach deweloperskich.
Podstawowa strona offline dla aplikacji internetowych w Chrome na Androida
Od wersji Chrome 109 przeglądarka automatycznie wygeneruje stronę domyślną wskazującą, że aplikacja jest obecnie offline, gdy aplikacja internetowa zainstalowana na Androidzie nie ma własnego trybu offline.
Dokumenty poza ekranem w platformie Manifest V3
Przedstawiamy interfejs Offscreen Documents API do tworzenia rozszerzeń do Chrome.
Scrollend, nowe zdarzenie JavaScript
Usuń funkcję limitu czasu i pozbądź się błędów. Oto zdarzenie, którego potrzebujesz: Scrollend.
Kontroluj limity wielkości liter za pomocą pierwszej litery CSS
Pożegnaj się z interesującymi sposobami obejścia problemu z stylizacją zrzutów ekranu.
Odkrywamy możliwości internetu
Jakie zaawansowane funkcje internetowe obsługuje Twoja przeglądarka? Jakie aplikacje internetowe wykorzystują te możliwości? Odpowiedzi na te pytania znajdziesz w witrynie testowej i rozszerzeniu przeglądarki. Projekt Fugu to przedsięwzięcie
Chrome 110 w wersji beta
Początkowe litery CSS, moduł obsługi uruchamiania aplikacji internetowych, obsługa elementów iframe z innych domen w interfejsie FedCM API i inne funkcje.
Sprawdź, czy stronę można przywrócić z pamięci podręcznej stanu strony internetowej
Jak za pomocą Lighthouse sprawdzić, czy stronę można przywrócić z pamięci podręcznej stanu strony internetowej.
Elementy iframe bez danych logowania: łatwe umieszczanie elementów iframe w środowiskach COEP
Elementy iframe bez danych logowania wdrożono w Chrome 110. Umożliwia programistom wczytywanie dokumentów w zewnętrznych elementach iframe przy użyciu nowego, efemerycznego kontekstu. Nie podlegają już regułom umieszczania w ramach COEP. Deweloperzy korzystający z COEP mogą teraz umieszczać elementy iframe innych firm, które nie korzystają z tego narzędzia.
Atrybuty „Ważność pliku cookie” i „Max-Age” mają teraz wyższy limit
Od wersji Chrome M104 (sierpień 2022 r.) pliki cookie nie mogą ustawiać daty ważności, która przypada później niż 400 dni w przyszłości.
Zmień docelowe urządzenie wyjściowe w Web Audio
Dowiedz się, jak programowo zmienić miejsce docelowe wyjścia audio w Web Audio.
SQLite Wasm w przeglądarce korzystającej z prywatnego systemu plików źródła
Używaj SQLite do obsługi wszystkich potrzeb związanych z miejscem na dane w internecie. SQLite to popularny, lekki, wbudowany system zarządzania relacyjną bazą danych oparty na źródle otwartym. Wielu deweloperów używa go do przechowywania danych
Nowości w Narzędziach deweloperskich (Chrome 109)
Skopiuj krok jako skrypt w Dyktafonie, rzeczywiste nazwy funkcji w nagraniach z występu itp.
Nowości w Chrome 109
Wdrażamy Chrome 109. Interfejs Origin Private File System API jest teraz dostępny na Androida. Wprowadziliśmy też zestaw nowych właściwości w CSS, możesz łatwo dodawać zapisy matematyczne w kodzie HTML dzięki obsłudze rdzeni MathML. A to nie tylko.
Szczegółowa analiza renderowania: fragmentacja bloków LayoutNG
Fragmentacja bloków w LayoutNG została zakończona. Z tego artykułu dowiesz się, jak to działa i dlaczego jest tak ważne.
Wskazówki dla programistów: debugowanie interfejsów API Project Fugu
Używaj narzędzi deweloperskich do debugowania interfejsów API Project Fugu.
Zmiana harmonogramu publikowania Chrome 110
Począwszy od Chrome 110, u niewielkiego odsetka użytkowników udostępnimy wczesną wersję stabilną.
Czym są kanały wersji Chrome?
Dowiedz się, jak Chrome używa kanałów wersji Canary, deweloperskich, beta i stabilnych do testowania nowych funkcji i wdrażania aktualizacji.
Pomoc dotycząca wyboru składni zagnieżdżania CSS
Grupa robocza ds. usług porównywania cen prowadzi debatę nad najlepszym sposobem zdefiniowania zagnieżdżania w CSS. Jeśli zajmujesz się pisaniem arkuszy CSS, chętnie Ci pomożemy.
Aktualizacje zasad Chrome Web Store
Chrome aktualizuje zasady programu dla deweloperów w sklepie Chrome Web Store, aby jasno określić podstawowe zasady działania, podać szerszy kontekst w zakresie egzekwowania zasad i ułatwić ich zrozumienie.
Chrome Dev Insider: w tym roku
Najnowsze informacje od zespołu ds. platform internetowych Chrome, w których pokazujemy programistom kulisy pracy i wymienianie się perspektywami, rozmowami i nowościami.
Maksymalizuj trafność reklam
Nowa dokumentacja Piaskownicy prywatności dotycząca trafności reklam bez plików cookie innych firm.
Co deweloperzy muszą wiedzieć o trybach pamięci i oszczędzania energii w Chrome
Dowiedz się, co zrobić, by Twoja strona płynnie obsługiwała nowe tryby pamięci i oszczędzania energii w Chrome.
Wskazówki dotyczące narzędzi deweloperskich: tryb urządzenia
Symulowanie urządzeń wielofunkcyjnych w Trybie urządzenia w Narzędziach deweloperskich.
Chrome 109 w wersji beta
MathML, warunkowe działanie getDisplayMedia(), Origin Private File System na Androidzie i inne funkcje.
Potwierdzenie bezpiecznej płatności w Chrome na Androida
Potwierdzenie bezpiecznej płatności z kluczami dostępu to odporne na phishing potwierdzenia płatności w internecie. Będzie ona dostępna w Chrome na Androida od wersji 109.
Logowanie się w formularzach bez użycia hasła z użyciem autouzupełniania klucza WebAuthn
Interfejs warunkowy WebAuthn korzysta z funkcji autouzupełniania formularzy w przeglądarce, aby umożliwić użytkownikom bezproblemowe logowanie się za pomocą klucza dostępu w tradycyjnym procesie opartym na haśle.
Rozszerzenia do Chrome: interfejs API rozszerzający o obsługę natychmiastowej nawigacji
Interfejs Extensions API został zaktualizowany, aby obsługiwał pamięć podręczną stanu strony internetowej i wstępne ładowanie nawigacji.
Nowości w Chrome 108
Wdrażamy Chrome 108. Wprowadzono nowe międzynarodowe interfejsy API, które dają Ci większą kontrolę przy formatowaniu liczb. Udostępniamy testy origin nowego interfejsu Pop Up API, które ułatwiają prezentowanie użytkownikom treści o znaczeniu krytycznym. Wprowadziliśmy kilka ulepszeń CSS. To jeszcze nie wszystko.
Lepsze udostępnianie ekranu dzięki koncentracji warunkowej
Warunkowo zaznacz kartę lub okno podczas udostępniania ekranu w internecie.
Ulepszenia udostępniania ekranu w Chrome 109
Szczegóły dwóch ulepszeń udostępniania ekranu w internecie: mechanizm kontrolowania zaznaczenia kart podczas udostępniania ekranu oraz mechanizm sterowania lokalnego odtwarzaniem dźwięku.
Wskazówki dotyczące narzędzi dla programistów: identyfikowanie ulepszeń CSS
Użyj panelu Przegląd CSS, aby zidentyfikować potencjalne ulepszenia CSS.
Znajdowanie nieprawidłowej, zastąpionej, nieaktywnej lub innej usługi porównywania cen
Możliwość szybkiego wykrycia problemów z właściwościami CSS.
Wskazówki dotyczące narzędzi dla deweloperów: szybsza nawigacja za pomocą Narzędzi deweloperskich
Dowiedz się, jak przyspieszyć przepływ pracy dzięki szybszej nawigacji w Narzędziach deweloperskich za pomocą skrótów i ustawień.
Panel raportu na temat użytkowania Chrome
Używanie panelu raportu na temat użytkowania Chrome do wizualizacji danych na temat użytkowania Chrome w BigQuery
Nie wszystkie miejsca na dane są sobie równe: wprowadzenie zasobników pamięci masowej
Zasobniki pamięci masowej to interfejs API, który sprawia, że trwałe usuwanie pamięci masowej jest bardziej przewidywalne przy dużym obciążeniu pamięci.
Aktualizacje zasad Chrome Web Store
Chrome aktualizuje zasady programu dla deweloperów w sklepie Chrome Web Store, aby jasno określić podstawowe zasady działania, podać szerszy kontekst w zakresie egzekwowania zasad i ułatwić ich zrozumienie.
Przygotuj się na zmiany w działaniu Chrome dotyczące zmiany rozmiaru widocznego obszaru, które wprowadzimy w Chrome na urządzeniach z Androidem
Jakie zmiany zostaną wprowadzone w związku ze zmianą rozmiaru widocznego obszaru w Chrome 108, dlaczego wprowadzamy tę zmianę w Chrome i jak możesz się do tego przygotować.
Plik manifestu – input_components
Dokumentacja na temat właściwości input_components pliku manifest.json.
Chrome 108 w wersji beta
Nowe jednostki widocznego obszaru CSS, interfejs Federated Credential Management API, czcionki zmiennych COLRv1 i inne.
Aktualizacja zachowania zdarzenia CanMakePayment w interfejsie Payment Handler API
Zdarzenie service worker „canmakepayment” w interfejsie Payment Handler API informuje sprzedawcę, czy użytkownik ma kartę zapisaną w zainstalowanej aplikacji płatniczej. Chrome usuwa właściwości dołączone do zdarzenia.
Wskazówki dotyczące narzędzi dla deweloperów: różne sposoby otwierania Narzędzi deweloperskich
Poznaj wszystkie sposoby otwierania Narzędzi deweloperskich w Chrome.
Nowości w Narzędziach deweloperskich (Chrome 108)
Wskazówki dotyczące nieaktywnych właściwości CSS, nowe selektory XPath i selektory tekstu w Dyktamencie i inne.
Nowości w Chrome 107
Udostępniamy Chrome 107. W interfejsie Screen Capture API są nowe właściwości, które usprawniają udostępnianie ekranu.Możesz teraz dokładnie sprawdzić, czy zasób na Twojej stronie blokuje renderowanie czy nie.Istnieje nowy sposób wysyłania danych do serwera backendu za pomocą deklaratywnego interfejsu PendingBeacon API w ramach testowania origin. To jeszcze nie wszystko.
Niezbędna zmiana: metody synchronizacji dla elementów AccessHandles
Aby ułatwić pracę z obiektami AccessHandles w kontekstach takich jak Emscripten, zmieniamy metody interfejsu FileSystemSyncAccessHandle w sposób synchroniczny.
Wskazówki dotyczące narzędzi dla deweloperów: znajdowanie i rozwiązywanie problemów z tekstem o niskim kontraście
Dowiedz się, jak za pomocą Narzędzi deweloperskich w Chrome wykrywać i naprawiać tekst o niskim kontraście.
Zwiększ czytelność witryny
Znajdź i rozwiąż tekst o niskim kontraście za pomocą Narzędzi deweloperskich.
Zmieniono nazwy tokenów prywatności
Nazwa interfejsu Trust Token API zostanie zmieniona na Private State Token API, aby trafniej opisywać korzyści związane z prywatnością i użytecznością.
Zaawansowany fundusz aplikacji internetowych – aktualizacja z października 2022 r.
W ramach programu Advanced Web Apps Fund przekazaliśmy 11 projektów, przy czym w ramach Open Collective rozdysponowaliśmy ponad 100 000 USD. Ma to na celu docenienie tych działań i umożliwienie większej liczbie osób spędzenia czasu nad nimi.
Dostosuj i automatyzuj przepływy użytkowników poza Chrome DevTools Recorder
Dowiedz się, jak dostosować i zautomatyzować działania użytkowników poza Chrome DevTools Recorder.
Polyfill zapytania w kontenerze
Dowiedz się, jak polyfill zapytań kontenera zwiększa obsługę zapytań dotyczących kontenerów w starszych przeglądarkach.
Pomoc dotycząca wyboru składni wyników ankiety dotyczącej zagnieżdżania CSS
Zobacz wyniki z 7590 opinii programistów.
Nowy sposób na rozpoczęcie pracy nad rozszerzeniami do Chrome
Lepszy sposób na rozpoczęcie nauki programistów Chrome.
Zmiana sposobu wyświetlania zastępowanych elementów w kodzie CSS
Zaawansowane ostrzeżenie o zmianie w działaniu CSS, która może spowodować niepożądane przepełnienie.
Chrome Dev Insider: skalowanie wydajności za pomocą ekosystemu platform
Najnowsze informacje od zespołu ds. platform internetowych Chrome, w których pokazujemy programistom kulisy pracy i wymienianie się perspektywami, rozmowami i nowościami.
Uruchamianie skryptów na każdej stronie
Dowiedz się, jak automatycznie dodawać nowe elementy do istniejących stron internetowych.
Czy Projekt Fugu jest „gotowy”?
W tym artykule skupiliśmy się na tym, żeby zespół Project Fugu musiał skupić się na udoskonalaniu i ulepszaniu nowych funkcji.
Unikaj nadmiernego udostępniania podczas udostępniania ekranu
Platforma internetowa udostępnia teraz dodatkowe opcje udostępniania ekranu chroniące prywatność.
Ustawienia udostępniania ekranu chroniące prywatność
Pomaganie użytkownikom w unikaniu nadmiernego udostępniania treści dzięki opcjom udostępniania ekranu w internecie chroniącym prywatność.
Interfejs Payment Handler API będzie wymagać CSP connect-src
Jeśli korzystasz z CSP, użytkownicy interfejsu Payment Handler API będą musieli dodać punkt końcowy płatności do dyrektywy `connect-src`.
Chrome 107 w wersji beta
Dodatki do interfejsu Screen Capture API, interpolacja właściwości CSS „siatka-szablon” i wiele innych.
Wskazówki dotyczące narzędzi dla deweloperów: edytowanie, debugowanie i eksportowanie nagrań przepływu użytkowników
Panel rejestratora i jego rozszerzenia umożliwiają edytowanie, debugowanie i eksportowanie nagrań przepływu użytkowników.
Więcej informacji o przejściu na platformę Manifest V3
Nowe informacje na temat planu przeniesienia rozszerzeń do platformy Manifest V3
Nowości w Chrome 106
Wdrażamy Chrome 106. Wprowadzono nowe międzynarodowe interfejsy API, które dają Ci większą kontrolę przy formatowaniu liczb. Udostępniamy testy origin nowego interfejsu Pop Up API, które ułatwiają prezentowanie użytkownikom treści o znaczeniu krytycznym. Wprowadziliśmy kilka ulepszeń CSS. To jeszcze nie wszystko.
Jak Chrome przygotowuje aktualizacje dla miliardów użytkowników
"Rozmowa z menedżerami programu technicznymi z zespołu ds. wersji Chrome na temat tego, jak dba o płynność każdej wersji.
Nowości w Narzędziach deweloperskich (Chrome 107)
Możesz dostosować skróty klawiszowe, podświetlać obiekty C/C++ w inspektorze pamięci.
Nowości w Narzędziach deweloperskich (Chrome 106)
Lepsza obsługa nowoczesnego debugowania stron internetowych, zestawienie czasów LCP w statystykach wydajności i inne funkcje.
Zapytania dotyczące kontenerów zaczynają trafiać do stabilnych przeglądarek, a polyfill uzyskuje dużą aktualizację
"Zapytania o kontenery umożliwiają komponentom posiadanie informacji o elastycznych stylach na podstawie miejsca, w którym się mieszczą. Tę funkcję zaczynamy wprowadzać w nowoczesnych przeglądarkach, a obsługa polyfill znacznie się zmieniła.
Wyskakujące okienka: powraca do popularności!
Dzięki wprowadzaniu na platformę nowych, wbudowanych interfejsów API znacznie ułatwiło to problematyczny wzorzec.
Rozszerzanie narzędzia Memory Investor na potrzeby debugowania C/C++
Dowiedz się, jak poprawiliśmy debugowanie aplikacji w C/C++ WebAssembly dzięki Inspektorowi pamięci
Wskazówki dla programistów: jak sprawdzać i debugować narzędzie CSS flexbox
Dowiedz się, jak za pomocą Narzędzi deweloperskich w Chrome sprawdzać, modyfikować i debugować układy CSS Flexbox.
Wycofywanie i usuwanie w Chrome 106
Przegląd wycofywanych i usuniętych elementów w Chrome 106, które pomogą Ci zaplanować działania.
Testowanie anonimowego źródła elementów iframe: łatwe umieszczanie elementów iframe w środowiskach COEP
Deweloperzy korzystający z COEP mogą teraz umieszczać elementy iframe innych firm, które nie korzystają z tego narzędzia. Wersja próbna anonimowego źródła iframe jest dostępna do testowania w Chrome od wersji 106 do 108.
Wycofanie i usunięcie Web SQL
Interfejs Web SQL został po raz pierwszy zaproponowany w kwietniu 2009 roku, a od listopada 2010 r. został wycofany. Została usunięta z Chrome w kilku krokach, początkowo w niezabezpieczonych kontekstach, a od wersji Chrome 119 została całkowicie usunięta.
Studium przypadku: Better Angular Debugging with DevTools
Zespoły Angular i Narzędzia deweloperskie w Chrome współpracowały z zespołem Angular, aby poprawić jakość debugowania. Inne platformy mogą wprowadzać podobne zmiany.
Nowoczesne debugowanie stron internetowych w Narzędziach deweloperskich w Chrome
Zapoznaj się z ostatnimi zmianami w Narzędziach deweloperskich w Chrome, które ulepszają debugowanie i profilowanie podczas pracy z pakietami, platformami i kodem innych firm.
Nowości w Chrome 105
Wdrażamy Chrome 105. Zapytania w kontenerze i znaki :has() to dopasowanie w elastyczny sposób. Nowy interfejs Sanitizer API zapewnia solidny procesor dla dowolnych ciągów, co pomaga ograniczyć luki w zabezpieczeniach związane ze skryptami z innych witryn. Robimy kolejny krok w kierunku wycofania WebSQL. To jeszcze nie wszystko.
Kompresja i dekompresja w przeglądarce z użyciem interfejsu API Kompresji Streams
pisać mniejsze aplikacje internetowe, które nie muszą wysyłać własnej biblioteki kompresji i dekompresji; Interfejs Compression Streams API służy do kompresowania i rozpakowywania strumieni danych za pomocą formatów gzip lub deflate (lub
Optymalizacja obrazów zgodnie z dyrektywą Angular Image
Przedstawiamy nową dyrektywę Angular dotyczącą obrazu (NgOptimizedImage), która wprowadza wbudowane techniki optymalizacji wydajności do obrazów w aplikacjach Angular.
Wskazówki dotyczące narzędzi dla deweloperów: jak przyspieszyć przepływ pracy dzięki skrótom w konsoli
Za pomocą skrótów dostępnych w interfejsie Console Utilities API możesz szybko odwoływać się do najnowszych elementów i obiektów zapytań, a także monitorować zdarzenia i wywołania funkcji oraz wykonywać inne czynności.
Poznaj górną warstwę: rozwiązanie problemu z-index:10 000
W związku z tym, że na platformie pojawiają się nowe wbudowane komponenty i interfejsy API, z czego możemy korzystać?
Wskazówki dla programistów: jak sprawdzać siatkę CSS
Dowiedz się, jak za pomocą Narzędzi deweloperskich w Chrome wyświetlać i zmieniać układy siatki CSS.
Usunięcie metody push serwera HTTP/2 z Chrome
Funkcja push z serwera HTTP/2 będzie domyślnie wyłączona w Chrome 106.
Czy przeglądarki mogą optymalizować ładowanie zasobów zewnętrznych?
Wprowadzanie zmian w celu lepszego wczytywania zasobów zewnętrznych w internecie
Nowości w Narzędziach deweloperskich (Chrome 105)
Obsługuje szczegółowe zdarzenia ponownego odtwarzania i najeżdżania kursorem myszy w Dyktafonie, LCP w panelu Statystyki wydajności i innych.
Wskazówki dotyczące narzędzi dla deweloperów: jak sprawdzać i modyfikować animacje CSS
Na karcie Animacje możesz sprawdzać i modyfikować animacje, przejścia i inne elementy CSS.
Wskazówki dotyczące narzędzi dla deweloperów: uzyskaj przydatne statystyki dotyczące wydajności witryny
Uzyskaj przydatne statystyki dotyczące skuteczności Twojej witryny dzięki nowemu panelowi statystyk wydajności
Wycofanie i usuwanie w Chrome 105
Przegląd wycofywanych i usuniętych elementów w Chrome 105, które pomogą Ci zaplanować działania.
@container i :has(): strona docelowa dwóch nowych, elastycznych interfejsów API w Chromium 105
"Zapytania o kontenery i :has() to dopasowanie w niesamowicie responsywnej rzeczywistości. Na szczęście w Chromium 105 obie te funkcje są dostępne razem. To ogromna wersja z dwiema poszukiwanymi funkcjami elastycznych interfejsów”.
:has(): selektor rodziny
Z kodem :has() w Chromium 105. Przyjrzyjmy się niezwykłym możliwościom, jakie daje nasza usługa porównywania cen.
Zmiany w nawigacji Event w Chrome 105
Interfejs API nawigacji otrzymuje 2 nowe metody w narzędziu GuidesEvent: intercept() zastępuje przejście do nowej funkcji, a Scroll() – funkcję przywracaniadę (w języku angielskim).
Nowości w Chrome 104
Udostępniamy Chrome 104. Przechwytywanie regionu określa obszar przycinania, gdy używana jest metoda getDisplayMedia() do przechwytywania bieżącej karty. Składnię zapytań o media można zapisywać za pomocą matematycznych operatorów porównania. Przenoszenie elementów udostępnionych rozpoczyna testowanie origin. To jeszcze nie wszystko.
Niestandardowe formaty internetowe dla interfejsu Async Clipboard API
Formaty niestandardowe w internecie umożliwiają stronom internetowym odczytywanie i zapisywanie dowolnych niesprawdzonych ładunków za pomocą standardowych formatów, które mogą obsługiwać takie ładunki.
Wskazówki dotyczące narzędzi dla deweloperów: jak rejestrować komunikaty w konsoli
Przy użyciu konsoli możesz rejestrować zmienne, obiekty i wiadomości, a także filtrować i grupować wiadomości oraz wykonywać wiele innych czynności.
Ulepszony Analytics w panelu dewelopera Chrome Web Store
Google wprowadza ulepszoną analizę produktów w panelu dewelopera Chrome Web Store. Nowy panel jest łatwiejszy do zrozumienia od samego początku i zawiera najbardziej przydatne informacje.
Pomoc dotycząca wyboru składni do zagnieżdżania CSS
Dwie konkurujące składni wymagają Twojej pomocy w ustaleniu, która z nich powinna zostać poprawiona.
Obsługa górnej warstwy w Narzędziach deweloperskich w Chrome
Poznaj górną warstwę i dowiedz się, jak ją obsługuje Narzędzia deweloperskie w Chrome.
Najnowsze informacje na temat finansowania platformy Chrome Web Framework na 2022 rok
Mamy nowe informacje na temat odbiorców finansowania Chrome Web Framework
Wskazówki dotyczące narzędzi dla deweloperów: jak emulować funkcje mediów preferencji użytkownika CSS za pomocą Narzędzi deweloperskich
Karta Renderowanie służy do emulacji ustawień użytkownika i testowania adaptacyjnego zachowania witryny.
Nowości w Narzędziach deweloperskich (Chrome 104)
Ponowne uruchamianie klatki podczas debugowania, opcje powolnego ponownego odtwarzania w panelu Dyktafon i inne funkcje.
Chrome Dev Insider: wersja CSS i UI
Najnowsze informacje od zespołu ds. platform internetowych Chrome, w których pokazujemy programistom kulisy pracy i wymienianie się perspektywami, rozmowami i nowościami.
Wprowadzenie Signed Exchange dla witryn na komputery
Wprowadzamy obsługę Signed Exchange w przeglądarkach Chromium na komputerach oraz wprowadzamy inne niedawno wprowadzone funkcje.
Wskazówki dla programistów: jak sprawdzać zapytania kontenera CSS
Sprawdzaj i debuguj zapytania dotyczące kontenera CSS za pomocą Narzędzi deweloperskich.
Badanie i debugowanie zapytań kontenera CSS
Dowiedz się, jak za pomocą Narzędzi deweloperskich w Chrome sprawdzać, modyfikować i debugować zapytania o kontenery CSS.
Wycofanie i usuwanie w Chrome 104
Przegląd funkcji wycofywanych i usuniętych w Chrome 104, które ułatwią Ci planowanie.
Nowości w Chrome 103
Udostępniamy Chrome 103. Dostępny jest nowy kod stanu HTTP, który pomaga przeglądarce zdecydować, jakie treści wstępnie wczytać, jeszcze zanim strona pojawi się na stronie. Interfejs Local Font Access API umożliwia aplikacjom internetowym wybieranie i używanie czcionek zainstalowanych na komputerze użytkownika. Istnieje łatwiejszy sposób na implementację limitów czasu w asynchronicznych interfejsach API. To jeszcze nie wszystko.
Nowości w Narzędziach deweloperskich (Chrome 103)
Możesz między innymi rejestrować zdarzenia dwukrotnego kliknięcia lub kliknięcia prawym przyciskiem myszy oraz nowe opcje pomiaru przepływu użytkowników w Lighthouse.
Nowości w Chrome 102
Udostępniamy Chrome 102. Zainstalowane aplikacje PWA mogą być rejestrowane jako moduły obsługi plików, co ułatwia użytkownikom otwieranie plików bezpośrednio z dysku. Atrybut inert pozwala oznaczyć fragmenty DOM jako bezwładne. Interfejs API nawigacji ułatwia aplikacjom jednostronicowym obsługę nawigacji i aktualizacji adresu URL. To jeszcze nie wszystko.
Informacje o ułatwieniach dostępu
Pełne informacje o ułatwieniach dostępu w Narzędziach deweloperskich w Chrome.
Jak i dlaczego opracowaliśmy statystyki skuteczności
Jak i dlaczego stworzyliśmy panel ze statystykami skuteczności.
Potwierdzenie uwierzytelnienia za pomocą bezpiecznej płatności
Zaimplementuj protokoły uwierzytelniania SPC, aby weryfikować transakcje klientów.
Przewodnik po migracji do WebAssembly
Ze względu na dużą popularność obsługi WebAssembly w różnych przeglądarkach planujemy skupić na potrzeby tworzenia natywnego kodu w WebAssembly i planujemy wyłączyć obsługę PNaCl w IV kwartale 2019 r. (z wyjątkiem aplikacji Chrome). Naszym
Zarejestruj potwierdzenie bezpiecznej płatności
Zaimplementuj protokoły rejestracji i proces rejestracji SPC, aby klienci mogli zdecydowanie uwierzytelniać się przed wystawcami kart lub bankami bezpośrednio od sprzedawcy.
Potwierdzenie bezpiecznej płatności
Ogólne omówienie proponowanego standardu internetowego pozwalającego na bezpieczne uwierzytelnianie u dostawców usług płatniczych.
Wycofanie i usuwanie w Chrome 103
Przegląd funkcji wycofywanych i usuniętych w Chrome 103, które ułatwią Ci planowanie.
Obsługa narzędzia Od interakcji do kolejnego wyrenderowania (INP)
Obsługa narzędzi Interakcja do kolejnego wyrenderowania w narzędziach poprawiających wydajność.
Szybsze aplikacje wielostronicowe dzięki strumieniom
Dowiedz się, jak za pomocą strumieni skrzynki roboczej tworzyć wielostronicowe aplikacje wykorzystujące częściowe znaczniki z pamięci podręcznej skryptu service worker oraz częściową zawartość sieci w celu zapewnienia szybkich rozwiązań, które będą renderowane niemal natychmiast.
Przyspieszanie LCP dzięki wstępnemu pobieraniu z innych witryn
Wprowadzenie do łatwo dostępnych technologii.
Prywatny serwer proxy pobierania z wyprzedzeniem w Chrome dla administratorów sieci
Omówienie sposobu filtrowania treści w elementach nawigacyjnych pobranych z wyprzedzeniem.
Prywatny serwer proxy pobierania z wyprzedzeniem w Chrome
Przyspieszanie największego wyrenderowania treści (LCP) dzięki wstępnemu pobieraniu z innych witryn.
Szybsze debugowanie WebAssembly
Jak przyspieszamy debugowanie WebAssembly w przypadku dużych aplikacji.
Nowości w Narzędziach deweloperskich (Chrome 102)
Nowy panel statystyk wydajności, skróty do emulacji jasnych i ciemnych motywów i inne funkcje.
Fundusz aplikacji internetowych (Advanced Web Apps Fund)
Przedstawiamy Advanced Web Apps Fund, który wspiera twórców internetu.
Lepsze udostępnianie kart dzięki uchwytowi Capture
Platforma internetowa jest teraz wyposażona w uchwyt przechwytywania, czyli mechanizm, który umożliwia ergonomiczną i pewną identyfikację przechwyconej aplikacji internetowej, jeśli przechwycona aplikacja wyraziła na to zgodę.
Przetestuj pamięć podręczną stanu strony internetowej
Upewnij się, że strony są zoptymalizowane pod kątem buforowania stanu strony internetowej.
Nowości w Chrome 101
Wdrażamy Chrome 101 z nową metodą określania koloru za pomocą notacji hwb, która umożliwia zasygnalizowanie przeglądarce idealnej kolejności pobierania zasobów. To jeszcze nie wszystko.
Dostępność zwiniętej treści przy użyciu ustawienia ukrytego=do momentu znalezienia
W jaki sposób nowa wartość atrybutu może zapewnić, że treści w sekcjach akordeonów będzie można znaleźć i do których będą prowadzić linki.
Optymalizacja LCP za pomocą Signed Exchange
Signed Exchange to sposób dla programistów stron internetowych na znaczne przyspieszenie wczytywania stron pochodzących z witryn odsyłających SXG, np. z wyszukiwarki Google. Wystarczy, że zaznaczysz pole wyboru, ale możesz podjąć dodatkowe kroki, aby w pełni wykorzystać tę możliwość.
Kontrolowanie funkcji przeglądarki za pomocą zasad uprawnień
Zarządzaj dostępem Twojej strony i umieszczonych zewnętrznych elementów iframe do funkcji przeglądarki.
Szczegółowa analiza renderowania: BlinkNG
Dowiedz się więcej o BlinkNG i innych podprojektach, które rozwiązały powtarzające się problemy w organizacji i strukturze kodu Blink.
Przedstawiamy Chrome Dev Insider
Nowa seria stworzona przez zespół Chrome Web Platform, w której zabieramy programistów zza kulis, by dzielić się swoimi przemyśleniami, rozmowami i aktualnościami.
Omówienie karty Renderowanie
Poznaj kolekcję opcji wpływających na renderowanie treści internetowych.
Emuluj funkcje multimedialne CSS
Emuluj prefers-color-scheme, typ multimediów, wymuszone kolory, preferuje-kontrast, preferuje zmniejszony ruch, gama kolorów.
Wykrywanie problemów z wydajnością renderowania
Ponowne malowanie miejsc, przesunięcia układu, warstwy i kafelki, problemy z przewijaniem, wyświetlanie statystyk renderowania i podstawowych wskaźników internetowych.
Bezpiecznie umieszczaj treści na swojej stronie
Poznaj wiele elementów HTML używanych do umieszczania treści i dowiedz się, jak zoptymalizować zabezpieczenia.
Nowości w Narzędziach deweloperskich (Chrome 101)
Importuj i eksportuj przepływ użytkowników w formacie JSON, obsługuje kolory hwb(), wyświetlaj warstwy kaskadowe w panelu Style i nie tylko.
Wycofanie i usuwanie w Chrome 101
Przegląd informacji o wycofanych i usuniętych funkcjach Chrome 101, które ułatwią Ci planowanie.
Wycofanie i usuwanie w Chrome 102
Przegląd funkcji wycofywanych i usuniętych w Chrome 102, które ułatwią Ci planowanie.
Nowości w Chrome 100
Obecnie wprowadzamy Chrome 100 z 3-cyfrowym numerem wersji. Wybierz się na spacer ścieżką wspomnień i świętuj #100CoolWebMoments od premiery pierwszej wersji Chrome. Wprowadzono kilka ważnych zmian w ciągu klienta użytkownika. Interfejs Multi-Screen Window Placement API pozwala wyliczać ekrany podłączone do komputera użytkownika i rozmieszczać okna na określonych ekranach. To jeszcze nie wszystko.
Świętuj Chrome 100 z #100CoolWebMoments
Świętujemy wprowadzenie Chrome w wersji 100, prezentując tę wiedzę.
Statystyki wydajności: przydatne statystyki dotyczące skuteczności witryny.
Uzyskaj przydatne statystyki na temat skuteczności swojej witryny w panelu Statystyki skuteczności.
Nowości w Narzędziach deweloperskich (Chrome 100)
Wyświetlaj i edytuj @supports na regułach, zmieniaj nazwę i dostosowuj selektor nagrania oraz korzystaj z innych funkcji.
Elementy wycofane i usuwane w Chrome 100
Przegląd wycofywanych i usuniętych elementów w Chrome 100, które pomogą Ci w planowaniu.
Nowości w Chrome 99
Wdrażamy Chrome 99. Kaskadowe warstwy CSS zapewniają większą kontrolę nad CSS i pomaga uniknąć konfliktów związanych ze stylem. Metoda showPicker() pozwala automatycznie wyświetlać selektor przeglądarki dla elementów wejściowych, takich jak data, kolor i lista danych. Za kilka tygodni unikniesz wersji 100 Chrome i Firefoksa. To jeszcze nie wszystko.
Optymalizowanie ładowania skryptów zewnętrznych w Next.js
W tym artykule omawiamy komponent skryptu Next.js i pokazujemy, jak za jego pomocą można lepiej sekwencjonować skrypty innych firm.
Nowości w Narzędziach deweloperskich (Chrome 99)
Ograniczanie żądań WebSocket, nowy panel interfejsu Reporting API, styl konsoli i inne funkcje.
Sprawdzanie i debugowanie układów CSS Flexbox
Dowiedz się, jak za pomocą Narzędzi deweloperskich w Chrome sprawdzać, modyfikować i debugować układy CSS Flexbox.
Wycofywanie i usuwanie w Chrome 99
Przegląd wycofywanych i usuniętych elementów w Chrome 99, które pomogą Ci zaplanować działania.
Korzystanie z wtyczek
Workbox oferuje wiele gotowych rozwiązań, ale czasami trzeba rozszerzyć go, aby spełnić wymagania aplikacji. Z pomocą przydaje się architektura wtyczek Workbox.
Nowości w Chrome 98
Wdrażamy Chrome 98. Jeśli korzystasz z wersji próbnej automatycznego ciemnego motywu, możesz skorzystać z nowego sposobu rezygnacji na poziomie elementu. Dodaliśmy obsługę COLRv1, czyli ewolucji formatu czcionek COLRv0. To jeszcze nie wszystko.
Warstwy kaskadowe wkrótce będą dostępne w Twojej przeglądarce
"Warstwy Cascade to nowy interfejs API CSS, który ułatwia zarządzanie kaskadową hierarchią kodów. Wkrótce ta wersja będzie dostępna we wszystkich nowoczesnych przeglądarkach.
Element prośby o uprawnienia
Chrome 98 dodaje na pasku lokalizacji specjalne miejsce na uprawnienia, aby prompty były mniej wymagające i nie zmuszały do podejmowania decyzji.
Chronicle Chromium nr 28: pierwsze kroki z Chrome na iOS
Dowiedz się, jak pracować z kodem aplikacji Chrome na iOS.
Wyświetlaj selektor daty, godziny, koloru i plików w przeglądarce
Platforma internetowa udostępnia teraz kanoniczny sposób wyświetlania selektora przeglądarki.
Nowości w Narzędziach deweloperskich (Chrome 98)
Całostronicowe drzewo ułatwień dostępu, dokładniejsze zmiany na karcie Zmiany i inne funkcje.
Chrome wyłączy modyfikację document.domain, aby złagodzić zasadę dotyczącą tej samej domeny
Jeśli Twoja witryna używa ustawienia „document.domain”, musisz wykonać odpowiednie czynności.
Wycofywanie i usuwanie w Chrome 98
Przegląd wycofywanych i usuniętych elementów w Chrome 98, które pomogą Ci zaplanować działania.
Dostęp do sieci prywatnej: wprowadzenie procesów wstępnych
W ramach specyfikacji dostępu do sieci prywatnej Chrome wycofuje dostęp do punktów końcowych sieci prywatnej z niezabezpieczonych witryn publicznych. Czytaj dalej, aby poznać zalecane działania.
czcionki wektorowe z gradientem kolorów COLRv1 w Chrome 98
W Chrome 98 zespoły Chrome i Fonts dodały obsługę COLRv1 – ewolucji formatu czcionek COLRv0, który ma na celu powszechne udostępnienie czcionek kolorowych przez dodanie gradientów, komponowania i mieszania, a także poprawienie wewnętrznego wykorzystania kształtów w celu zapewnienia wyraźnych i kompaktowych plików czcionek.
Nowości w Chrome 97
Wdrażamy Chrome 97. Dostępna jest nowa opcja wysyłania wiadomości w czasie rzeczywistym między klientem a serwerem przy użyciu Transportu internetowego. Dzięki wykrywaniu funkcji możesz sprawdzić, jakie rodzaje skryptów obsługuje przeglądarka. Obsługa języka JavaScript jest coraz lepsza, a jest ich jeszcze więcej.
Uruchom interfejs Handler API
Moduł obsługi uruchamiania pozwala kontrolować sposób uruchamiania aplikacji, na przykład czy używa ona istniejącego czy nowego okna i czy wybrane okno ma przechodzić do adresu URL uruchamiania.
Pełne drzewo ułatwień dostępu w Narzędziach deweloperskich w Chrome
Zapoznaj się z nowym drzewem ułatwień dostępu na całej stronie w Narzędziach deweloperskich, a także o zaprojektowaniu i implementacji tego drzewa.
Natychmiastowa obsługa aktualizacji skryptu service worker
Czasami po zaktualizowaniu skryptu service worker warto poinformować o tym użytkowników. Tutaj dowiesz się, jak to zrobić.
Zarządzanie odpowiedziami zastępczymi
Czasami użytkownicy napotykają awarie sieci lub przestają korzystać z sieci. Dowiedz się, jak dostosować się do takich sytuacji i podać odpowiedź zastępczą.
Dostęp do pamięci podręcznej z poziomu okna
Dostęp do instancji pamięci podręcznej nie jest ograniczony tylko do zakresu skryptu service worker. Możesz je też otworzyć w kontekście okna. Z tego artykułu dowiesz się, jak to zrobić.
Korzystanie z okna skrzynki roboczej
Czasami użytkownicy przełączają się w tryb offline. Dowiedz się, jak się dostosować i pomóc im w rezygnacji z prośby, gdy znowu zaczną korzystać z internetu.
Wymuszanie limitu czasu sieci
Dowiedz się, jak wymusić przekroczenie limitu czasu w przypadku wolnego połączenia sieciowego i jak zadbać o właściwy czas.
Buforowanie zasobów podczas działania
Dowiedz się, jak obsługiwać zasoby buforowania w czasie działania, w tym zasoby z innych domen.
Ponawiam prośby, gdy znów będziesz online
Czasami użytkownicy przełączają się w tryb offline. Dowiedz się, jak się dostosować i pomóc im w rezygnacji z prośby, gdy znowu zaczną korzystać z internetu.
Pliki audio i wideo przechowywane w pamięci podręcznej
Obsługa żądań zasobów audio i wideo w skryptach service worker jest trudna. Dowiedz się, jak używać żądania zakresu modułów roboczych, aby radzić sobie z takimi żądaniami w przewidywalny sposób.
Nowości w Narzędziach deweloperskich (Chrome 97)
Nowy panel Dyktafonu, odświeżanie listy urządzeń w trybie urządzenia i inne funkcje.
Pomagamy deweloperom w tworzeniu zaawansowanych aplikacji internetowych, które można zainstalować
Wpływ funkcji PWA dodanych do Chrome.
Wycofywanie i usuwanie w Chrome 97
Przegląd wycofywanych i usuniętych funkcji w Chrome 97, które pomogą Ci zaplanować działania.
Nowości w Chrome 96
Wdrażamy Chrome 96. W manifeście aplikacji internetowej znajdują się 2 nowe usługi. Właściwość „id” pozwala określić unikalny identyfikator Twojej aplikacji PWA, a z właściwości Protocol_handlers umożliwia jej automatyczne rejestrowanie podczas instalacji jako modułu obsługi protokołu. Dostępna jest nowa wersja próbna źródła, która umożliwia określenie priorytetu pobierania zasobów. To jeszcze nie wszystko.
Nowości w Lighthouse 9.0
W Lighthouse 9.0 dostępny jest odświeżony raport i wgląd w obsługę schematów użytkowników.
Rozwiązywanie problemów i rejestrowanie
Omówienie funkcji logowania w Workbox i wbudowanych w przeglądarkę narzędzi do debugowania skryptów service worker.
Mechanizmy Service Worker i model powłoki aplikacji
Jak sparować model powłoki aplikacji z skryptem service worker w Twojej aplikacji na platformie SPA.
Określanie buforowania za pomocą skrzynki roboczej
Dowiedz się, jak buforować zasoby w instancji roboczej Service Workbox.
Zalecane działania i zalecenia dotyczące precyzowania
Naucz się, co należy robić, a czego nie należy robić.
Używanie skrzynki roboczej bez wstępnego buforowania
Jak utworzyć skrypt service worker w usłudze Workbox bez tworzenia skrzynki roboczej.
Wstępne wczytywanie nawigacji w kodzie HTML opartym na sieci
Co to jest wstępne wczytywanie nawigacji, jak może przyśpieszyć nawigację i jak używać tego narzędzia w Workbox.
Nagrywaj, odtwarzaj ponownie i mierz przepływy użytkowników
Nagrywaj, odtwarzaj ponownie, mierz przepływy użytkowników i edytuj ich kroki za pomocą panelu Dyktafon.
Implementowanie debugowania CSP i Zaufanych typów w Narzędziach deweloperskich w Chrome
Jak implementujemy debugowanie problemów związanych z zasadami bezpieczeństwa treści i zaufanymi typami w Narzędziach deweloperskich w Chrome.
Wymuś użycie wersji głównej Chrome na 100 w ciągu znaków User-Agent
Numer wersji Chrome wkrótce zmieni się z 2 do 3 cyfr, co może mieć wpływ na kod analizujący ciąg znaków User-Agent (UA). Flaga funkcji dostępna w Chrome od 96 do 99 umożliwia wczesne testowanie, wymuszając w ciągu UA numer wersji głównej 100.
Wybieranie kolorów dowolnego piksela na ekranie za pomocą interfejsu EyeDropper API
Programiści aplikacji kreatywnych mogą za pomocą interfejsu EyeDropper API zaimplementować selektor umożliwiający użytkownikom wybieranie kolorów z pikseli na ekranie, również tych spoza przeglądarki.
Nowości w Narzędziach deweloperskich (Chrome 96)
Nowy panel Przegląd CSS, emulacja mediów CSS „Preferowane kontrast” i automatyczny tryb ciemny w Chrome i inne funkcje.
Tworzenie efektywnego komponentu obrazu
Obrazy są częstym źródłem wąskich gardeł wydajności w przypadku aplikacji internetowych i głównym obszarem zainteresowania optymalizacji. Ten dokument wyjaśnia, w jaki sposób zespół Google Aurora zaprojektował w Next.js zaawansowany komponent obrazu, który został wbudowany i zoptymalizowany za pomocą interfejsu przyjaznego dla programistów. W tym poście omawiamy, jak zaprojektowano ten komponent i czego się nauczyliśmy.
Wycofywanie i usuwanie w Chrome 96
Przegląd wycofywanych i usuniętych funkcji w Chrome 96, które pomogą Ci zaplanować działania.
Przegląd CSS: rozpoznawanie potencjalnych ulepszeń CSS
Informacje o potencjalnych ulepszeniach CSS możesz znaleźć w panelu Przegląd CSS.
Różne strategie skryptu service worker dla różnych architektur
Omówienie 2 różnych architektur witryny.
Ulepszanie programowania mechanizmów Service Worker
Rozwiązywanie niektórych problemów związanych z programowaniem lokalnym, które mogą wystąpić podczas korzystania z mechanizmów Service Worker.
Oczekiwania dotyczące wdrażania skryptu service worker
Omówienie wpływu skryptu service worker na witrynę po wdrożeniu.
Usuwanie debugowanych instancji roboczych usługi
Jak naprawić skrypt service worker, który powoduje problemy.
Nowości w Chrome 95
Wdrażamy Chrome 95! Routing jest łatwiejszy dzięki wtyczce URLPattern w przeglądarce, interfejs Eye Dropper API udostępnia wbudowane narzędzie do wybierania kolorów, udostępniliśmy nowy test źródła, który teraz otrzymuje ograniczony ciąg UA, i wiele więcej.
Przejdź na interfejs API do raportowania w wersji 1
Dostępna jest nowa wersja interfejsu API do raportowania. Nowy interfejs API jest udoskonalony i prawdopodobnie będzie obsługiwany w różnych przeglądarkach.
Monitorowanie aplikacji internetowej za pomocą interfejsu API do raportowania
Interfejs API do raportowania umożliwia monitorowanie naruszeń zabezpieczeń, wycofanych wywołań interfejsu API i nie tylko.
Szczegółowa analiza renderowania: układNG
Jak duża zmiana architektury LayoutNG ogranicza i łagodzi różne rodzaje błędów i problemy z wydajnością.
Chronicle Chromium nr 25: adnotacje dotyczące bezpieczeństwa wątków
Dowiedz się, jak platforma analizy statycznej Clang'spełnia kontrolę nad bezpieczeństwem wątków.
Raport o cechach użytkowników urządzeń z Chrome
Deweloperzy stale zastanawiają się, dla jakiej grupy odbiorców chcą tworzyć treści. Ile ma pamięci RAM? Z jakiego rodzaju Wi-Fi się korzystają? Nowy raport zawiera odpowiedzi dotyczące różnych krajów i platform.
Aktualizacja zasad Chrome Web Store na III kwartał 2021 roku
Zaktualizowaliśmy nasze wymagania dotyczące bezpieczeństwa i doprecyzowaliśmy kilka zasad, aby zapewnić wysoką jakość rozszerzeń i spójność wrażeń deweloperów.
Strategie dotyczące buforowania skryptu service worker
Omówienie buforowania w instancjach roboczych usług.
Życie pracowników service worker
Zrozumienie sposobu działania mechanizmów Service Worker, aby umożliwić działanie aplikacji offline.
Co to jest Workbox?
Przedstawiamy Workbox – zestaw modułów, które upraszczają routing i buforowanie przez mechanizmy Service Worker.
Przeniesienie rozszerzeń Chrome do platformy Manifest V3
Informacje na temat planu przeniesienia rozszerzeń do platformy Manifest V3
Wycofywanie i usuwanie w Chrome 95
Przegląd wycofywanych i usuniętych elementów w Chrome 95, które pomogą Ci zaplanować działania.
Nowości w Chrome 94
Wdrażamy Chrome 94. Domyślna przestrzeń kolorów dla elementów `` jest teraz formalnie zdefiniowana jako SRGB – możesz ją zmienić na wyświetlacz P3. Jest to nowy, niski poziom dostępu do wbudowanych kodeków audio i wideo, ważnych z punktu widzenia gier, edytorów wideo itp. WebGPU rozpoczyna testowanie origin. To jeszcze nie wszystko.
Nowości w Narzędziach deweloperskich (Chrome 95)
Nowe narzędzia do tworzenia długości CSS, ukrywanie problemów na karcie Problemy, ulepszone wyświetlanie właściwości i inne funkcje.
Modernizacja infrastruktury CSS w Narzędziach deweloperskich
Jak zbadaliśmy i zaktualizowaliśmy infrastrukturę CSS w Narzędziach deweloperskich.
Szczegółowe informacje: VideoNG
Dowiedz się więcej o nowoczesnych systemach odtwarzania i o tym, jak Chromium generuje codziennie kilkaset milionów godzin czasu oglądania.
Nowości w Lighthouse 8.4
Lighthouse w wersji 8.4 chroni teraz przed leniwym ładowaniem obrazów LCP i błędami FID bez widocznego obszaru dla urządzeń mobilnych.
Pełna kontrola dzięki interfejsowi VirtualKeyboard API
Możesz samodzielnie zarządzać ustawieniami przeglądarki z przesłonięciem treści, gdy pojawi się klawiatura wirtualna na urządzeniu dotykowym.
Nowości w Chrome 93
Wdrażamy Chrome 93. Arkusze stylów CSS można teraz ładować za pomocą instrukcji importu (tak jak w przypadku modułów JavaScript). Zainstalowane aplikacje PWA mogą być rejestrowane jako moduły obsługi adresów URL, dzięki czemu użytkownicy mogą od razu przechodzić do takich aplikacji. Interfejs Multi-Screen Window Placement API został zaktualizowany na podstawie Waszych opinii i rozpoczyna drugi test origin. Skracamy cykl wydawania wersji do 4 tygodni. To jeszcze nie wszystko.
Wycofywanie i usuwanie w Chrome 93
Przegląd wycofywanych i usuniętych elementów w Chrome 93, które ułatwią Ci planowanie.
Wycofywanie i usuwanie w Chrome 94
Przegląd wycofywanych i usuniętych elementów w Chrome 94, które ułatwią Ci planowanie.
Chronicle Chromium nr 24: StrongAlias, IdType i TokenType
Ten sam typ może czasem reprezentować wartości z niezgodnych domen, co może powodować błędy. Na szczęście w Chromium's //base można łatwo wprowadzić wyraźne, odrębne typy stron.
Aktualizacja dotycząca dostępu do sieci prywatnej: wprowadzamy okres próbny
W ramach specyfikacji dostępu z sieci prywatnej do Chrome 94 wycofujemy dostęp do punktów końcowych sieci prywatnej z niezabezpieczonych witryn publicznych w Chrome 94. Czytaj dalej, aby poznać zalecane działania.
Nowoczesny routing po stronie klienta: interfejs API nawigacji
Poznaj interfejs API nawigacji, który wzbogaca funkcje tworzenia aplikacji jednostronicowych.
Kluczowe struktury danych w RenderingNG
Omówienie komponentów architektury RenderingNG i tego, jak przepływa przez nie potok renderowania.
Nowości w Narzędziach deweloperskich (Chrome 94)
Korzystaj z Narzędzi deweloperskich w swoim preferowanym języku, nowych urządzeń Nest Hub, nowej plakietki zapytań dotyczących kontenerów CSS i nie tylko.
Wycofywanie i usuwanie w Chrome 92
Przegląd wycofywanych i usuniętych elementów w Chrome 92, które pomogą Ci zaplanować działania.
Siatka CSS w Narzędziach deweloperskich
Jak zaprojektowaliśmy i wdrożyliśmy obsługę narzędzi CSS Siatka w Narzędziach deweloperskich.
Siatka CSS w Narzędziach deweloperskich
Jak zaprojektowaliśmy i wdrożyliśmy obsługę narzędzi CSS Siatka w Narzędziach deweloperskich.
Rozwiązywanie problemów z testami origin Chrome
Rozwiąż typowe problemy z tokenami próbnymi w metatagach, nagłówkach i skryptach. Zapoznaj się też z obsługą debugowania w Narzędziach deweloperskich w Chrome.
Zasady dotyczące otwierającego z innych witryn
Dokumentacja właściwości cross_origin_opener_policy w pliku manifest.json.
Zasady dotyczące otwierającego z innych witryn
Dokumentacja właściwości cross_origin_opener_policy w pliku manifest.json.
Zasady dotyczące umieszczania elementów z innych witryn
Dokumentacja dotycząca właściwości cross_origin_embedder_policy pliku manifest.json.
Wycofywanie i usuwanie w Chrome 91
Przegląd funkcji wycofywanych i usuniętych w Chrome 91, które ułatwią Ci planowanie.
Zasady dotyczące umieszczania elementów z innych witryn
Dokumentacja dotycząca właściwości cross_origin_embedder_policy pliku manifest.json.
Automatyczne uruchamianie aplikacji PWA w OS Login
Wiele systemów operacyjnych umożliwia automatyczne uruchamianie aplikacji po zalogowaniu się użytkownika. Ta możliwość jest teraz dostępna w przypadku zainstalowanych aplikacji internetowych.
Ładuj zasoby z innych domen bez nagłówków CORP za pomocą COEP: bez danych logowania
Od wersji Chrome 93 test „Cross-Origin-Embedder-Policy: credentialless” będzie dostępny w ramach testowania origin. Ta nowa wartość umożliwia stronom internetowym izolowanie zasobów z innych domen bez konieczności zwracania przez zasoby z innych domen nagłówka „CORP: cross-origin” przez wysyłanie żądań bez danych logowania.
WebDriver BiDi – przyszłość automatyzacji w różnych przeglądarkach
Co to jest WebDriver BiDi i dlaczego stanowi przyszłość automatyzacji w różnych przeglądarkach
Ograniczenie udostępniania modułu Wasm do tej samej domeny
Udostępnianie modułu WebAssembly między środowiskami w tej samej witrynie będzie ograniczone tylko do tej samej domeny.
Nowości w Narzędziach deweloperskich (Chrome 93)
Edytowalne zapytania kontenera CSS, podgląd pakietów internetowych, lepsza obsługa ciągów znaków w konsoli i inne funkcje.
Weryfikowanie numeru telefonu na komputerze za pomocą interfejsu WebOTP API
Od wersji Chrome 93 witryny mogą weryfikować numery telefonów z Chrome na komputerze.
Chromium Chronicle nr 23: zweryfikowane kompilacje w infrastrukturze Chrome
Wprowadzenie kontroli egzekwowania zasad w Chrome i w infrastrukturze pozwoliło nam sprawdzić, czy są spełnione określone minimalne standardy bezpieczeństwa.
Architektura renderowania NG
Poznaj komponenty architektury RenderingNG i dowiedz się, jak przepływa przez nie potok renderowania.
URLPattern udostępnia routing na platformę internetową
Podejście do standaryzacji typowych przypadków użycia dopasowywania do wzorca.
Koncepcje na Androida (dla programistów stron internetowych)
Istotne pojęcia związane z Androidem dla programistów stron internetowych, którzy dopiero zaczynają korzystać z Androida i Google Play.
Rozszerzenia do Chrome: doprecyzowywanie zasad dotyczących rozszerzeń w celu zwiększenia bezpieczeństwa i spójności sklepu internetowego
Zaktualizowaliśmy nasze wymagania dotyczące bezpieczeństwa i doprecyzowaliśmy kilka zasad, aby zapewnić wysoką jakość rozszerzeń i spójność wrażeń deweloperów.
Wbudowanie zasobów w platformy JavaScript
Poznaj najnowsze optymalizacje wdrożone w środowiskach JavaScript we współpracy z projektem Aurora.
Chromium Chronicle #22: Thy (Depot) Tools (Poznaj narzędzia Depot)
Depot Tools to zbiór narzędzi opartych na oprogramowaniu Git, które ułatwiają pracę programistów pracujących nad bazą kodu Chromium i powiązanymi projektami.
Działania związane z rozszerzeniami w platformie Manifest V3
Rozszerzenia do Chrome od lat używały interfejsów API do przeglądania i działań stron, ale interfejs Manifest V3 zastąpił je ogólnym interfejsem Actions API. W tym poście omawiamy historię tych interfejsów API oraz to, co się zmieniło w platformie Manifest V3.
RenderingNG
W 2021 roku w dużej mierze zakończyliśmy proces projektowania, tworzenia i dostarczania RenderingNG, czyli nowej generacji architektury renderującej Chromium.
Wydajna pamięć aplikacji: Storage Foundation API
Interfejs Storage Foundation API zaproponował interfejs API pamięci masowej podobny do podstawowego systemu plików z bezpośrednim dostępem do przechowywanych danych za pomocą buforów i kompensacji.
TablesNG usuwa 72 błędy Chromium, aby zapewnić lepszą interoperacyjność
– Nowy mechanizm renderowania tabel sprawia, że tworzenie danych tabelarycznych w internecie jest bardziej spójne.
Zapewnienie ochrony CSP przed atakami typu XSS
Dowiedz się, jak zapobiegać atakom typu cross-site scripting (XSS) przy użyciu rygorystycznej zasady Content Security Policy (CSP).
Zgodność z platformami
W tym artykule omawiamy Conformance – metodologię stosowaną w platformach Google oraz sposób, w jaki planujemy udostępnienie jej na licencji open source w ekosystemie platformy JavaScript.
Przedstawiamy Aurorę
W tym artykule omawiamy Aurora – inicjatywę Chrome, która ma na celu ścisłą współpracę przy użyciu platform open source
Przedstawiamy Narzędzie do inspekcji pamięci
W tym artykule przedstawiamy Narzędzie do Inspektora pamięci, które jest dostępne w Chrome 91. Umożliwia zbadanie pamięci SlateBuffer, TypedTrack, DataView i Wasm.
Przedstawiamy chrome.scripting
Scripting API to nowy interfejs API platformy Manifest V3, który skupia się na pisaniu skryptów. Przyjrzyjmy się powodom tej zmiany i tym, czym się ona różni.
Sprawdzanie układów siatki CSS
Dowiedz się, jak używać Narzędzi deweloperskich w Chrome do wyświetlania i zmieniania siatek CSS.
Interfejs Compute Pressure API
Compute Pressure udostępnia stany wysokiego poziomu, które odzwierciedlają nacisk na system. Umożliwia wdrożenie korzystania z odpowiednich, podstawowych wskaźników sprzętowych, dzięki czemu użytkownicy mogą korzystać z całej dostępnej dla nich mocy obliczeniowej, o ile system nie jest przeciążony.
PWA jako moduły obsługi adresów URL
Po zarejestrowaniu progresywnej aplikacji internetowej jako modułu obsługi adresów URL i kliknięciu przez użytkownika hiperlinku pasującego do jednego z zarejestrowanych wzorców adresu URL zostanie otwarta zarejestrowana aplikacja PWA.
Nowości w Narzędziach deweloperskich (Chrome 92)
Edytor siatki CSS, obsługa stałej ponownej deklaracji w konsoli, przeglądarka kolejności źródeł i inne funkcje.
Chromium Chronicle #21: kompleksowa automatyzacja UI w ChromeOS
Tast to nowa biblioteka interfejsu, która do sterowania interfejsem ChromeOS wykorzystuje drzewo ułatwień dostępu (A11y) w Chrome. Biblioteka umożliwia deweloperom łatwe tworzenie kompleksowych testów z wykorzystaniem dowolnej widocznej platformy interfejsu.
Nowości w Chrome 91
Udostępniamy Chrome 91 Aplikacje internetowe, które korzystają z plików, mogą teraz sugerować nazwy plików i katalogi przy użyciu interfejsu File System Access API. Możesz też odczytywać pliki ze schowka. Jeśli Twoja witryna ma więcej niż jedną domenę i korzysta z tego samego backendu do zarządzania kontem, możesz wskazać w Chrome, że są one takie same, co pozwoli menedżerowi haseł na zaproponowanie odpowiednich danych logowania. Dodatkowo wszystkie filmy z konferencji I/O są już dostępne, a dodatkowo jest ich jeszcze więcej.
Określ, jak objęte raportowaniem linki mają otwierać Twoją PWA w ramach deklaratywnej rejestracji linków
Deklaratywna przechwytywanie linków to oferta właściwości pliku manifestu aplikacji internetowej o nazwie „capture_links"”, która pozwala deweloperom deklaratywnie określić, co ma się stać, gdy przeglądarka zostanie poproszona o otwarcie adresu URL znajdującego się w zakresie nawigacji w aplikacji z kontekstu spoza zakresu nawigacji.
Ustawianie flag przeglądarki w Chromium
W przypadku niektórych nowych interfejsów API, które wprowadzamy w Chromium, musisz ustawić flagę przeglądarki, aby móc przeprowadzać eksperymenty. Dowiedz się, jak to zrobić w różnych przeglądarkach opartych na Chromium, takich jak Google Chrome, Microsoft Edge i inne.
Zaufane działania w internecie nastawione na tworzenie offline
Jak wyświetlić zastępczy ekran trybu offline, jeśli użytkownik otworzy aplikację po raz pierwszy i nie będzie mieć połączenia z internetem.
Rejestracja modułu obsługi protokołu URL na potrzeby PWA
Po zarejestrowaniu PWA jako modułu obsługi protokołu, gdy użytkownik kliknie hiperlink o określonym schemacie, takim jak mailto, bitcoin czy muzyka internetowa w przeglądarce lub aplikacji na danej platformie, zarejestrowana aplikacja PWA otworzy się i odbierze adres URL.
Jak 10-krotnie przyspieszyliśmy zrzuty stosu w Narzędziach deweloperskich w Chrome
Jak 10-krotnie przyspieszyliśmy zrzuty stosu w Narzędziach deweloperskich w Chrome.
Wstawianie strumieni dla MediaStreamTrack
Wstawianie strumieni w przypadku MediaStreamTrack polega na ujawnianiu zawartości elementu MediaStreamTrack jako strumienia, który może być modyfikowany lub używany do generowania nowych treści.
Chromium Chronicle nr 20: pasy testowe
Dodanie testów porównawczych to prosty sposób na zapobieganie spadkom skuteczności i poprawa skuteczności.
Konwerter pliku manifestu rozszerzenia
Narzędzie open source do konwertowania rozszerzeń na platformę Manifest V3. Nadal trzeba będzie ręcznie wprowadzić zmiany w kodzie, które nie są mechaniczne, np. dostosować się do zastosowania mechanizmów Service Worker lub wstrzykiwać skrypty.
Bardziej rozbudowany interfejs instalacji PWA
Wprowadzenie do bardziej rozbudowanego interfejsu instalacji ze wskazówkami na temat jego implementacji.
Dopasowywanie liczników czasu do ograniczeń izolowanych od zasobów z innych źródeł
Od wersji Chrome 91 rozdzielczość liczników czasu w przypadku różnych platform będzie ograniczona do 100 mikrosekund bez izolowania zasobów z innych domen.
Nowości w Narzędziach deweloperskich (Chrome 91)
Wyskakujące okienko z informacjami o wskaźnikach internetowych, wizualizacja przewijanego tekstu CSS, nowego inspektora pamięci i nie tylko.
Zasoby dostępne w internecie dla platformy Manifest V3
Zasoby dostępne w internecie dla platformy Manifest V3 są już dostępne Obecnie plik „manifest.json” obsługuje definicje uprawnień. Deweloperzy mogą ograniczać zasoby na podstawie identyfikatora źródła żądania witryny lub identyfikatora rozszerzenia.
Nowości w Chrome 90
Wdrażamy Chrome 90. Pojawiła się nowa wartość właściwości CSS „overflow”. Nazwa interfejsu Feature Policy API została zmieniona na Zasady dotyczące uprawnień. Istnieje też nowy sposób wdrażania i używania modelu Shadow DOM bezpośrednio w HTML. Dostępne jest też znacznie więcej funkcji.
Odświeżona architektura narzędzi deweloperskich: migracja narzędzi deweloperskich do TypeScript
Jak przeprowadzamy migrację Narzędzi deweloperskich w Chrome z narzędzia do sprawdzania typów Closure Compiler do TypeScript.
Chromium Chronicle #19: Szybsze programowanie dzięki CLion
CLion IDE umożliwia nawigowanie między symbolami, przeszukiwanie bazy kodu i wykonywanie innych czynności.
Wycofywanie i usuwanie w Chrome 90
Przegląd wycofywanych i usuniętych elementów w Chrome 90, które ułatwią Ci planowanie.
Dodanie wartości rankingu do raportu na temat użytkowania Chrome w BigQuery
Dodano wielkość rankingu do raportu na temat użytkowania Chrome w BigQuery.
Dokumentacja interfejsu VersionHistory API
Informacje techniczne dotyczące interfejsu API usługi internetowej VersionHistory.
Przewodnik po interfejsie API VersionHistory
Instrukcja korzystania z interfejsu API usługi internetowej VersionHistory w celu programowego dostępu do informacji o historii wersji Google Chrome.
Przykłady interfejsu VersionHistory API
Przykład użycia interfejsu API usługi internetowej VersionHistory.
Przyspieszenie cyklu publikowania Google Chrome
Jeszcze w tym roku planujemy skrócić cykl publikowania i wysyłać nową wersję Google Chrome do wersji stabilnej co 4 tygodnie, wcześniej niż w obecnym 6-tygodniowym cyklu.
Nowości w Chrome 89
Wdrażamy Chrome 89. Interfejsy WebHID, WebNFC i Web Serial nie są już testowane w środowisku źródłowym i są teraz dostępne w wersji stabilnej. Usuwamy lukę w zabezpieczeniach, z której korzysta kilku deweloperów, którzy wcześniej pomijali testy możliwości zainstalowania PWA. Web Share i Cel udostępniania w sieci pojawiają się na pulpicie. To jeszcze nie wszystko.
Nowości w Narzędziach deweloperskich (Chrome 90)
Obsługa debugowania w przypadku CSS Flexbox, informacje o wydajności na stronie, aktualizacje na karcie Problemy i nie tylko.
Obsługa CSS-in-JS w Narzędziach deweloperskich
Sposób, w jaki obsługujemy kod CSS w JS w Narzędziach deweloperskich i czym różni się od zwykłego CSS.
Obsługa CSS-in-JS w Narzędziach deweloperskich
Sposób, w jaki obsługujemy kod CSS w JS w Narzędziach deweloperskich i czym różni się od zwykłego CSS.
Przygotowania do jutrzejszych trybów wyświetlania
Właściwość display_Override pozwala programistom zdefiniować własny łańcuch zastępczych trybów, w których mają być wyświetlane ich aplikacje PWA.
Aktualizacje funkcji wspomagania sprzętowego animacji
Chromium aktualizuje możliwości akceleracji sprzętowej do animacji SVG, przekształceń procentowych, ścieżki klipu, obrazów tła i innych funkcji.
Chronicle Chromium nr 18: pokrycie kodu Chromium
Zakres testów sprawdza, jaka część kodu źródłowego jest wykonywana podczas działania danego pakietu testowego.
Międzynarodowy Dzień Języka Ojczystego 2021
Międzynarodowy Dzień Języka Ojczystego to coroczne święto różnorodności kulturowej obchodzonej na całym świecie 21 lutego. Promuje ona zachowanie i ochronę języków używanych na całym świecie oraz promuje wielojęzyczność.
Formatowanie wiadomości i zmienianie ich stylu w konsoli
Dowiedz się, jak formatować wiadomości i zmieniać ich styl w konsoli
Udoskonalenie wykrywania obsługi progresywnych aplikacji internetowych w trybie offline
Weryfikacja obsługi offline od samego początku jest jednym z kryteriów możliwości zainstalowania aplikacji PWA.
Skracanie czasu uruchamiania Narzędzi deweloperskich
Zmniejszenie obciążenia związanego z wydajnością w Narzędziach deweloperskich w zakresie wysyłania wiadomości w interfejsie.
Wycofywanie i usuwanie w Chrome 89
Przegląd wycofywanych i usuniętych elementów w Chrome 89, które ułatwią Ci planowanie.
Automatyzacja wyboru zasobów przy użyciu wskazówek dla klienta
Optymalizacja obrazów nie jest łatwa, a automatyzacja to klucz do sukcesu.
Chronicle Chromium nr 17: składanki testowe
Przy pisaniu testu przeglądarki warto programowo wykonywać działania konfiguracyjne, które użytkownik może wykonać ręcznie. Aby Ci w tym pomóc, mieszanki to zestaw narzędzi do wielokrotnego użytku, które pozwalają przeprowadzać testy w przeglądarce w sposób nieskomplikowany.
Otrzymuj płatności za pomocą Płatności w Google Play oraz korzystaj z interfejsów Digital Goods API i Payment Request API
Otrzymuj płatności w aplikacji PWA poprzez Płatności w Google Play za pomocą interfejsów Digital Goods API, Payment Request API i Trusted Web Activity
Nowości w Chrome 88
Wdrażamy Chrome 88. Rozszerzenia możesz teraz przesyłać do Chrome Web Store przy użyciu pliku manifestu w wersji 3. Właściwość CSS współczynnika proporcji ułatwia ustawienie współczynnika proporcji dla dowolnego elementu. Teraz możesz korzystać z Płatności w Google Play w zaufanej aktywności w internecie. Znajdziesz tam też wiele innych funkcji. Przyjrzyjmy się nowościom dla deweloperów w Chrome 88.
Nowości w Narzędziach deweloperskich (Chrome 89)
Obsługa debugowania w przypadku naruszeń zaufanych typów, przechwytywanie zrzutu ekranu węzła poza widocznym obszarem, nowa karta Tokeny zaufania dla żądań sieciowych i inne funkcje.
Aktualizacje narzędzia SharedSlateBuffer w Androidzie 88 i komputerowej wersji Chrome 92
Funkcja SharedSlateBuffer będzie dostępna w Androidzie Chrome 88. Będzie dostępny tylko w przypadku stron izolowanych od zasobów z innych domen. Od wersji komputerowej Chrome 92 będzie on też dostępny tylko na stronach izolowanych od zasobów z innych domen. Możesz zarejestrować się w wersji próbnej origin, aby zachować obecne działanie do czasu wprowadzenia wersji komputerowej Chrome 113.
Znaczne ograniczanie łańcuchowych liczników czasu JS począwszy od Chrome 88
Intensywne ograniczanie działa, gdy strona jest ukryta przez ponad 5 minut, strona jest wyciszona przez co najmniej 30 sekund, WebRTC nie jest używany, a łańcuch liczników czasu wynosi 5 lub więcej.
Chronicle Chromium nr 16: aktualizowanie Google Apps na komputerze
Zastanawiasz się, jak przeglądarka Chrome na Twoim komputerze jest zawsze aktualna? Albo w jaki sposób aktualizacje są udostępniane na Chromebookach, Chromecastach i na urządzeniach z Androidem?
Debugowanie WebAssembly za pomocą nowoczesnych narzędzi
Szczegółowy opis nowego środowiska debugowania WebAssembly w Narzędziach deweloperskich w Chrome.
Odświeżona architektura Narzędzi deweloperskich: migracja do komponentów sieciowych
Dlaczego i jak przeprowadzamy migrację Narzędzi deweloperskich w Chrome do komponentów internetowych.
Wycofywanie i usuwanie w Chrome 88
Przegląd wycofywanych i usuniętych elementów w Chrome 88, które pomogą Ci zaplanować działania.
Witamy na nowej stronie developer.chrome.com!
Ogłaszamy odświeżenie strony i podsumowanie naszych planów na 2021 rok.
Co nowego w aplikacjach internetowych w Google Play
Poznaj nowe funkcje aplikacji internetowych korzystających z zaufanej aktywności w internecie.
Korzystanie z Płatności w Google Play
Płatności Google Play oferują narzędzia do zarządzania katalogiem, cenami i subskrypcjami, raporty oraz proces płatności obsługiwany przez Sklep Play.
Leniwe ładowanie zasobów z innych witryn za pomocą komponentu fasadowego
informacje o możliwościach leniwego wczytywania zasobów innych firm za pomocą fasad;
Chromium Chronicle nr 15: ograniczanie widoczności docelowej
W Chromium często można znaleźć kod napisany dla jednego komponentu, który może być przydatny w innym miejscu, ale może mieć ukryte ograniczenia. Ze względów bezpieczeństwa ogranicz widoczność celu z zewnątrz do niebezpiecznych funkcji.
Korzystanie z Płatności w Google Play w zaufanej aktywności w internecie
Dowiedz się, jak zintegrować Płatności w Google Play z projektem dotyczącym zaufanej aktywności w internecie.
Symulowanie niedoskonałości widzenia kolorów w narzędziu renderowania Blink Renderer
Dlaczego i w jaki sposób wdrożyliśmy symulację braku rozpoznawania kolorów w Narzędziach deweloperskich i narzędziu do renderowania Blink.
Lepsze planowanie JS za pomocą isInputPending()
Nowy interfejs API JavaScript, który może pomóc uniknąć równowagi między wydajnością wczytywania i responsywnością danych wejściowych.
Nowości w Chrome 87
Wdrażamy Chrome 87. Teraz możesz kontrolować przesuwanie, pochylanie i powiększanie kamer internetowych, które je obsługują, żądania zakresu i mechanizmy Service Worker nie wymagają tylu obejścia problemu, interfejs API dostępu do czcionek uruchamia testowanie origin i nie tylko. Przyjrzyjmy się nowościom dla deweloperów w Chrome 87.
przepisy-pocztówki
Z łatwością używaj popularnych wzorców pól roboczych bez konieczności konfigurowania ich samodzielnie z poziomu poszczególnych pakietów.
Nowości w Narzędziach deweloperskich (Chrome 88)
Nowe narzędzia do wizualizacji kąta CSS, emulacja nieobsługiwanych typów obrazów i limitu miejsca na dane, nowy pas dla wskaźników internetowych oraz inne funkcje.
Włącz cel udostępniania w internecie w zaufanej aktywności w internecie
Dowiedz się, jak włączyć cel udostępniania w internecie w projekcie za pomocą zaufanej aktywności w internecie.
Puppetaria: skrypty Puppeteer stworzone z myślą o ułatwieniach dostępu
Puppetaria – skrypty Puppeteer skupione na ułatwieniach dostępu, umożliwiające alternatywny moduł obsługi zapytań na podstawie zapytania dotyczącego drzewa ułatwień dostępu, bez korzystania z selektorów CSS.
Potrzebna opinia: CORS dla sieci prywatnych (RFC1918)
Niezamierzone narażenie urządzeń i serwerów w wewnętrznej sieci klienta na połączenie z internetem sprawia, że są one narażone na szkodliwe ataki. CORS-RFC1918 to propozycja domyślnego blokowania żądań z sieci publicznych w przeglądarce i wymagania, aby urządzenia wewnętrzne wyrażały zgodę na takie żądania.
Chronicle Chromium nr 14: dodawanie testów do kaskady
Chcesz wykrywać regresje związane z nową funkcją w Chrome? Dodaj testy do kaskady oraz infrastruktury ciągłej kompilacji i testowania Chrome.
Pozwól zainstalowanym aplikacjom internetowym modułami obsługi plików
Zarejestruj aplikację jako moduł obsługi plików w systemie operacyjnym. Teraz, gdy aplikacje internetowe potrafią odczytywać i zapisywać pliki, kolejnym logicznym krokiem jest umożliwienie deweloperom deklarowania tych aplikacji internetowych jako
Jak stworzyliśmy kartę WebAuthn w Chrome DevTools
W jaki sposób stworzyliśmy kartę WebAuthn w Chrome DevTools, aby umożliwić programistom emulowanie obiektów uwierzytelniających, dostosowywanie ich funkcji i sprawdzanie ich stanu.
Wycofywanie i usuwanie w Chrome 87
Przegląd wycofywanych i usuniętych elementów w Chrome 87, które pomogą Ci zaplanować działania.
Przetwarzanie wideo za pomocą kodeków WebCodecs
Praca z komponentami strumienia wideo, takimi jak klatki i niemieszane fragmenty zakodowanego obrazu lub dźwięku.
Nowości w Chrome 86
Wdrażamy Chrome 86. Interfejs API dostępu do systemu plików jest teraz dostępny w wersji stabilnej. Dostępne są nowe wersje próbne origin interfejsów Web HID i Multi-Screen Window API rozmieszczania. Pojawiło się kilka nowych funkcji CSS i wiele innych. Przyjrzyjmy się nowościom dla deweloperów w Chrome 86.
Uzyskiwanie bezpieczeństwa i prywatności przez partycjonowanie pamięci podręcznej
Partycjonowanie pamięci podręcznej HTTP w Chrome pomaga zwiększyć bezpieczeństwo i prywatność.
Nowości w Narzędziach deweloperskich (Chrome 87)
Nowe narzędzia do debugowania siatki CSS, karta Uwierzytelnianie w internecie, narzędzia do przenoszenia i panel Computednego paska bocznego.
Testowanie origin innych firm
Dowiedz się, jak dostawcy treści umieszczanych na stronach mogą testować nowe lub eksperymentalne funkcje platformy internetowej w wielu witrynach.
Jak stworzyliśmy kartę Problemy w Narzędziach deweloperskich w Chrome
Jak stworzyliśmy kartę Problemy w Narzędziach deweloperskich w Chrome, aby ułatwić deweloperom wykrywanie problemów i ich rozwiązywanie.
Czujniki: emuluj czujniki urządzenia
Panel Czujniki umożliwia zastąpienie geolokalizacji, symulowanie orientacji urządzenia, wymuszanie dotyku i emulowanie stanu bezczynności.
Nawiązywanie połączeń z rzadkimi urządzeniami HID
Interfejs WebHID API umożliwia witrynom dostęp do alternatywnych klawiatur pomocniczych i egzotycznych padów do gier.
Zarządzanie kilkoma wyświetlaczami za pomocą interfejsu Window Management API
Interfejs Window Management API pozwala wyliczyć wyświetlacze podłączone do Twojego komputera i rozmieszczać okna na określonych ekranach.
Odświeżona architektura Narzędzi deweloperskich: migracja do modułów JavaScript
Jak przenosimy Narzędzia deweloperskie w Chrome do modułów JavaScript.
Wycofywanie i usuwanie w Chrome 86
Przegląd wycofywanych i usuniętych elementów w Chrome 86, które pomogą Ci zaplanować działania.
Nowości w Chrome 85
Wdrażamy Chrome 85. Możesz zwiększyć wydajność renderowania dzięki widoczności treści: auto. Właściwości CSS można teraz ustawiać w: CSS. Aby sprawdzić, czy Twoja aplikacja na system Windows lub progresywna aplikacja internetowa (PWA) jest zainstalowana, użyj interfejsu API getinstalledrelatedApps(). Skróty w ikonach aplikacji działają również w systemie Windows (tym razem na razie). Dostępny jest test origin dla przesyłania strumieniowego pobierania. I wiele innych. Przyjrzyjmy się nowościom dla deweloperów w Chrome 85.
Używanie zaawansowanej typografii z czcionkami lokalnymi
Interfejs Local Font Access API wymienia czcionki lokalne zainstalowane przez użytkownika i zapewnia niskopoziomowy dostęp do różnych tabel TrueType/OpenType.
Nowości w Narzędziach deweloperskich (Chrome 86)
Nowy panel mediów, zrzut ekranu węzła, aktualizacje karty Problemy, emulacja brakujących czcionek lokalnych, nieaktywnych użytkowników i prefers-reduced-data.
Odczyt z portu szeregowego i zapis na nim
Web Serial API łączy internet z światem fizycznym, umożliwiając witrynom komunikację z urządzeniami szeregowymi.
Dodaj dodatkowe nagłówki żądań HTTP
Przewodnik dodawania nagłówków HTTP CORS do intencji kart niestandardowych.
Nowa domyślna zasada odsyłająca dla Chrome – strict-origin-when-cross-origin.
Nowa domyślna zasada odsyłająca dla Chrome – strict-origin-when-cross-origin.
Przechwytywanie klawiszy przy użyciu interfejsu Keyboard Lock API
Interfejs Keyboard Lock API umożliwia witrynom przechwytywanie klawiszy, które są zwykle zarezerwowane przez system operacyjny. Przeznaczona jest dla aplikacji internetowych zapewniających realistyczny interfejs na pełnym ekranie (np. gier lub aplikacji do zdalnego dostępu).
Odczytywanie i zapisywanie plików oraz katalogów za pomocą biblioteki fs-access w przeglądarce
Wszystkie nowoczesne przeglądarki odczytują pliki i katalogi lokalne. Jednak prawdziwy dostęp do zapisu, czyli coś więcej niż tylko pobieranie plików, jest ograniczony do przeglądarek, które implementują interfejs File System Access API. W tym poście przedstawiamy bibliotekę pomocy o nazwie przeglądarka-fs-access, która działa jako warstwa abstrakcji nad interfejsem File System Access API i w przejrzysty sposób bazuje na starszych metodach obsługi plików.
Strumieniowe przesyłanie żądań za pomocą interfejsu API pobierania
Chromium obsługuje teraz przesyłanie strumieniowe od wersji 105, co oznacza, że możesz rozpocząć żądanie, zanim cała treść będzie dostępna.
Wycofywanie i usuwanie w Chrome 85
Przegląd wycofywanych i usuniętych elementów w Chrome 85, które pomogą Ci zaplanować działania.
Houdini – sposób obalania mitów na wczesnym etapie
Houdini to zbiór interfejsów API, który udostępnia programistom kod wewnętrzny silnika CSS
Nowości w Chrome 84
Wdrażamy Chrome 84. Użytkownicy mogą uruchamiać typowe czynności w Twojej aplikacji dzięki skrótom w postaci ikon aplikacji. Interfejs Web Animations API dodaje obsługę wielu nieobsługiwanych wcześniej funkcji. Funkcja Wake Lock i interfejs Content Indexing API zostały wycofane z testowania origin. Dostępne są nowe wersje próbne origin na wykrywanie bezczynności i SIMD. I jeszcze sporo innych elementów. Przyjrzyjmy się nowościom dla deweloperów w Chrome 84.
Korzystanie z kart niestandardowych w Androidzie 11
Jak korzystać z kart niestandardowych na Androidzie 11
Nowości w Narzędziach deweloperskich (Chrome 85)
Edytowanie stylów pod kątem platform CSS-in-JS, Lighthouse 6.0, nowych funkcji JavaScript i nie tylko.
Jak korzystać z interfejsu CrUX API
Dowiedz się, jak korzystać z interfejsu Chrome UX Report API, aby uzyskać dostęp typu REST do danych o wrażeniach użytkowników korzystających z milionów witryn.
Poprawa prywatności użytkowników i wygody programistów dzięki wskazówkom klienta użytkownika
Wskazówki dotyczące klienta użytkownika to nowe rozszerzenie interfejsu Client Hints API, które umożliwia deweloperom dostęp do informacji o przeglądarce użytkownika w sposób ergonomiczny i chroniący prywatność. Wskazówki klienta umożliwiają
Jak utworzyć panel raportu na temat użytkowania Chrome w Looker Studio
Looker Studio to zaawansowane narzędzie do wizualizacji danych, które umożliwia tworzenie paneli na podstawie źródeł big data, takich jak Raport na temat użytkowania Chrome. Z tego przewodnika dowiesz się, jak utworzyć własny panel raportu na temat użytkowania Chrome w celu śledzenia środowiska źródłowego.
Jak korzystać ze zbioru danych BigQuery w zakresie CrUX
Z tego przewodnika dowiesz się, jak używać BigQuery do tworzenia zapytań dotyczących zbioru danych raportu na temat użytkowania Chrome w celu wyodrębniania przydatnych wyników dotyczących wygody korzystania z internetu.
Korzystanie z WebTransport
WebTransport to interfejs API oferujący małe opóźnienia, dwukierunkową komunikację w ramach komunikacji klient-serwer. Dowiedz się więcej o jego przypadku użycia i o tym, jak przesłać opinię o jego przyszłości.
Wycofywanie i usuwanie w Chrome 84
Przegląd wycofywanych i usuniętych funkcji w Chrome 84, które pomogą Ci zaplanować działania.
Nowości w Chrome 83
Wdrażamy Chrome 83. Dodaje on obsługę zaufanych typów, co pomaga unikać luk w zabezpieczeniach związanych ze skryptami cross-site scripting. Elementy formularzy otrzymują ważną metamorfozę. Istnieje nowy sposób wykrywania wycieków pamięci. Natywny interfejs API systemu plików rozpoczyna nowy test origin z dodatkowymi funkcjami. Przyjrzyjmy się nowościom dla deweloperów w Chrome 83.
Co nowego w Lighthouse 6.0
nowe dane, nowa ocena skuteczności, nowe audyty i inne zmiany. Dzisiaj publikujemy Lighthouse 6.0. Lighthouse to automatyczne narzędzie do przeprowadzania audytów witryn, które pomaga deweloperom w ulepszaniu witryn pod kątem wygody
Wykrywanie nieaktywnych użytkowników za pomocą interfejsu Idle Detection API
Interfejs Idle Detection API powiadamia deweloperów, gdy użytkownik jest nieaktywny, wskazując na przykład brak interakcji z klawiaturą, myszą, ekranem, włączeniem wygaszacza ekranu, zablokowanie ekranu lub przejście na inny ekran. Próg zdefiniowany przez dewelopera spowoduje wysłanie powiadomienia.
Obsługa interwencji związanych z reklamami zużywającymi dużo zasobów
Obsługa interwencji związanych z reklamami zużywającymi dużo zasobów
Problemy: znajdowanie i rozwiązywanie problemów
Użyj panelu Problemy, aby znaleźć i rozwiązać problemy z witryną.
Nowości w Narzędziach deweloperskich (Chrome 84)
Nowa karta Problemy, informacje o ułatwieniach dostępu w etykietce trybu inspekcji i inne informacje.
Brakuje deklaracji zestawu znaków lub występuje ona zbyt późno w kodzie HTML
Dowiedz się, jak dodać deklarację kodowania znaków do kodu HTML.
Wycofywanie i usuwanie w Chrome 83
Przegląd wycofywanych i usuniętych funkcji w Chrome 83, które pomogą Ci zaplanować działania.
Nowości w Chrome 81
Wdrażamy Chrome 81. Plakietka na ikonie aplikacji kończy proces testowania origin. Testowanie trafień pod kątem rzeczywistości rozszerzonej jest teraz dostępne w przeglądarce. Web NFC rozpoczyna testowanie origin. Przygotowałem też aktualne informacje o zmienionym harmonogramie publikacji Chrome. Przyjrzyjmy się nowościom dla deweloperów w Chrome 81.
WebSocketStream: integrowanie strumieni z interfejsem WebSocket API
WebSocketStream integruje strumienie z interfejsem WebSocket API. Umożliwia to aplikacji stosowanie ciśnienia wstecznego do otrzymanych wiadomości.
Chromium Chronicle nr 13: debugowanie w czasie i podróży przy użyciu RR
Czy ciągle przeprowadzasz ten sam test w debugerze, próbując się dowiedzieć, dlaczego kod działa w nieprawidłowym stanie? Mamy narzędzie dla Ciebie. RR rejestruje ślad wykonania, co ułatwia przejście wstecz, wstecz, sprawdzanie, gdzie zmienne zmieniły swoje wartości lub kiedy funkcja została ostatnio wywołana w obrębie obiektu.
Nowości w Narzędziach deweloperskich (Chrome 83)
Emuluj błędy rozpoznawania barw, emuluj ustawienia regionalne, debuguj COOP i COEP i korzystaj z wielu innych funkcji.
Wycofywanie i usuwanie w Chrome 81
Przegląd funkcji wycofywanych i usuniętych w Chrome 81, które ułatwią Ci planowanie.
Interakcja z urządzeniami NFC w Chrome na Androida
W Chrome na Androida można teraz odczytywać i zapisywać tagi NFC.
Dodawanie danych o uprawnieniach do wyświetlania powiadomień do Raportu na temat użytkowania Chrome
Aby pomóc właścicielom witryn lepiej zrozumieć dane dotyczące uprawnień związanych z powiadomieniami, dodajemy te dane do raportu na temat użytkowania Chrome, który znajduje się w zbiorze danych z 20201 roku. Dzięki temu właściciele witryn mogą lepiej zrozumieć typowe odpowiedzi udzielane użytkownikom w związku z prośbą o zgodę na ich wyświetlanie w ich witrynach i podobnych witrynach z tej samej kategorii.
Chromium Chronicle nr 10: wyłapywanie regresji interfejsu użytkownika dzięki testom Pixela
Strategia testowania Chrome w dużym stopniu bazuje na zautomatyzowanych testach poprawności działania i testach ręcznych, ale żadna z tych usług nie wykrywa trwale niewielkich pogorszenia stanu interfejsu. Zautomatyzuj testowanie interfejsu przeglądarki na komputerze za pomocą testów pikseli.
Korzystanie z interfejsu API niskiego poziomu karty niestandardowej
Dowiedz się, jak używać karty niestandardowej bez biblioteki obsługi przeglądarki Androidx.
Sprawdź, czy na urządzeniu z Androidem jest przeglądarka obsługująca karty niestandardowe
Dowiedz się, jak sprawdzić, czy urządzenie z Androidem ma przeglądarkę, która obsługuje kartę niestandardową
Omówienie kart niestandardowych na Androidzie
Dowiedz się, kiedy najlepiej używać kart niestandardowych na Androidzie do otwierania adresu URL w aplikacji na Androida.
Przegląd
Dowiedz się, jak za pomocą zaufanej aktywności w internecie łatwo zintegrować progresywną aplikację internetową z aplikacją na Androida.
Otwieranie karty niestandardowej dla linków w komponencie WebView
Aby zwiększyć wygodę użytkowników, korzystaj z komponentów WebView i kart niestandardowych.
Przewodnik integracji
Dowiedz się, jak korzystać z zaufanych aktywności w internecie w swojej aplikacji na Androida.
Nowości w Chrome 80
Właśnie wdrażamy Chrome 80 i znajduje się w niej mnóstwo nowych funkcji dla deweloperów. Wprowadziliśmy obsługę modułów w instancjach roboczych, opcjonalnych łańcuchów w języku JavaScript, nowych testów origin oraz funkcji, które już nie są już testowane w środowisku źródłowym, i wiele innych. Przyjrzyjmy się nowościom dla programistów Chrome w wersji 80.
Nowości w Narzędziach deweloperskich (Chrome 81)
Moto G4 w trybie urządzenia, nowe funkcje związane z plikami cookie i nie tylko.
Przekazywanie informacji do zaufanej aktywności internetowej przy użyciu parametrów zapytania
Jak przekazywać informacje z natywnej powłoki do aplikacji internetowej podczas uruchamiania zaufanej aktywności w internecie.
Zaufane działania internetowe pochodzące z wielu źródeł
Jak utworzyć jedną aplikację za pomocą zaufanych aktywności internetowych, które obsługują otwieranie wielu źródeł na pełnym ekranie.
android-browser-helper, czyli nowej biblioteki do tworzenia zaufanych aktywności internetowych.
Wprowadzamy android-browser-helper – nową bibliotekę do tworzenia zaufanych aktywności internetowych.
największe wyrenderowanie treści
Dowiedz się więcej o największym wyrenderowaniu treści w Lighthouse oraz o tym, jak je mierzyć i optymalizować.
Wycofywanie i usuwanie w Chrome 80
Ogólne informacje o wycofanych i usuniętych funkcjach w Chrome 80, które pomogą Ci zaplanować działania.
Kronika Chromium nr 9: ClusterFuzz
Może się okazać, że zostaniesz poproszony o usunięcie ważnych błędów związanych z bezpieczeństwem wykrytych przez ClusterFuzz. Co to jest? Czy należy poważnie traktować te błędy? Jak możesz pomóc?
Indeksowanie stron offline za pomocą interfejsu Content Indexing API
PWA może zapisywać artykuły i pliki multimedialne w pamięci podręcznej. Skąd jednak użytkownicy będą wiedzieć, że strony działają w trybie offline? Interfejs Content Indexing API jest jedną z odpowiedzi na to pytanie. Gdy indeks zostanie wypełniony treściami z Twojej aplikacji PWA, a także z innych zainstalowanych aplikacji PWA, pojawi się on w specjalnych obszarach obsługiwanych przeglądarek.
Nowości w Chrome 79
Wdrażamy Chrome 79. Zainstalowane progresywne aplikacje internetowe na urządzeniach z Androidem obsługują ikony z możliwością maskowania. Za pomocą interfejsu WebXR Device API możesz teraz tworzyć atrakcyjne treści. Testowanie origin interfejsu Wake Lock API i atrybut rendersubtree rozpoczyna się. Wszystkie filmy z Chrome Dev Summit 2019 są już dostępne online. Przyjrzyjmy się nowościom dla deweloperów w Chrome 79.
Ulepszone debugowanie WebAssembly w Narzędziach deweloperskich w Chrome
Sprawdzaj kod, ustawiaj punkty przerwania i rozwiązuj zrzuty stosu w językach źródłowych z poziomu Narzędzi deweloperskich.
Nowości w Narzędziach deweloperskich (Chrome 80)
Obsługa ponownych deklaracji zgody i klas w konsoli, ulepszone debugowanie WebAssembly i inne funkcje.
Chromium Chronicle #8: GWP-ASan: wykrywaj błędy w środowisku naturalnym
GWP-ASan to detektor błędów pamięci składający się tylko z sterty i zaprojektowany do użytku w środowisku naturalnym. Wykrywa ona przypadki użycia po jej zwolnieniu, przepełnienia/niedopełnienia bufora i podwójne zwolnienie. W przeciwieństwie do ASan nie wykrywa błędów na stosie ani w globalnych obszarach.
Pierwsze kroki z pakietami internetowymi
Pakiety internetowe umożliwiają udostępnianie witryn w jednym pliku przez Bluetooth i uruchamianie ich offline w kontekście źródła.
Większe możliwości w trybie offline dzięki interfejsowi Periodic Background Sync API
Okresowa synchronizacja w tle umożliwia aplikacjom internetowym okresowe synchronizowanie danych w tle, zbliżając je do działania aplikacji na iOS, Androida lub komputer.
Odbieranie udostępnionych danych za pomocą interfejsu Web Share Target API
Na komórce lub komputerze udostępnienie powinno być proste. Aby to zrobić, wystarczy kliknąć przycisk Udostępnij, wybrać aplikację i wskazać, komu chcesz ją udostępnić. Interfejs Web Share Target API pozwala zainstalowanym aplikacjom internetowym zarejestrować się w systemie operacyjnym, aby otrzymywać udostępniane treści.
Wycofywanie i usuwanie w Chrome 79
Przegląd wycofywanych i usuniętych funkcji w Chrome 79, które pomogą Ci zaplanować działania.
Chromium Chronicle #7: Preprocessing Source
Ręczne kompilowanie jednego pliku źródłowego Chromium może ułatwić programistom eksperymentowanie z opcjami optymalizacji kompilatora, zrozumienie subtelnych szczegółów makr lub zminimalizowanie błędu kompilatora. W tym miesiącu przyjrzymy się, jak wstępnie przetworzyć źródło.
Interfejs Notification Activates API
Interfejs Notification Activates API umożliwia programistom planowanie powiadomień lokalnych, które nie wymagają połączenia sieciowego, dzięki czemu idealnie nadają się do takich zastosowań jak aplikacje kalendarza.
Nowości w Chrome 78
Udostępniamy Chrome 78. Teraz możesz podać „typy” zmiennych CSS. Masz dostęp do nowszych mechanizmów Service Worker, ponieważ sprawdzanie bajtów po bajtach skryptów importowanych przez funkcję importScripts() jest teraz wykonywane. Dostępne są też 2 nowe wersje próbne origin, które udostępniają nowe, przydatne funkcje, w tym natywny system plików i odbiornik SMS-ów. Dodatkowo w dniach 11–12 listopada 2019 r. odbędzie się wydarzenie Chrome DevSummit. Przyjrzyjmy się nowościom dla deweloperów w Chrome 78.
Nowości w Narzędziach deweloperskich (Chrome 79)
Dowiedz się, dlaczego pliki cookie są blokowane, symuluj schemat preferowanego koloru, ciemny kolor, aktualizacje zasięgu kodu itp.
Całkowity czas blokowania
Dowiedz się więcej o całkowitym czasie blokowania w Lighthouse oraz o tym, jak go mierzyć i optymalizować.
Weryfikowanie numerów telefonów w internecie za pomocą interfejsu WebOTP API
Znajdowanie, zapamiętywanie i wpisywanie haseł jednorazowych wysyłanych SMS-em jest uciążliwe. Interfejs WebOTP API upraszcza korzystanie z haseł jednorazowych.
Kronika Chromium nr 6: widok siatki Monorail
Monorail udostępnia widok siatki w Chrome, który umożliwia wizualizację problemów na tablicy stylów Kanban. Z tego odcinka dowiesz się, jak korzystać z trybu siatki.
Wycofywanie i usuwanie w Chrome 78
Przegląd wycofywanych i usuniętych funkcji w Chrome 78, które pomogą Ci zaplanować działania.
Wynik Lighthouse dotyczący ułatwień dostępu
Dowiedz się, jak Lighthouse generuje wynik ułatwień dostępu Twojej strony.
Domyślnie nowe mechanizmy Service Worker
Żądania HTTP, które sprawdzają dostępność aktualizacji skryptu skryptu service worker, nie będą już domyślnie realizowane przez pamięć podręczną HTTP, a zaimportowane skrypty mogą aktywować proces aktualizacji skryptu service worker.
Nowości w Chrome 77
Udostępniamy Chrome 77. Jest lepszy sposób śledzenia wydajności witryny za pomocą funkcji największego wyrenderowania treści. Formularze zyskują nowe możliwości. Dostępne jest natywne leniwe ładowanie. Chrome DevSummit odbędzie się w dniach 11–12 listopada 2019 r. I wiele innych. Przyjrzyjmy się nowościom dla deweloperów w Chrome 77.
Debugowanie usług w tle
Wyświetlaj raporty i debuguj usługi działające w tle, np. pobieranie w tle, synchronizację w tle, powiadomienia i wiadomości push.
Nowości w Narzędziach deweloperskich (Chrome 78)
Lighthouse 5.2 w panelu Audyty i Największe wyrenderowanie treści w panelu Wydajność.
Pierwsze kroki z GPU Compute w internecie
W tym poście omówimy eksperymentalny interfejs API WebGPU na podstawie przykładów i pomoże Ci rozpocząć wykonywanie obliczeń równoległych z wykorzystaniem GPU.
Krótki przewodnik
Przewodnik dla początkujących dotyczący tworzenia podstawowej, prostej zaufanej aktywności w internecie.
Kronika Chromium nr 5: kodowanie poza piaskownicą
Cały kod zawiera błędy. Proces przeglądarki Chrome nie ma piaskownicy, co oznacza, że błędy te mogą dać złośliwemu kodowi pełny dostęp do całego urządzenia. W tym odcinku wyjaśniamy, co należy robić, a czego unikać w programie bez piaskownicy.
Sprawdzanie stanu kodu za pomocą interfejsu ReportingObserver API
RaportowanieObserver informuje, że Twoja witryna korzysta z wycofanego interfejsu API lub jeśli występuje interwencja przeglądarki. Podstawowe funkcje są dostępne w Chrome 69. Od wersji Chrome 84 można go używać w instancjach roboczych. To całkiem proste.
Wycofanie i usuwanie w Chrome 77
Przegląd wycofywanych i usuniętych elementów w Chrome 77, które ułatwią Ci planowanie.
Selektor kontaktów w internecie
Dostęp do kontaktów użytkownika jest funkcją w aplikacjach na iOS i Androida niemal od zera. Contact Picker API to interfejs API na żądanie, który pozwala użytkownikom wybierać wpisy z listy kontaktów i udostępniać witrynie niektóre informacje o wybranych kontaktach. Pozwala użytkownikom udostępniać tylko to, co chcą i kiedy chcą, oraz ułatwia kontakt ze znajomymi i rodziną.
Chromium Chronicle #4: przetestuj funkcje platformy internetowej dzięki WPT
Testy platformy internetowej (WPT) to preferowany sposób testowania funkcji udostępnianych w internecie, ponieważ są one udostępniane innym przeglądarkom przez GitHuba. W tym miesiącu przyjrzymy się sprawdzonym metodom związanym z WPT.
Nowości w Chrome 76
Udostępniamy Chrome 76. Dodaje obsługę zapytania o media w schemacie preferowanych kolorów, co wprowadza tryb ciemny w witrynach. Przycisk instalacji w omniboksie ułatwiający instalację progresywnych aplikacji internetowych na komputerze. Sposób, aby zapobiec wyświetlaniu minipaska informacyjnego na urządzeniu mobilnym. Zwiększa częstotliwość aktualizowania pakietów WebAPK. I wiele innych. Przyjrzyjmy się nowościom dla deweloperów w Chrome 76.
Aktualności multimedialne w Chrome 75
Prognozowanie, czy odtwarzanie będzie płynne i energooszczędne w przypadku zaszyfrowanych multimediów, oraz obsługa podpowiedzi atrybutu elementu wideo „playsInline”.
Nowości w Narzędziach deweloperskich (Chrome 77)
Kopiuj style elementów, wizualizuj zmiany układu i korzystaj z innych funkcji.
Aktualizacja komponentów sieciowych – więcej czasu na uaktualnienie do interfejsów API w wersji 1
Użytkownicy komponentów sieciowych w wersji 0 mają więcej czasu na przejście na wersję 1, ale warto się upewnić i przetestować.
Chromium Chronicle #3: pokrycie kodu w Gerrit
Testy są kluczowe, ponieważ wykrywają błędy i regresje, egzekwują lepsze projekty i ułatwiają obsługę kodu. W tym miesiącu pokażemy, jak przeprowadzać szczegółowe testy we współpracy z Gerrit.
Wycofywanie i usuwanie w Chrome 76
Przegląd wycofywanych i usuniętych elementów w Chrome 76, które pomogą Ci zaplanować działania.
Częstsze aktualizowanie plików WebAPK
Od wersji Chrome 76 pakiety WebAPK będą aktualizowane częściej.
Nowości w Chrome 75
Wdrażamy Chrome 75. Istnieje nowy sposób zmniejszenia czasu oczekiwania na elementy kanwy. Aplikacje internetowe mogą teraz udostępniać pliki innym zainstalowanym aplikacjom za pomocą arkusza udostępniania na poziomie systemu. Wszystkie prelekcje z Google I/O znajdziesz na naszym kanale w YouTube. I wiele innych. Przyjrzyjmy się nowościom dla deweloperów w Chrome 75.
Nowości w Narzędziach deweloperskich (Chrome 76)
Autouzupełnianie wartości CSS, nowy interfejs do ustawień sieci i inne.
Chromium Chronicle #2: walka z problemami z pojawianiem się testu
Niepewne wyniki to częsty problem w Chrome. Wpływają one na produktywność innych deweloperów, a z czasem zostają wyłączone. W tym miesiącu pokażemy, jak walczyć z brakiem wyników w testach.
W Chrome 76 możesz ukryć minipasek informacyjny na ekranie głównym,
Większa kontrola nad minipaskiem informacyjnym na potrzeby PWA w Chrome 76.
Rzeczywistość rozszerzona z osobą do oglądania modeli
W lutym wprowadziliśmy komponent internetowy przeglądającego model, który umożliwia deklaratywne dodawanie modelu 3D do strony internetowej. Teraz ogłaszamy obsługę AR na Androidzie z dodaniem atrybutu ar.
Wstrzymywanie rysowania – ograniczanie bieli w przypadku nawigacji w tej samej domenie
Krótkie omówienie przechowywania farby. Funkcja Chrome redukująca miganie białego tła w elementach nawigacyjnych z tego samego źródła
Unikaj wielokrotnych przekierowań
Dowiedz się, dlaczego przekierowania stron spowalniają wczytywanie strony i jak tego uniknąć.
Strona nie zawiera elementu HTML doctype, przez co aktywuje tryb osobliwości
Dowiedz się, jak dopilnować, aby strona nie uruchamiała trybu osobliwości w starszych przeglądarkach.
Unikaj bardzo dużych ładunków sieciowych
Dowiedz się, jak poprawić czas wczytywania strony internetowej przez zmniejszenie całkowitego rozmiaru plików zasobów udostępnianych użytkownikom.
Używa pamięci podręcznej aplikacji
Dowiedz się, jak przenieść stronę internetową z wycofanej pamięci podręcznej aplikacji do interfejsu Cache API.
Strona ma logiczną kolejność kart
Dowiedz się, jak ułatwić użytkownikom klawiatury poruszanie się po stronie internetowej, umieszczając tabulatory w logicznej kolejności.
W dokumencie nie są używane czytelne rozmiary czcionek
Dowiedz się więcej o audycie Lighthouse, które „Dokument nie używa czytelnych rozmiarów czcionek”.
Włącz kompresję tekstu
Dowiedz się, jak włączenie kompresji tekstu może przyspieszyć wczytywanie strony.
Plik robots.txt jest nieprawidłowy
Dowiedz się więcej o nieprawidłowym pliku robots.txt podczas kontroli Lighthouse.
Linki do innych domen są niebezpieczne
Dowiedz się, jak bezpiecznie tworzyć linki do zasobów na innym hoście.
Wyświetla obrazy o nieprawidłowym formacie
Dowiedz się, jak wyświetlać elastyczne obrazy o prawidłowym współczynniku proporcji.
Ogranicz wpływ kodu zewnętrznego
Dowiedz się, jak zewnętrzny kod, np. sieci reklamowe i usługi analityczne, wpływa na szybkość wczytywania stron oraz jak możesz zoptymalizować kod innej firmy.
Wyświetlaj zasoby statyczne, korzystając z wydajnej zasady pamięci podręcznej
Dowiedz się, jak buforowanie zasobów statycznych strony internetowej może zwiększyć jej wydajność i niezawodność w przypadku powracających użytkowników.
Pierwsze wyrenderowanie elementu znaczącego
Dowiedz się więcej o wycofanym pierwszym wyrenderowaniu elementu znaczącego z Lighthouse oraz o tym, jak je mierzyć i optymalizować.
Obejmuje biblioteki JavaScript interfejsu użytkownika ze znanymi lukami w zabezpieczeniach
Dowiedz się, jak zwiększyć bezpieczeństwo swojej strony, zastępując biblioteki JavaScript, które zawierają znane luki w zabezpieczeniach.
Uporządkowane dane są prawidłowe
Dowiedz się więcej o audycie Lighthouse, „Uporządkowane dane są prawidłowe”
Elementy sterujące niestandardowe mają powiązane etykiety
Dowiedz się, jak poprawić ułatwienia dostępu, upewniając się, że wszystkie niestandardowe elementy sterujące mają etykiety, do których mają dostęp użytkownicy technologii wspomagających osoby z niepełnosprawnością.
Znaczniki i miary czasu działań użytkownika
Dowiedz się, jak interfejs User Timing API może Ci pomóc w uzyskaniu rzeczywistych danych o skuteczności Twojej strony internetowej.
Dokument nie ma prawidłowego atrybutu hreflang
Dowiedz się, że „Dokument nie ma prawidłowego atrybutu hreflang” – sprawdź w Lighthouse.
Dokument nie ma prawidłowego atrybutu rel=canonical
Dowiedz się więcej o tym, że dokument nie ma prawidłowego audytu elementu rel=canonical" Lighthouse.
Elementy orientacyjne HTML5 są używane do ulepszania nawigacji
Dowiedz się, jak poprawić dostępność strony internetowej przez podanie punktów orientacyjnych, za pomocą których użytkownicy klawiatury mogą się poruszać.
Renderowanie z małym opóźnieniem z zdesynchronizowaną wskazówką
Aplikacje do rysowania oparte na rysikach przeznaczone do internetu mają problemy z opóźnieniami, ponieważ strona internetowa musi synchronizować aktualizacje grafiki z interfejsem DOM. Desynchroniczna wskazówka dotycząca kontekstu pomija DOM, aby wyeliminować opóźnienie.
Używanie detektorów pasywnych do poprawy działania przewijania
Dowiedz się, jak poprawić reagowanie stron na przewijanie, unikając pasywnych detektorów zdarzeń.
Wyeliminuj zasoby blokujące renderowanie
Dowiedz się więcej o kontroli zasobów blokujących renderowanie.
Używa wycofanych interfejsów API
Dowiedz się, jak usuwać i zastępować wycofane interfejsy API ze strony internetowej.
Szacowany czas oczekiwania na wprowadzenie danych
Dowiedz się więcej o danym szacowanym czasie oczekiwania na wejście w Lighthouse oraz o tym, jak go mierzyć i optymalizować.
Czas do pełnej interaktywności
Dowiedz się więcej o danych dotyczących czasu do pełnej interaktywności w Lighthouse oraz o tym, jak je mierzyć i optymalizować.
Skrócenie czasu wykonywania JavaScriptu
Dowiedz się, jak wykonywanie kodu JavaScript może spowalniać działanie strony i jak możesz je przyspieszyć.
Zminimalizuj aktywność głównego wątku
Dowiedz się więcej o głównym wątku przeglądarki i o tym, jak możesz zoptymalizować stronę internetową, aby zmniejszyć obciążenie głównego wątku i zwiększyć wydajność.
Liczba żądań powinna być niewielka, a rozmiar transferu
Dowiedz się, jak duża liczba zasobów i duży rozmiar transferu wpływają na wydajność obciążenia. Poznaj strategie redukcji liczby żądań i wielkości transferów.
Maksymalne możliwe opóźnienie przy pierwszym działaniu
Dowiedz się więcej o wycofanych danych dotyczących maksymalnego potencjalnego opóźnienia przy pierwszym działaniu w Lighthouse oraz o tym, jak je mierzyć i optymalizować.
Interaktywne elementy sterujące można zaznaczyć za pomocą klawiatury
Dowiedz się, jak sprawić, aby niestandardowe elementy sterujące na stronie internetowej można było wybrać, aby były dostępne dla użytkowników klawiatury.
Błędy przeglądarki zostały zarejestrowane w konsoli
Dowiedz się, jak identyfikować i naprawiać błędy w przeglądarce.
Używaj formatów wideo w przypadku treści animowanych
Dowiedz się więcej o kontroli treści efektywnych-animowanych.
Pierwsze wyrenderowanie treści
Dowiedz się więcej o pierwszym wyrenderowaniu treści w Lighthouse oraz o tym, jak je mierzyć i optymalizować.
Elementy interaktywne wskazują ich przeznaczenie i stan
Dowiedz się, jak poprawić dostępność niestandardowych elementów sterujących na swojej stronie internetowej przez jasne przedstawienie ich celu i stanu dla wszystkich użytkowników.
Indeksowanie strony jest zablokowane
Dowiedz się więcej o zablokowaniu indeksowania strony i kontroli Lighthouse
Strona ma kod stanu HTTP oznaczający niepowodzenie
Dowiedz się więcej o kodzie „Strona ma kod stanu HTTP „Niepowodzenie” oraz audyt Lighthouse.
Używa document.write()
Dowiedz się, jak skrócić czas wczytywania strony, unikając metody document.write().
Ustawienia niestandardowe mają role ARIA
Dowiedz się, jak ulepszyć ułatwienia dostępu, dodając atrybuty ARIA do niestandardowych elementów sterujących, aby technologie wspomagające mogły je interpretować.
Uniemożliwia wklejanie w polach do wprowadzania danych
Dowiedz się, jak poprawić wygodę użytkowników korzystających z ekranu logowania w witrynie przez umożliwienie im wklejania w polach do wprowadzania danych.
Użytkownik jest kierowany na nowe treści dodane do strony.
Dowiedz się, jak wprowadzać zmiany w stanie aplikacji internetowej w sposób zrozumiały dla użytkowników technologii wspomagających, koncentrując się na nowo dodanych treściach.
Pyta o zgodę na geolokalizację podczas wczytywania strony
Dowiedz się, jak odpowiedzialnie prosić o dostęp do geolokalizacji w sposób, który zapewni użytkownikom satysfakcję.
Indeks prędkości
Dowiedz się więcej o wskaźniku szybkości w Lighthouse i o tym, jak go zoptymalizować.
Pyta o zgodę na wyświetlanie powiadomień podczas wczytywania strony
Dowiedz się, jak odpowiedzialnie prosić o zgodę na wyświetlanie powiadomień, tak aby użytkownicy byli zadowoleni.
Technologia wspomagająca osoby z niepełnosprawnością ukryła treści poza ekranem
Dowiedz się, jak ulepszyć dostępność dla użytkowników technologii wspomagających, ukrywając przed nimi treści znajdujące się poza ekranem.
Linki nie mają opisowego tekstu
Dowiedz się więcej o audytach w Lighthouse „Linki nie mają tekstu opisowego”.
Pierwszy nieaktywny procesor
Dowiedz się więcej o wycofanej przez Lighthouse, wycofanej wskaźniku bezczynności procesora i o tym, jak je zoptymalizować.
Nie używa HTTP/2 dla wszystkich swoich zasobów
Dowiedz się, dlaczego protokół HTTP/2 jest ważny dla czasu wczytywania Twojej strony i jak włączyć protokół HTTP/2 na serwerze.
Kolejność wizualna na stronie jest zgodna z kolejnością DOM
Dowiedz się więcej o kontroli wizualnej-kolejności śledzenia.
Elementy dotykowe nie mają odpowiedniego rozmiaru
Dowiedz się więcej o audytach w Lighthouse i o tym, że elementy dotykowe nie mają odpowiedniego rozmiaru.
Wycofywanie i usuwanie w Chrome 75
Przegląd wycofywanych i usuniętych funkcji w Chrome 75, które ułatwią Ci planowanie.
fokus użytkownika nie jest przypadkiem uwięziony w regionie;
Dowiedz się, jak poprawić ułatwienia dostępu dla użytkowników klawiatury przez zapobieganie uwięzieniu fokusu w określonym obszarze strony.
Unikaj łańcuchów żądań krytycznych
Dowiedz się, co to są łańcuchy żądań o znaczeniu krytycznym, jak wpływają na wydajność stron internetowych i jak możesz ograniczyć ich skutki.
Wykryte biblioteki JavaScript
Dowiedz się więcej o audytach diagnostycznych Lighthouse i wykrytych bibliotekach JavaScriptu.
Nowości w Chrome 74
Z okazji Google I/O zbliża się Chrome 74! Dodaje obsługę pól klas prywatnych, wykrywa, kiedy użytkownik prosi o ograniczenie ruchu, obsługuje zdarzenia przejścia CSS i wiele innych funkcji. Przyjrzyjmy się nowościom dla deweloperów w Chrome 74.
Obserwowanie wartości JavaScript w czasie rzeczywistym za pomocą wyrażeń na żywo
Jeśli zdarza Ci się wielokrotnie wpisywać w konsoli te same wyrażenia JavaScript, wypróbuj funkcję Live Expression.
Informacje o funkcjach konsoli
Kompleksowe informacje na temat wszystkich funkcji i działań związanych z interfejsem konsoli w Narzędziach deweloperskich w Chrome.
Nowości w Narzędziach deweloperskich (Chrome 75)
Możesz używać gotowych ustawień autouzupełniania, wyczyścić dane witryn z menu poleceń i wykonać wiele innych czynności.
Chromium Chronicle #1: sprawdzone metody dotyczące planowania zadań
Zespół Chrome z dumą prezentuje Chromium Chronicle – comiesięczną serię stworzoną specjalnie dla deweloperów Chromium – twórców, którzy tworzą przeglądarkę. W tym miesiącu przyjrzymy się sprawdzonym metodom planowania zadań.
Wyświetl dane z pamięci podręcznej
Jak wyświetlić dane z pamięci podręcznej w panelu Aplikacje w Narzędziach deweloperskich w Chrome.
Wyświetl dane Web SQL
Jak wyświetlić dane Web SQL w panelu Aplikacja w Narzędziach deweloperskich w Chrome.
Wycofane: wyświetlanie danych pamięci podręcznej aplikacji za pomocą Narzędzi deweloperskich w Chrome
Jak wyświetlić dane pamięci podręcznej aplikacji w panelu Aplikacje w Narzędziach deweloperskich w Chrome.
Wycofywanie i usuwanie w Chrome 74
Przegląd wycofywanych i usuniętych elementów w Chrome 74, które ułatwią Ci planowanie.
Wyświetlanie i zmienianie danych IndexedDB
Jak wyświetlać i zmieniać dane IndexedDB za pomocą panelu aplikacji i fragmentów kodu.
Wyświetlanie i edytowanie pamięci lokalnej
Jak wyświetlać i edytować „localStorage” w panelu pamięci lokalnej i konsoli.
Wyświetlanie i edytowanie pamięci sesji
Jak wyświetlać i edytować element „sessionStorage” w panelu Pamięć sesji i konsoli.
Nowości w Chrome 73
Chrome 73 ułatwia tworzenie przenośnych treści dzięki Signed Exchange HTTP. Dynamiczna zmiana stylów staje się znacznie łatwiejsza dzięki konstrukcjom arkuszy stylów. Dodano obsługę progresywnych aplikacji internetowych na komputerach Mac oraz obsługę PWA na wszystkich platformach stacjonarnych i mobilnych, co ułatwia tworzenie instalowanych aplikacji dostarczanych z internetu. Przyjrzyjmy się nowościom dla deweloperów w Chrome 73.
KV Storage – pierwszy wbudowany moduł w sieci
Wprowadzenie do nowego interfejsu KV Storage API, wbudowanych modułów i importowania map.
Nowości w Narzędziach deweloperskich (Chrome 74)
Zaznacz węzły, na które wpływa właściwość CSS, Lighthouse w wersji 4, przeglądarka komunikatów binarnych WebSocket i inne.
Rozpoczynanie wyświetlania i zmieniania DOM
Jak wyświetlać węzły, wyszukiwać je, edytować, odnosić się do węzłów w konsoli i wykonywać inne czynności.
Zespół Web Dev Ecosystem – podsumowanie lutego
Podsumowując luty, podsumowujemy wydarzenia w zespole ekosystemu programistów stron internetowych.
okno-skrzynki roboczej
Moduł, który pomaga zarejestrować skrypt service worker, zarządzać aktualizacjami i odpowiadać na zdarzenia cyklu życia.
Zastępowanie ścieżki często używanej w kodzie JavaScript aplikacji za pomocą WebAssembly
Jedną z głównych zalet WebAssembly jest _przewidywalna_ wydajność w różnych przeglądarkach. Jak jednak przekształcić ścieżkę często wykonywanych operacji napisaną w JavaScript w WebAssembly?
Lepsze wyniki dopasowania za pomocą funkcji String.prototype.matchAll()
W Chrome 73 wprowadzamy metodę String.prototype.matchAll(). Działa podobnie do match(), ale zapewnia prosty sposób powtarzania dopasowań, zwłaszcza gdy potrzebujesz dostępu do grup przechwytywania.
Wycofywanie i usuwanie w Chrome 73
Przegląd wycofywanych i usuniętych funkcji w Chrome 73, które pomogą Ci zaplanować działania.
Domyślne szybkie przewijanie pokrętła
Reagowanie na przewijanie ma kluczowe znaczenie dla zaangażowania użytkownika w stronę mobilną, ale detektor zdarzeń koła często powoduje poważne problemy z działaniem przewijania. Dowiedz się, jak domyślnie pomagamy użytkownikom i deweloperom działać szybciej.
Aktualności multimedialne w Chrome 73
Obsługa sprzętowych kluczy multimedialnych, sprawdzanie zasad HDCP, testowanie źródła obrazu w obrazie i inne funkcje.
Błyskawiczne szablony i komponenty internetowe – lit-html i LitElement
Technologie lit-html i LitElement wprowadzają szybkie, lekkie szablony i współdziałające komponenty we współczesnym internecie.
Uruchamiamy wersję próbną RTCQuicTransport w pobliżu (Chrome 73)
RTCQuicTransport to nowy interfejs API na platformie internetowej, który umożliwia wymianę dowolnych danych ze zdalnymi aplikacjami równorzędnymi za pomocą protokołu QUIC.
Pakiety stosu Prototyping dla Lighthouse
Zamiast prezentować tylko uogólnione porady, pakiety stosu wzbogacą Lighthouse o dodatkowe komunikaty dotyczące konkretnych narzędzi.
Nowości w Chrome 72
W Chrome 72 tworzenie pól klas publicznych w języku JavaScript jest teraz znacznie bardziej przejrzyste. Możesz sprawdzić, czy strona została aktywowana za pomocą nowego interfejsu User Activation API, lokalizacja list jest o wiele łatwiejsza i nie tylko. Przyjrzyjmy się nowościom dla deweloperów w Chrome 72.
Nowości w Narzędziach deweloperskich (Chrome 73)
Punkty logowania, szczegółowe etykietki w trybie inspekcji i inne funkcje.
Spójność aktywacji użytkowników we wszystkich interfejsach API
Chrome udostępnia wersję 72 narzędzia Aktywacja użytkownika w wersji 2, dzięki czemu aktywacja użytkownika jest kompletna we wszystkich interfejsach API wymagających aktywacji, co rozwiązuje wiele problemów związanych z aktywacją użytkowników.
Interfejs Character Detection API: obraz wart jest tysiąc słów, twarzy i kodów kreskowych
Character Detection API wykrywa twarze, kody kreskowe i tekst na obrazach.
Tworzenie urządzenia na potrzeby WebUSB
Utwórz urządzenie, aby w pełni korzystać z interfejsu WebUSB API. Z tego artykułu dowiesz się, jak zbudować urządzenie, aby w pełni korzystać z interfejsu WebUSB API. Krótkie wprowadzenie do interfejsu API znajdziesz w artykule Dostęp do urządzeń USB
Nie usypiaj dzięki interfejsowi Screen Wake Lock API
Aby uniknąć rozładowywania baterii, większość urządzeń pozostających nieaktywnych szybko przechodzi w tryb uśpienia. W większości przypadków jest to prawidłowe, jednak niektóre aplikacje wymagają wybudzania ekranu, aby wykonać niektóre czynności. Interfejs Screen Wake Lock API umożliwia zapobieganie przyciemnianiu lub zablokowaniu ekranu przez urządzenie, gdy aplikacja musi nieprzerwanie działać.
Wycofywanie i usuwanie w Chrome 72
Przegląd wycofywanych i usuniętych funkcji w Chrome 72, które pomogą Ci zaplanować działania.
Otwórz Narzędzia deweloperskie w Chrome
Wszystkie sposoby otwierania Narzędzi deweloperskich w Chrome.
Śledź ostrość elementu
Otwórz konsolę, utwórz wyrażenie aktywne i ustaw wyrażenie na document.activeElement.
Plakietki ikon aplikacji
Interfejs App Badging API umożliwia zainstalowanym aplikacjom internetowym ustawienie plakietki dla całej aplikacji wyświetlanej w określonym miejscu powiązanym z systemem operacyjnym, np. na półce lub na ekranie głównym. Plakietki ułatwiają subtelne powiadamianie użytkownika o nowych działaniach, które mogą wymagać jego uwagi. Mogą też służyć do oznaczania niewielkiej ilości informacji, np. liczby nieprzeczytanych elementów.
Nowości w Chrome 71
Chrome 71 ułatwia wyświetlanie względnych wartości czasu dzięki nowemu interfejsowi API Intl.RelativeTimeFormat(). W przypadku tekstu układanego pionowo możesz określić, po której stronie tekstu ma być podkreślone. Korzystanie z interfejsu API syntezy mowy wymaga teraz aktywacji użytkownika, zanim komputer zacznie mówić do Ciebie. Przyjrzyjmy się nowościom dla deweloperów w Chrome 71.
Przedstawiamy pobieranie w tle
Pobieranie w tle umożliwia obsługę dużych plików do pobrania nawet po zamknięciu przeglądarki.
Nowości w Narzędziach deweloperskich (Chrome 72)
Wizualizacja danych o wydajności, wyróżnianie węzłów tekstowych, kopiowanie ścieżki JS do węzła DOM oraz aktualizacje panelu audytów.
Audio w internecie, zasady autoodtwarzania i gry
We wrześniu 2017 r. ogłosiliśmy nadchodzącą zmianę sposobu obsługi dźwięku w ramach zasad dotyczących automatycznego odtwarzania w Chrome. Zmiana zasad została wprowadzona w Chrome 66 w wersji stabilnej w maju 2018 r. Po otrzymaniu opinii od
Stan nowych możliwości
Aplikacje internetowe powinny być w stanie wykonywać wszystkie funkcje aplikacji na poszczególne platformy. Dowiedz się, jaki jest stan nowych funkcji aplikacji internetowych.
Podpisane wymiany HTTP
Signed Exchange umożliwia witrynom podpisywanie treści internetowych w taki sposób, aby można je było bezpiecznie rozpowszechniać i weryfikować, skąd pochodzą.
Wycofywanie i usuwanie w Chrome 71
Przegląd wycofywanych i usuniętych elementów w Chrome 71, które pomogą Ci zaplanować działania.
Oglądanie filmu w trybie obrazu w obrazie
Zarządzanie ustawieniami obrazu w obrazie w elementach filmów w swojej witrynie.
Aktualizacje dźwięku i wideo w Chrome 70
Podsumowanie aktualizacji audio i wideo w Chrome 70 – buforowanie i odtwarzanie między koderami i w różnych strumieniach bajtów, Opus w formacie MP4 z MSE oraz odtwarzanie treści chronionych domyślnie dozwolone w Androidzie.
Nowości w Chrome 70
Chrome 70 dodaje obsługę progresywnych aplikacji internetowych w systemach Windows i Linux, obsługę danych logowania klucza publicznego do interfejsu Credential Management API, nadawanie nazw dedykowanym pracownikom i wiele innych funkcji. Przyjrzyjmy się nowościom dla deweloperów w Chrome 70.
Poprawiono funkcje cache.addAll() i importScripts() w Chrome 71.
Niewielkie zmiany pojawią się w cache.addAll() i importScripts, a także w Chrome 71.
Problemy z czasem malowania w Chrome 69
W Chrome 69 wprowadzono nieprawidłową zmianę w naszych danych dotyczących czasu renderowania. Miała ona przechwytywać większą część procesu renderowania, ale w efekcie pojawiły się niedokładne sygnatury czasowe.
Nowości w Narzędziach deweloperskich (Chrome 71)
Wyróżniaj węzły DOM w wyrażeniach na żywo, przechowuj węzły jako zmienne globalne i korzystaj z innych funkcji.
Worklet animacji Houdiniego
Worklet animacji umożliwia pisanie imperatywnych animacji, które będą uruchamiane z natywną liczbą klatek na urządzeniu, co zapewnia niezakłócony, płynny przebieg animacji, sprawia, że animacje są bardziej odporne na zawinięcie głównego wątku i można je przewijać zamiast w czasie.
Opcje użytkownika dotyczące uprawnień hosta: przewodnik dotyczący przenoszenia kont
Wskazówki dotyczące aktualizowania rozszerzeń w celu obsługi zmian uprawnień hosta w czasie działania począwszy od Chrome 70.
Nowoczesna przeglądarka internetowa (część 4)
Obsługa zdarzeń wejściowych za pomocą wątku kompozytora
Nowoczesna przeglądarka internetowa (część 3)
Wewnętrzne działanie mechanizmu renderowania przeglądarki
Aktualności multimedialne w Chrome 70
Buforowanie i odtwarzanie w ramach kodowania krzyżowego i międzybajtowego, Opus w formacie MP4 z MSE oraz odtwarzanie treści chronionych domyślnie dozwolone na Androidzie.
Elementy wycofane i usunięte w Chrome 70
Przegląd wycofywanych i usuniętych elementów w Chrome 68, które pomogą Ci zaplanować działania.
Nowoczesna przeglądarka internetowa (część 2)
Dowiedz się, jak przeglądarka obsługuje żądania nawigacji.
Dostęp asynchroniczny do plików cookie HTTP
Interfejs Cookie Store API zapewnia asynchroniczny dostęp do plików cookie HTTP i otwiera plik cookie dla mechanizmów Service Worker.
Nowoczesna przeglądarka internetowa (część 1)
Dowiedz się, jak przeglądarka przekształca Twój kod w funkcjonalną witrynę – od architektury wysokiego poziomu po specyfikę potoku renderowania.
Nowości w Chrome 69
Od premiery Chrome minęło 10 lat. Od tego czasu wiele się zmieniło, ale nasz cel, jakim jest stworzenie solidnych podstaw dla nowoczesnych aplikacji internetowych, nadal się zmienia. W Chrome 69 obsługujemy przyciąganie przewijane w CSS oraz obsługę wycięć i blokad internetowych, a także kilka nowych, przydatnych funkcji CSS4. Przyjrzyjmy się nowościom dla deweloperów Chrome w wersji 69.
Nowości w Narzędziach deweloperskich (Chrome 70)
Wyrażenia na żywo w konsoli, wyróżnianie węzłów DOM podczas Eager Evaluation i inne działania.
Aktualności multimedialne w Chrome 69
Ogólne informacje o aktualizacjach multimediów w Chrome 69: sprawdzanie zgodności z zasadami AV1 i HDCP.
ReportingObserver: sprawdzanie stanu kodu
RaportowanieObserver zapewnia programistom wgląd w działanie ich kodu w środowisku naturalnym. RaportowanieObserver wyświetla informacje o problemach takich jak wycofania i interwencje, czyli wiadomości, które wcześniej były dostępne tylko w konsoli DevTools.
W przypadku wyszukiwarki i Google Ads szybkość ma teraz wpływ na stronę docelową
W wyszukiwarce i Google Ads szybkość ma teraz wpływ na stronę docelową.
Nowości w Chrome 68
Chrome 68 wprowadza zmiany w działaniu dodawania do ekranu głównego w Androidzie, zapewniając Ci większą kontrolę. Interfejs API cyklu życia strony informuje o tym, kiedy karta została zawieszona lub przywrócona. Interfejs Payment Handler API umożliwia też internetowym aplikacjom do płatności obsługę Payment Request. Przyjrzyjmy się nowościom dla deweloperów w Chrome 68.
Przedstawiamy NoState Prefetch
Chrome 63 jest dostarczany z funkcją wstępnego pobierania NoState. NoState Prefetch to mechanizm pobierania zasobów z wyprzedzeniem, który wykorzystuje mniej pamięci niż wycofany proces wstępnego renderowania.
PWACompat – plik manifestu aplikacji internetowej dla wszystkich przeglądarek
Użyj biblioteki PWACompat, aby przenieść plik manifestu aplikacji internetowej do wszystkich przeglądarek.
workbox-nawigacja-wstępne wczytanie
Włącz wstępne wczytywanie nawigacji, aby szybciej otrzymywać odpowiedzi sieciowe na żądania nawigacji.
Izolacja witryn dla programistów stron internetowych
W Chrome 67 na komputerze jest domyślnie włączona nowa funkcja o nazwie Izolacja witryn\*. W tym artykule wyjaśniamy, na czym polega izolacja witryn, dlaczego jest konieczna i dlaczego deweloperzy powinni o niej wiedzieć.
Eksperymentowanie z opóźnieniem przy pierwszym działaniu w raporcie na temat wygody użytkowników Chrome
Dodaliśmy eksperymentalne dane dotyczące opóźnienia przy pierwszym działaniu (FID) do Raportu na temat użytkowania Chrome.
Wprowadzenie do zasad dotyczących funkcji
Zasady dotyczące funkcji umożliwiają programistom włączanie, wyłączanie i modyfikowanie działania określonych interfejsów API i funkcji w przeglądarce. To jak CSP, ale dla funkcji! Wysyłana w Chrome 60.
Informacje o limicie miejsca na dane
Przewodnik po konfigurowaniu Workbox w celu uniknięcia problemów z limitem miejsca na dane.
Rzeczywistość rozszerzona w internecie
Rzeczywistość rozszerzona umożliwia umieszczanie i śledzenie wirtualnych obiektów w widoku świata rzeczywistego.
Chacmool: rzeczywistość rozszerzona w Chrome Canary
Chacmool to edukacyjna internetowa wersja demonstracyjna, która pokazuje, jak w łatwy sposób AR w internecie może być bardzo wciągające.
Najczęstsze pytania dotyczące migracji procesu wycofania instalacji bezpośredniej
Najczęstsze pytania o wycofywanie wbudowanych instalacji rozszerzeń do Chrome.
Elementy wycofane i usunięte w Chrome 68
Przegląd wycofywanych i usuniętych elementów w Chrome 68, które pomogą Ci zaplanować działania.
Zmiany w działaniu dodawania do ekranu głównego
Od Chrome 68 na urządzeniach z Androidem sposób dodawania do ekranu głównego zmienia się, aby umożliwić Ci większą kontrolę nad tym, kiedy i w jaki sposób użytkownik może zobaczyć prośbę. Jeśli Twoja witryna spełnia kryteria „Dodaj do ekranu głównego”, Chrome nie będzie już automatycznie wyświetlać banera dodawania do ekranu głównego. Zamiast tego musisz wywołać prompt() w zapisanym zdarzeniu beforeinstallprompt, aby wyświetlić użytkownikom prośbę o dodanie do ekranu głównego.
Nowości w Chrome 67
W Chrome 67 progresywne aplikacje internetowe są dostępne na komputerze. Dodaje obsługę ogólnego interfejsu API czujników, który ułatwia dostęp do czujników urządzenia, takich jak akcelerometr, żyroskop i inne. Oprócz tego obsługa formatu BigInts ułatwia pracę z dużymi liczbami całkowitymi. Przyjrzyjmy się nowościom dla deweloperów Chrome w wersji 67.
Nowości w Narzędziach deweloperskich (Chrome 68)
Niechciana ocena, wskazówki dotyczące argumentów, autouzupełnianie funkcji, Lighthouse 3.0 i inne.
Włączanie silnego uwierzytelniania za pomocą WebAuthn
W Chrome 67 w wersji beta wprowadziliśmy interfejs Web Authentication (WebAuthn), który umożliwia przeglądarkom interakcję z danymi logowania opartymi na kluczu publicznym oraz zarządzanie nimi. Umożliwia to silne uwierzytelnianie za pomocą wyjmowanych kluczy bezpieczeństwa oraz wbudowanych aplikacji uwierzytelniających, takich jak czytniki linii papilarnych.
Korzystanie z Lighthouse do usprawnienia wczytywania stron
Nowe audyty wydajności dotyczące wstępnego wczytywania, wstępnego łączenia, GIF-ów i innych elementów.
Przedstawiamy Lighthouse 3.0
Szybsze kontrole, mniej wariancji, nowy interfejs raportów, nowe kontrole i inne korzyści.
Elementy wycofane i usunięte w Chrome 67
Przegląd wycofywanych i usuniętych funkcji w Chrome 67, które pomogą Ci zaplanować działania. W tej wersji wycofaliśmy przypinanie klucza publicznego, usunięto pamięć podręczną aplikacji w niezabezpieczonych kontekstach i więcej usuwania prefiksów.
Przejdź na skrypty działające w tle oparte na zdarzeniach
Jak przenieść stały skrypt działający w tle do nietrwałego modelu opartego na zdarzeniach, aby zwiększyć wydajność rozszerzenia do Chrome.
Nowości w Chrome 66
Chrome 66 ułatwia manipulację arkuszami CSS dzięki nowemu obiektowi modelu CSS z typem CSS. Dostęp do schowka jest teraz asynchroniczny, wprowadzono nowy kontekst renderowania elementów canvas i lepszy sposób przetwarzania dźwięku za pomocą JavaScriptu. Przyjrzyjmy się nowościom dla deweloperów w Chrome 66.
Nowości w Narzędziach deweloperskich (Chrome 67)
Możesz przeszukiwać nagłówki sieciowe, kopiować żądania jako pobieranie, kontrolować strony pod kątem warunków korzystania z komputerów i korzystać z wielu innych funkcji.
Edytowanie i zapisywanie plików w obszarze roboczym
Dowiedz się, jak zapisać zmiany wprowadzone w Narzędziach deweloperskich w plikach źródłowych.
Wyświetlanie stron internetowych na dodatkowych podłączonych wyświetlaczach
Chrome 66 pozwala stronom internetowym korzystać z dodatkowego wyświetlacza za pomocą interfejsu Presentation API i kontrolować jego zawartość za pomocą interfejsu Presentation Received API.
Wycofanie i usuwanie w Chrome 66
Przegląd wycofywanych i usuniętych elementów w Chrome 66, które pomogą Ci zaplanować działania. W tej wersji ulepszyliśmy zabezpieczenia skryptu service worker i poprawiliśmy wartości pozycji CSS.
Najczęstsze pytania dotyczące SmooshGate
Czego można dowiedzieć się z SmooshGate na temat opracowywania standardów i platformy internetowej? Ten raport zawiera ogólne informacje.
Ochrona prywatności użytkowników
Wskazówki dotyczące zapewnienia, że rozszerzenie do Chrome chroni prywatność użytkownika.
Ochrona prywatności użytkowników
Wskazówki dotyczące zapewnienia, że rozszerzenie do Chrome chroni prywatność użytkownika.
Nowości w Chrome 65
Chrome 65 dodaje obsługę nowego interfejsu CSS Paint API, który umożliwia automatyczne generowanie obrazów. Możesz wykorzystać interfejs Server Timing API, aby przekazywać informacje o czasie wydajności serwera za pomocą nagłówków HTTP. Nowa właściwość CSS display: content umożliwia znikanie pól. Przyjrzyjmy się nowościom dla programistów Chrome w wersji 65.
Nowości w Narzędziach deweloperskich (Chrome 66)
Możesz ignorować skrypt w panelu Sieć, automatycznie dostosowywać powiększenie w trybie urządzenia i korzystać z innych funkcji.
Aktualizacje Lighthouse 2.8
Nowe audyty wydajności i SEO, stanowiące pierwszą sekcję raportów i wiele innych.
Wycofywanie i usuwanie w Chrome 65
Przegląd wycofywanych i usuniętych funkcji w Chrome 65, które ułatwią Ci planowanie. W tej wersji przypomnienie o certyfikatach firmy Symantec jest zablokowane, pobieranie z innych domen jest zablokowane, a plik document.all jest teraz tylko do odczytu.
tworzenie skrzynki roboczej
Moduł, który umożliwia generowanie skryptu service worker, wstawianie pliku manifestu precache do istniejącego kodu lub tworzenie pliku manifestu precache.
Migracja z sw-precache lub sw-toolbox
Przewodnik na temat migracji z sw-precache lub sw-toolbox do Workbox.
Raport na temat użytkowania Chrome – nowy wymiar „Kraj”
Ogłaszamy wprowadzenie nowego wymiaru „Kraj” w Raporcie na temat użytkowania Chrome.
Nowości w Chrome 64
Chrome 64 obsługuje funkcję ResizeObservers, która powiadamia o zmianie rozmiaru prostokąta treści w elemencie. Moduły mają teraz dostęp do metadanych określonych dla hosta za pomocą funkcji import.metadata. Blokowanie wyskakujących okienek jest bardzo skuteczne i działa znacznie lepiej. Przyjrzyjmy się nowościom dla programistów Chrome w wersji 64.
Nowości w Narzędziach deweloperskich (Chrome 65)
Lokalne zastąpienia, narzędzia ułatwień dostępu, audyty wydajności i SEO oraz wiele innych funkcji.
Chrome bez interfejsu graficznego: odpowiedź na pytania o renderowanie po stronie serwera witryn JavaScript
Chrome bez interfejsu graficznego to szybkie rozwiązanie służące do przekształcania dynamicznych witryn w języku JavaScript w statyczne strony HTML.
Nowości w Narzędziach deweloperskich (Chrome 64)
Grupowanie w ramach Monitora wydajności, paska bocznego w konsoli i grupowania w konsoli.
Wyłączam wyciszanie szumów sprzętowych
Eksperymentalne wyłączanie sprzętowego wyciszania szumów w Chrome 64.
Workbox-webpack-plugin
Wygeneruj skrypt service worker lub wstrzyknij plik manifestu precache za pomocą narzędzia do tworzenia pakietu webpack.
Raport na temat użytkowania Chrome – dostęp do ponad miliona najważniejszych źródeł
Dzisiaj przedstawiamy nowy Raport na temat użytkowania Chrome, który obejmuje ponad milion najpopularniejszych witryn w internecie.
Własny host w systemie Linux
Jak spakować, hostować i aktualizować pliki CRX na osobistym serwerze dla użytkowników systemu Linux.
Worklet audio jest teraz domyślnie dostępny
Chrome 64 zawiera niecierpliwie oczekiwaną nową funkcję interfejsu Web Audio API – Audio Worklet
Instalowanie rozszerzeń w systemie Linux
Jak pakować, hostować i aktualizować pliki CRX z osobistego serwera.
Chrome 64 wycofa interfejs chrome.loadTimes() API
Niestandardowy interfejs chrome.loadTimes() API zostanie wycofany w Chrome 64, ponieważ wszystkie jego przydatne funkcje są zgodne ze standardami.
Wycofania i usunięcia w Chrome 64
Przegląd wycofywanych i usuniętych funkcji w Chrome 64, które pomogą Ci zaplanować działania. W tej wersji wprowadzono zmiany w interfejsie API wydajności, wycofaliśmy obsługę wielu katalogów głównych i interfejs API WebKit.
Aktualizacje Lighthouse 2.6
Nowe audyty wydajności, odświeżenie wyniku ułatwień dostępu, zgłaszanie ulepszeń UX i poprawki błędów.
Aktualności multimedialne w Chrome 63 i 64
W Chrome 64 czeka na Ciebie przewidywalne odtwarzanie multimediów, HDR w systemie Windows 10, odtwarzanie offline z trwałymi licencjami i inne korzyści.
Device Memory API
Interfejs Device Memory API pozwala deweloperom udostępniać użytkownikom różne zasoby w zależności od ilości pamięci urządzenia.
Nowości w Chrome 63
Chrome 63 umożliwia dynamiczne importowanie modułów JavaScript. Moje ulubione pytanie przy kodowaniu wywiadów staje się rewelacją dzięki asynchronicznym generatorom i generatorom. Możesz też zastąpić domyślne zachowanie przeglądarki dotyczące przewijania rozszerzonego przy użyciu właściwości CSS „Overscroll-behavior”.
Workbox-broadcast-update
Wysyłaj komunikaty do stron, gdy pamięć podręczna zostanie zaktualizowana o nową odpowiedź.
Nowości w Narzędziach deweloperskich (Chrome 63)
Zdalne debugowanie multiklientów, powiadomienia push z danymi niestandardowymi i Workspace 2.0.
skrzynka robocza-synchronizacja-w tle
Synchronizacja w tle umożliwia niezawodne wysyłanie żądań sieciowych nawet wtedy, gdy użytkownik jest offline.
odpowiedź w pamięci podręcznej skrzynki roboczej
Określ, które żądania mają być przechowywane w pamięci podręcznej, na podstawie kodu stanu lub nagłówków odpowiedzi.
Rdzeń skrzynki roboczej
zmieniać poziomy rejestrowania i nazwy pamięci podręcznej; Zawiera udostępniony kod używany przez wszystkie biblioteki Workbox.
routing skrzynki roboczej
Kieruje żądania w mechanizmie Service Worker do określonych strategii buforowania lub funkcji wywołania zwrotnego.
tworzenie buforowania w polu roboczym
Łatwo zapisuj zestaw plików w pamięci podręcznej i skutecznie zarządzaj aktualizacjami plików.
strategie skrzynki roboczej
Zestaw strategii buforowania w czasie działania, które będą odpowiadać na żądania, zwykle używanych z „routingiem skrzynki roboczej”.
workbox-cli
Wygeneruj skrypt service worker, wstrzyknij plik manifestu wstępnego bufora lub utwórz lokalną kopię biblioteki Workbox z wiersza poleceń.
workbox-expiration
Usunięcie żądań z pamięci podręcznej na podstawie liczby elementów w pamięci podręcznej lub wieku żądania.
żądania-zakresu-obszaru roboczego
Ten moduł umożliwia odpowiadanie na żądanie „Zakres:” przy użyciu wycinka danych znajdujących się w pamięci podręcznej.
Przejmij kontrolę nad przewijaniem – dostosuj efekty przeciągnięcia, aby odświeżyć lub przepełnienia
Wprowadzenie do właściwości CSS „Overscroll-behavior”.
Wycofywanie i usuwanie w Chrome 63
Przegląd wycofywanych i usuniętych funkcji w Chrome 63, które pomogą Ci zaplanować działania. W tej wersji wprowadzono nowe zachowanie dotyczące właściwości interfejsu, usunięcie funkcji webkit i zmiana w RTCRtcpMuxPolicy.
Nowości w Chrome 62
Chrome 62 udoskonala interfejs API informacji sieciowych o wskaźniki jakości sieci. Zakończyliśmy obsługę czcionek zmiennych OpenType i umożliwiono przechwytywanie i przetwarzanie strumieni multimedialnych z HTMLMediaElements za pomocą interfejsu Media Capture z DOM items API.
Aktualizacje Lighthouse do wersji 2.5
5 nowych kontroli, samodzielny moduł węzłów w Chrome-launcher i nowy przewodnik po ograniczaniu wykorzystania.
Przerwane pobieranie
Przerwanie pobierania przy użyciu nowego elementu podstawowego w przeglądarce – kontrolera przerwania.
Zdarzenie klasy CSS „position:sticky”
Użycie pozycji - sticky i IntersectionObserver do określenia, kiedy elementy stają się przyklejone. Zastosuj efekty przewijania bez zdarzeń przewijania.
Czujniki w internecie
Czujniki są używane w wielu aplikacjach, aby umożliwiać zaawansowane funkcje, takie jak gry, które uwzględniają orientację lub przyspieszenie urządzenia. Interfejs Generic Sensor API zapewnia ogólny interfejs do uzyskiwania dostępu do takich danych czujnika w internecie.
Wycofywanie i usuwanie w Chrome 62
Przegląd funkcji wycofywanych i usuniętych w Chrome 62, które ułatwiają planowanie. W tej wersji wprowadziliśmy między innymi ulepszenia zabezpieczeń, dodatkowe wycofywanie interfejsu webkit i inne ulepszenia.
Przeglądanie pamięci podręcznej stanu strony internetowej w Chrome
Plik bfcache tworzy pamięć podręczną, umożliwiając błyskawiczne przechodzenie do wcześniej odwiedzanych stron.
Zasada autoodtwarzania w Chrome
Poznaj sprawdzone metody dbania o wygodę użytkowników dzięki nowym zasadom autoodtwarzania w Chrome.
Obraz w obrazie (PIP)
Omówmy interfejs API, który pozwala witrynom tworzyć pływające okno wideo na pulpicie.
Aktualności multimedialne w Chrome 62
Dostępne są odtwarzanie offline z trwałymi licencjami i Widevine L1 na Androidzie, optymalizacje ścieżek wideo, automatyczne wyświetlanie filmu w trybie pełnoekranowym przy obracaniu urządzenia, przewijany zakres w transmisjach MS na żywo, FLAC w formacie MP4 z MSE już dostępne.
Nowości w Chrome 61
Chrome 61 obsługuje teraz moduły JavaScript natywnie, co ujednolica sposób pisania modułowego kodu JavaScript. Możesz teraz używać kropek nawigacyjnych, aby wyświetlać natywne okno udostępniania Androida. Interfejs WebUSB API jest już dostępny, umożliwiając aplikacjom internetowym dostęp do urządzeń USB dozwolonych przez użytkowników. I jeszcze więcej.
Przedstawiamy VisualViewport
Wizualny interfejs widocznego obszaru zapewnia szczegółowe informacje o tym, jak użytkownik powiększa stronę i przewija ją.
Nowości w Narzędziach deweloperskich (Chrome 62)
Operatory najwyższego poziomu w konsoli, nowe przepływy pracy zrzutów ekranu, wyróżnianie w siatce CSS i nie tylko.
Wycofywanie i usuwanie w Chrome 61
Przegląd funkcji wycofywanych i usuniętych w Chrome 61, które ułatwią Ci planowanie. W tej wersji wprowadziliśmy między innymi ulepszenia zabezpieczeń, dodatkowe wycofywanie interfejsu webkit i inne ulepszenia.
Szacowanie dostępnego miejsca
Navigator.storage.estimate() daje Ci wgląd w ograniczenia miejsca na dane w Twojej aplikacji internetowej.
Aktualności multimedialne w Chrome 61
Optymalizacje ścieżek wideo w tle i automatyczne wyświetlanie na pełnym ekranie po obróceniu urządzenia są już dostępne.
Nowości w Chrome 60
W Chrome 60 za pomocą interfejsu Paint Timings API możesz teraz mierzyć czas do pierwszego wyrenderowania i czas do pierwszego wyrenderowania treści. Za pomocą właściwości CSS font-display możesz kontrolować sposób renderowania czcionek. Usługa WebAssembly jest już dostępna – znajdziesz tu jeszcze więcej!
Nowości w Narzędziach deweloperskich (Chrome 61)
W Narzędziach deweloperskich w Chrome 61 wkrótce pojawią się nowe funkcje i zmiany.
Nadchodzące funkcje wyrażeń regularnych
Omówienie nowych, ciekawych funkcji dostępnych w wyrażeniach regularnych JavaScript, w tym nazwanych przechwytywania, flagi dotAll, zmian znaczenia właściwości Unicode oraz poszukiwanych asercji.
Wyrównane zdarzenia wejściowe
Wygoda użytkowników jest ważna w internecie. W ostatnich wersjach Chrome ograniczyliśmy opóźnienie sygnału wejściowego na tych urządzeniach.
Ulepszony blog z transmisją na żywo – podział kodu
Podobnie jak w przypadku WebPack, wdrożyliśmy podział kodu i fragmentowanie na podstawie tras.
DOMWyjątki - Żądanie play() zostało przerwane
Co tak naprawdę dzieje się z „DOMWyjątkiem – żądanie play() zostało przerwane”?
Automatyczne testowanie za pomocą Chrome bez interfejsu graficznego
Automatyczne testowanie za pomocą Chrome bez interfejsu graficznego
Najnowsze aktualizacje interfejsu API do zarządzania danymi logowania
Najnowsze aktualizacje interfejsu API do zarządzania danymi logowania
Wycofania i usuwania w Chrome 60
Przegląd wycofywanych i usuniętych elementów w Chrome 60, które ułatwią Ci planowanie. W tej wersji wprowadziliśmy między innymi ulepszenia zabezpieczeń, dodatkowe wycofywanie interfejsu webkit i inne ulepszenia.
Wprowadzenie do interfejsu Budget API
Interfejs Budget API umożliwia deweloperom wykonywanie działań w tle bez powiadamiania użytkowników. Pozwala to na przykład na cichą obsługę wiadomości push.
Nowości w Chrome 59
Dzięki Chrome 59 możesz uruchamiać Chrome w automatycznym środowisku bez interfejsu użytkownika i urządzeń peryferyjnych. Powiadomienia w systemie macOS są wyświetlane bezpośrednio przez natywny system powiadomień macOS. Możesz teraz robić zdjęcia w pełnej rozdzielczości za pomocą interfejsu Image Capture API, a do tego nie tylko.
Nowości w Narzędziach deweloperskich (Chrome 60)
W Narzędziach deweloperskich w Chrome 60 wkrótce pojawią się nowe funkcje i zmiany.
Wycofania i usunięcia w Chrome 59
Przegląd wycofywanych i usuniętych elementów w Chrome 59, które ułatwią Ci planowanie.
Pierwsze kroki z Chrome bez interfejsu graficznego
Pierwsze kroki z Chrome bez interfejsu graficznego
Przechodzenie na natywny system powiadomień w macOS
Od wersji Chrome 59 powiadomienia będą wyświetlane w systemie macOS.
Nowości w Chrome 58
W Chrome 58 progresywne aplikacje internetowe są bardziej atrakcyjne podczas wyświetlania w trybie pełnoekranowym. Protokół IndexedDB 2.0 jest teraz obsługiwany, a elementy iframe w trybie piaskownicy mają więcej opcji. Pete LePage zawiera wszystkie szczegóły oraz informacje o tym, jak korzystać z nowych funkcji dla programistów w Chrome 58.
Nowości w Narzędziach deweloperskich (Chrome 59)
Nowe funkcje i zmiany w Narzędziach deweloperskich w Chrome 59.
Zasada Chromium w oknach dialogowych JavaScriptu
Synchroniczne okna JavaScript z obsługą aplikacji są często (i niepotrzebnie) używane do zaszkodzenia użytkownikom. Dlatego zespół Chromium zdecydowanie odradza korzystanie z okna dialogowego JavaScriptu.
CSS Deep-Dive – matrix3d() – niestandardowy pasek przewijania idealnie dopasowany do ramki
Niestandardowe matryce przekształceń umożliwiają tworzenie niestandardowych pasków przewijania idealnie nadających się do ramki.
Tworzenie wydajnych animacji rozwijania i zwijania
Tworząc efekty rozwijania i zwijania, możesz użyć przekształceń skali, aby Twój interfejs działał sprawnie.
Aktualności multimedialne w Chrome 58
Opcje sterowania multimediami, opcje autoodtwarzania w progresywnych aplikacjach internetowych dodanych do ekranu głównego, wstrzymywanie autoodtwarzania wyciszonego filmu, gdy jest on niewidoczny, oraz zapytania o multimedia z różnymi kolorami!
Przekraczamy strumienie (media), Ray
Obecnie podczas korzystania z rozszerzeń Media Source Extensions (MSE) w Chrome nie można przełączać się między strumieniem zaszyfrowanym a czystym. Wszystkie te zmiany wprowadzamy w Chrome 58.
Wycofania i usunięcia w Chrome 58
Przegląd wycofywanych i usuniętych elementów w Chrome 58, które ułatwią Ci planowanie.
Nowości w Chrome 57
W Chrome 57 możesz m.in. używać wyświetlania: siatki w układach opartych na siatce oraz interfejsu API sesji multimediów, aby dostosowywać ekran blokady i powiadomienia o odtwarzane multimedia. Pete LePage podaje wszystkie szczegóły i wyjaśnia, jak korzystać z nowych funkcji dla programistów w Chrome 57.
Nowości w Narzędziach dla deweloperów (Chrome 58)
W Narzędziach deweloperskich w Chrome 58 wkrótce pojawią się nowe funkcje i zmiany.
Dostosuj powiadomienia o multimediach i zarządzaj playlistami
Nowy interfejs Media Session API pozwala dostosować powiadomienia o multimediach w internecie i reagować na zdarzenia związane z multimediami.
Plik manifestu – moduły obsługi działań
Dokumentacja dotycząca właściwości action_handlers pliku manifest.json.
Wycofania i usuwania interfejsów API w Chrome 57
Przegląd wycofywanych i usuniętych funkcji w Chrome 57, które pomogą Ci zaplanować działania.
Zmiany w interfejsie API żądań płatności
W wersjach Chrome 56 i 57 wprowadziliśmy kilka zmian w interfejsie Payment Request API po zmianie specyfikacji. Dowiedz się, czym są, i wprowadź zmiany w swoich implementacjach.
Siatka CSS – przywracany jest układ tabeli. Bądź widoczny i w kwadratowym stylu
CSS Siatka to nowy system układów w internecie.
Nowości w Chrome 56
W Chrome 56 aplikacje internetowe mogą teraz komunikować się z pobliskimi urządzeniami Bluetooth Low Energy przy użyciu interfejsu Web Bluetooth API. Pozycja CSS: przyklejony; powraca – ułatwia tworzenie elementów, które przewijają się w zwykły sposób, aż do górnej krawędzi widocznego obszaru. Domyślnie HTML5 jest włączony dla wszystkich użytkowników.
Szybkie przewijanie dotykiem domyślnie
Reagowanie na przewijanie ma kluczowe znaczenie dla zaangażowania użytkownika w stronę mobilną, ale detektory zdarzeń dotyku często powodują poważne problemy z działaniem przewijania. Dowiedz się, jak domyślnie pomagamy użytkownikom i deweloperom działać szybciej.
Dokumentacja debugowania JavaScript
Zapoznaj się z nowymi procedurami debugowania w kompleksowym artykule na temat funkcji debugowania w Narzędziach deweloperskich w Chrome.
Tworzenie lepszej strony przy użyciu Lighthouse
Co nowego w Lighthouse. Nowy wygląd, nowe audyty sprawdzonych metod i przeglądarka raportów online.
Zmiana rozmiaru paska adresu URL
Ukrycie paska adresu URL nie powoduje już zmiany rozmiaru stron mobilnych.
Narzędzia deweloperskie w Chrome: profilowanie procesora JavaScript w Chrome 58
W Chrome 58 zmieniliśmy funkcję rejestrowania profilu procesora JavaScript.
Narzędzia deweloperskie w Chrome – profilowanie procesora JavaScript w Chrome 58
Ustawienie „Rejestruj profil procesora JavaScript” w Chrome 58 zostało zmienione.
Wycofania i usuwania interfejsów API w Chrome 56
Przegląd wycofywanych i usuniętych elementów w Chrome 56, które pomogą Ci zaplanować działania.
Robienie zdjęć i kontrolowanie ustawień aparatu
Image Capture to interfejs API umożliwiający sterowanie ustawieniami aparatu i robienie zdjęć.
Skuteczna paralaksa
Dzięki odrobinie matematyki można uzyskać efekty paralaksy, które dobrze współgrają z architekturą przeglądarki.
Nowości w Chrome 55
W Chrome 55 możesz pisać kod oparty na obietnicach tak, jakby był synchroniczny, a następnie asynchroniczny. Zdarzenia typu PointerEvents zapewniają ujednolicony sposób obsługi wszystkich zdarzeń wejściowych. Pamięć trwała nie jest już w fazie testowania origin.
Przygotuj się na Chrome Dev Summit 2016
Chrome Dev Summit 2016 odbędzie się w czwartek, 10 i 11 listopada.
Unikanie ostrzeżenia o braku zabezpieczeń w Chrome
Chrome wkrótce oznaczy niezabezpieczone strony zawierające hasło i dane karty kredytowej jako Niezabezpieczone na pasku adresu URL.
DevTools Digest, październik 2016 r.
Nowe funkcje konsoli, aktualizacje błędu selektora kontekstu oraz nowego klienta użytkownika UC Browser.
Zarządzanie łącznikami za pomocą CSS
Chrome 55 stosuje właściwość łączniki, aby decydować o tym, kiedy mają się pojawiać i jak mają działać.
Wycofania i usuwania interfejsów API w Chrome 55
Przegląd wycofywanych i usuniętych elementów w Chrome 56, które pomogą Ci zaplanować działania.
Przechwytywanie elementu MediaStream z obszaru roboczego, elementu wideo lub elementu audio
Metoda catchStream() umożliwia przechwytywanie MediaStream z kanwy, elementu audio lub wideo na urządzeniu z Androidem i na komputerze.
Wskazywanie drogi naprzód
Zdarzenia wskaźnika ujednolicają model wprowadzania danych w przeglądarce, łącząc dotyk, pióra i myszy w jeden zestaw zdarzeń.
Opcje kliknięć
Dzięki nim deweloper może określić sposób, w jaki użytkownik może wchodzić w interakcję z elementem. Chrome 55 obsługuje teraz szerszą obsługę opcji dotyku.
Detektor zdarzeń
addEventListener obsługuje teraz opcję jednorazowej, która ułatwia definiowanie zdarzeń, które są czyszczone po usunięciu.
auxclick już wkrótce w Chrome 55
W przypadku kliknięć innych niż główny przycisk myszy będzie uruchamiane nowe zdarzenie Aauxclick.
Nowości w Chrome 54
W Chrome 54 możesz teraz tworzyć własne niestandardowe tagi HTML i tworzyć własne komponenty internetowe za pomocą elementów niestandardowych w wersji 1. Ułatwia to wysyłanie wiadomości między otwartymi oknami lub kartami w tym samym pochodzeniu za pomocą interfejsu BroadcastChannel API. Obsługa multimediów jest wygodniejsza na Androidzie, a pobieranie z innych krajów jest teraz dostępne w wersji próbnej origin.
Aktualizacje dla programistów.google.com/web
Nowa podstawa pracy w sieci – lepsza nawigacja, nowe treści i więcej!
Wprowadzenie do Lighthouse
Dowiedz się, jak skonfigurować Lighthouse do sprawdzania aplikacji internetowych.
Ponowne rastowanie skomponowanych warstw przy zmianie skali
will-change – przekształcenie oznacza szybkie animowanie
Skrypty service worker z innych domen – eksperymenty z pobieraniem z innych domen
Usługi innych firm mogą zacząć wdrażać własne moduły obsługi żądań sieciowych.
CacheQueryOptions w Chrome 54
Obsługiwany jest pełny zestaw parametrów CacheQueryOptions, co ułatwia znajdowanie odpowiedzi w pamięci podręcznej.
DevTools Digest, wrzesień 2016 r. – Perf Roundup
Ulepszenia narzędzi dla deweloperów w Narzędziach deweloperskich w ostatnich wersjach Chrome.
BroadcastChannel API – magistrala komunikatów dla internetu
Interfejs BroadcastChannel API może służyć do obsługi prostych funkcji Pub/Sub między oknami, kartami, elementami iframe lub instancjami roboczymi.
Interakcja z metodą document.write()
Chrome blokuje niektóre skrypty dodawane za pomocą metody document.write()
Interfejs Web Animations API osiąga sukces w różnych przeglądarkach
Firefox 48 dołącza do Chrome, wysyłając natywną implementację interfejsu Web Animations API.
Wycofania i usuwania interfejsów API w Chrome 53
Przegląd wycofywanych i usuniętych elementów w Chrome pomocne w planowaniu.
DevTools Digest, sierpień 2016 r.
Co się stało z panelem Zasoby, nowymi funkcjami i aktywnością społeczności.
Zalety interoperacyjności Web Push Interop
W ostatnich wersjach Chrome wprowadziliśmy kilka aktualizacji Web push. GCM obsługuje teraz protokół web push. Jeśli używasz VAPID, nie musisz rejestrować się w projekcie Google Developer Project – otrzymasz punkt końcowy FCM.
Wyciszone autoodtwarzanie na urządzeniach mobilnych – pożegnaj się z utworami na płótnie i animowanymi GIF-ami.
Wyciszone autoodtwarzanie filmów jest obsługiwane na Androidzie od wersji Chrome 53. Wcześniej do rozpoczęcia odtwarzania element wideo wymagał gestu użytkownika.
Debugowanie progresywnych aplikacji internetowych
W panelu Aplikacja możesz sprawdzać, modyfikować i debugować pliki manifestu aplikacji internetowych, mechanizmy Service Worker i pamięci podręczne instancji Service Worker.
Korzystanie z Google Analytics offline w prosty sposób
Biblioteka sw-offline-google-analytics zawiera wszystko, czego potrzebujesz.
Złożoność nieskończonego przewijania
Częstym wzorcem w interfejsie są nieskończone przewijanie. Poniżej opisujemy, jak wdrożyć ten wzorzec w zachowawczy sposób, działający z prędkością 60 kl./s.
Pożegnanie z krótkimi sesjami – propozycja zastosowania mechanizmów Service Worker w celu usprawnienia zarządzania plikami cookie w internecie
Przedstawiamy model koncepcyjny pozwalający zachować sesje z użyciem skryptu service worker.
Flexbox wprowadza nowe zachowanie dla dzieci ustawionych bezwzględnej pozycji
Flexbox wprowadza nowe zachowanie dla dzieci ustawionych bezwzględnej pozycji
ECDSA dla WebRTC – lepsze zabezpieczenia, lepsza ochrona prywatności i większa wydajność
Od wersji 52 Chrome domyślnie używa ECDSA – znacznie wydajniejszego i bezpiecznego algorytmu generowania klucza certyfikatu WebRTC. Dodatkowo certyfikaty RTC można teraz przechowywać przy użyciu IndexedDB.
Buforowanie skryptu service worker, adresy URL PlaybackRate i Blob w przypadku dźwięku i wideo w Chrome na Androida
Od wersji 52 Android Chrome korzysta z tego samego stosu multimediów co Chrome na komputery, zamiast korzystać z implementacji platformy. Umożliwia to buforowanie multimediów skryptu service worker, zmienne szybkości odtwarzania, adresy URL obiektów blob na Androidzie, przekazywanie strumieniowe danych MediaStream między interfejsami API i łatwiejsze debugowanie na wielu platformach.
Wycofania i usuwania interfejsów API w Chrome 52
Przegląd wycofywanych i usuniętych elementów w Chrome pomocne w planowaniu.
Ograniczenie CSS w Chrome 52
Nowa właściwość „Pokrywanie kodu CSS” pozwala programistom ograniczyć zakres stylów, układu i renderowania w przeglądarce.
Obserwator wydajności – skuteczny dostęp do danych o skuteczności
Nowość w Chrome 52: interfejs Obserwatorzy wydajności zapewniający wydajniejszy dostęp do danych osi czasu skuteczności na podstawie zdarzeń.
DevTools Digest, wrzesień 2016 r. – DevTools w 2016 r. i kolejne lata
Ważne motywy i trendy w Narzędziach deweloperskich w 2016 roku i kolejnych latach.
Włącz przesyłanie strumieniowe i uzyskuj natychmiastowe odpowiedzi
Dzięki ReadableStreams możesz jak najszybciej przetwarzać odpowiedzi skryptu service worker.
Poprawa wydajności przewijania dzięki pasywnym detektorom zdarzeń
Pasywne detektory zdarzeń, które są nowością w Chrome 51, mogą znacznie zwiększyć wydajność przewijania.
Podsumowanie narzędzi deweloperskich – więcej możliwości dzięki nowemu menu poleceń
Dowiedz się więcej o nowym menu poleceń w Narzędziach deweloperskich i o ponad 60 działaniach, które umożliwiają wyjątkowo szybkie przepływy pracy.
Interfejs API geolokalizacji został usunięty z niezabezpieczonych źródeł w Chrome 50
Od wersji 50 Chrome nie obsługuje już interfejsu API geolokalizacji HTML5 w przypadku połączeń niezabezpieczonych.
Wycofania i usuwania interfejsów API w Chrome 51
Przegląd wycofywanych i usuniętych elementów w Chrome pomocne w planowaniu.
Co nowego w KeyboardEvents? Klucze i kody!
Dwa nowe atrybuty zapewniają spójną obsługę zdarzeń klawiatury w internecie.
Uproszczenie procesu logowania za pomocą interfejsu API do zarządzania danymi logowania
Aby zadbać o wygodę użytkowników, ważne jest umożliwienie im uwierzytelniania się w Twojej witrynie. Ale tworzenie, zapamiętywanie i wpisywanie haseł jest uciążliwe dla użytkowników, zwłaszcza na urządzeniach mobilnych
Czas eksperymentu – zakotwiczenie przewijania
Zakotwiczenie przewijania zapobiega przesuwaniu strony internetowej po rozpoczęciu jej czytania.
Dostęp do urządzeń USB w internecie
Interfejs WebUSB API sprawia, że USB jest bezpieczniejszy i łatwiejszy w użyciu, umożliwiając dostęp do internetu.
Przegląd
Zacznij korzystać z wbudowanych narzędzi Google Chrome dla programistów stron internetowych.
Dokumentacja interfejsu API konsoli
Używaj interfejsu Console API do zapisywania komunikatów w konsoli.
Nowy tryb urządzeń dla urządzeń mobilnych
Dowiedz się więcej o Narzędziach deweloperskich w Chrome – nowym, odświeżonym Trybie urządzenia wprowadzonym w Chrome 49.
Tworzenie połączonego z internetem urządzenia IoT z wykorzystaniem procesora Intel Edison
Dziś każdy z nich ma problemy z internetem rzeczy. A gdyby można było stworzyć urządzenie IoT, do którego dostęp masz w przeglądarce? W tym artykule pokazujemy, jak można to zrobić za pomocą internetu rzeczy, technologii Web Bluetooth oraz Node.js na płytce Intel® Edison Arduino.
Dodano obsługę Canvas toBlob() w Chrome 50
Obsługa języka Canvas.toBlob jest teraz dostępna w Chrome 50.
Chrome obsługuje createImageBitmap() w Chrome 50
Obsługa dekodowania obrazów w instancjach roboczych ustawionych w Chrome 50.
Wyeliminowanie problemów z zarządzaniem koncentracją
Funkcja „Sekwencyjna nawigacja po zaznaczeniu” definiuje miejsce, w którym zaczynamy szukać elementów, które można zaznaczyć na potrzeby sekwencyjnej nawigacji zaznaczenia ([Tab] lub [Shift-Tab]), gdy nie jest zaznaczony obszar. Jest to szczególnie przydatne w przypadku funkcji ułatwień dostępu, takich jak pomijanie linków i zarządzanie zaznaczeniem w dokumencie.
Wycofania i usuwania interfejsów API w Chrome 50
Ogólne informacje o wycofanych funkcjach i usunięciu interfejsów API w Chrome, które ułatwią Ci planowanie.
Metody sprawdzania i modyfikowania za pomocą formularzy FormData
W Chrome 50 możesz teraz wchodzić w interakcje z instancjami FormData przed ich wysłaniem.
Dodano weryfikację DOMTokenList w Chrome 50
Sprawdź obsługę różnych funkcji bezpośrednio w kodzie. Funkcja będzie dostępna w Chrome 50.
Interfejs API Media Source – zapewnia automatyczne płynne odtwarzanie segmentów multimediów w kolejności dołączania
Interfejs Media Source API umożliwia JavaScriptowi tworzenie strumieni multimediów do odtwarzania. Od wersji Chrome 50 można używać trybu sekwencyjnego SourceBuffer, aby mieć pewność, że segmenty multimediów będą automatycznie przenoszone na oś czasu w kolejności ich dołączenia, bez przerw między nimi.
Zmiany w orientacji urządzeń niedługo pojawią się w Chrome 50
Parametr DeviceOrientationEvent korzysta ze stopni względnych oraz nowego parametru DeviceOrientationabsEvent.
Ulepszenia animacji internetowych w Chrome 50
Lepsza zgodność ze specyfikacjami i nowe funkcje w Chrome 50.
Priorytetyzacja zasobów za pomocą linku rel='preload'
Chrome w wersji 50 dodaje obsługę atrybutu rel='preload' i wycofuje atrybut rel='subresource'.
Szyfrowanie ładunku Web push
Web Push obsługuje teraz ładunki. Dowiedz się, jak korzystać z tej przydatnej nowej funkcji.
Ulepszenia powiadomień internetowych w Chrome 50 – ikony, zdarzenia zamykania, ponowne powiadamianie i sygnatury czasowe
W Chrome 50 dostępnych jest wiele nowych funkcji powiadomień. Oto podsumowanie.
HTMLMediaElement.play() zwraca obietnicę.
Koniec z niepewnością automatycznego odtwarzania. Teraz funkcja play() zwraca obietnicę.
Wyposażone w ulepszone debugowanie zdalne, klasowe dźwięki i własny program wieczorny?
Dowiedz się więcej o nowym interfejsie „Inspekcja urządzeń”, łatwo przełączaj się między klasami w poprawionym panelu stylów i obejrzyj dzisiejszy program pilotażowy narzędzi dla deweloperów.
Obserwuj zmienne w źródłach
Narzędzia deweloperskie w Chrome umożliwiają łatwe wyświetlanie wielu zmiennych w aplikacji.
Ciemne narzędzia dla programistów, edytowanie @keyframe i inteligentniejsze autouzupełnianie
Dowiedz się, w jaki sposób narzędzia deweloperskie pozwalają mniej pisać dzięki inteligentniejszemu autouzupełnianiem w konsoli, jak edytować reguły @keyframe bezpośrednio w panelu Style, jak bawić się ze zmiennymi niestandardowymi CSS i jak dołączyć do ciemnej strony.
Aktualizacje dźwięku w przeglądarce w Chrome 49
Omówienie niektórych najnowszych wersji interfejsu Web Audio API w Chrome.
Przedstawiamy serwery proxy ES2015
Serwery proxy ES2015 (w Chrome 49 i nowszych) udostępniają JavaScript z interfejsem API intercession, co pozwala nam przechwytywać lub przechwytywać wszystkie operacje na obiekcie docelowym i modyfikować sposób jego działania.
Płynne przewijanie w Chrome 49
Masz dość kłopotliwego przewijania? Świetnie, ponieważ Chrome 49 jest dostarczany z nową funkcją płynnego przewijania od razu po wyjęciu z pudełka.
Kontrolowanie wydajności czcionek za pomocą funkcji font-display
Nowy deskryptor font-display dla @font-face pozwala programistom określić sposób renderowania czcionek internetowych (lub kreacji zastępczych) w zależności od tego, jak długo trwa ich wczytywanie.
Zmienne CSS – dlaczego jest to ważne?
Zmienne CSS, dokładniej nazywane właściwościami niestandardowymi CSS, są dostępne w Chrome 49. Przydają się one do ograniczania powtórzeń w CSS, a także do tworzenia zaawansowanych efektów w czasie działania, np. przełączania motywów i potencjalnie rozszerzania/uzupełniania przyszłych funkcji CSS.
Wersja VP9 jest teraz dostępna w WebRTC
Od wersji Chrome 48 na komputery i Androida VP9 będzie opcjonalnym kodekiem wideo do rozmów wideo przy użyciu WebRTC.
Nagrywanie dźwięku i obrazu za pomocą narzędzia MediaRecorder
Interfejs MediaRecorder API umożliwia nagrywanie dźwięku i filmów z aplikacji internetowej. Jest on obecnie dostępny w Firefoksie i Chrome na Androida oraz na komputerach.
Działania związane z powiadomieniami w Chrome 48
Użytkownicy mogą wchodzić w interakcje z Twoją witryną bez otwierania strony za pomocą przycisków działań dotyczących powiadomień
Sygnatury czasowe zdarzeń o wysokiej rozdzielczości
Dzięki funkcji DOMHighResTimeStamp możesz sprawdzać, kiedy występują zdarzenia z dokładnością do mikrosekund.
Łatwe manipulowanie adresami URL za pomocą parametru URLSearchParams
TURLSearchParams – prosty dostęp do ciągu zapytania w adresie URL i manipulowanie nim
Google Cast w Chrome na Androida
Chrome na Androidzie umożliwia teraz wyświetlanie zawartości stron mobilnych na urządzeniach Google Cast za pomocą interfejsu Presentation API i pakietu SDK Cast Web SDK.
Pierwsze kroki z progresywnymi aplikacjami internetowymi
Dowiedz się, jak zacząć tworzyć progresywne aplikacje internetowe
Nowy panel bezpieczeństwa w Narzędziach deweloperskich w Chrome
Dowiedz się więcej o nowym panelu bezpieczeństwa dostępnym w Narzędziach deweloperskich w Chrome.
Przedstawiamy synchronizację w tle
Synchronizacja w tle to nowy internetowy interfejs API, który pozwala odroczyć działania do czasu uzyskania stabilnej połączenia użytkownika. Jest to przydatne, gdy chcesz mieć pewność, że wszystko, co użytkownik chce wysłać, zostanie faktycznie wysłane.
DevTools Digest (CDS Edition): A Glimpse to the Future and RAIL Profiling
Dowiedz się, jak Narzędzia deweloperskie przenoszą się na urządzenia mobilne dzięki nowemu, uproszczonemu trybowi urządzenia, który jest zawsze włączony. Za pomocą przycisków kolorów możesz szybko dodawać kolory do selektorów i dowiedzieć się, co wkrótce pojawi się w Narzędziach deweloperskich.
Błyskawiczne wczytywanie aplikacji internetowych za pomocą architektury powłoki aplikacji
Architektura powłoki aplikacji to obecnie metoda tworzenia progresywnych aplikacji internetowych wykorzystująca szereg technologii.
Podsumowanie narzędzi deweloperskich – efektywne edytowanie elementów, debugowanie skryptu service worker i cienie Material Design
Użyj nowego menu kontekstowego panelu DOM, aby wydajnie edytować węzły. Instancje robocze usług debuguj bezpośrednio w panelu Zasoby. W selektorze kolorów możesz wybrać spośród wszystkich odcieni Material Design. Biblioteki JS Blackbox.
Zarządzaj wyzwalaniem funkcji „Dotknij, by wyszukać”
Kiedy i jak uruchamia się funkcję Dotknij, by wyszukać
Powiadomienia wymagają interakcji – płynniejsze wyświetlanie powiadomień na komputerze
Powiadomienia na pulpicie są automatycznie zamykane po krótkim czasie.
Możliwości urządzenia wejściowego
Prostsza metoda racjonalizacji działania myszy i dotyku w przypadku braku zdarzeń typu PointerEvents
Podsumowanie narzędzi deweloperskich – zmienianie kolejności kart, konsola na 2 i detektory zdarzeń platformy
Zmień kolejność kart Narzędzi deweloperskich w taki sposób, aby najbardziej Ci odpowiadała, i zobacz, gdzie są powiązane zdarzenia platformy.
Uruchamianie fragmentów kodu JavaScript
Fragmenty to małe skrypty, które możesz utworzyć i wykonywać w panelu Źródła w Narzędziach deweloperskich w Chrome. Są dostępne i uruchamiane z dowolnej strony. Gdy uruchamiasz fragment kodu, jest on uruchamiany w kontekście bieżącej strony.
Wybierz kamery, mikrofony i głośniki w aplikacji internetowej
Interfejs MediaDevices zapewnia dostęp do urządzeń wejściowych i wyjściowych dostępnych dla przeglądarki, takich jak kamery, mikrofony i głośniki.
Rozszerzenie rejestratora EME
EME Logger to rozszerzenie do Chrome, które rejestruje zdarzenia i wywołania zaszyfrowanych multimediów (EME) w konsoli narzędzi dla programistów.
Aktualizacje interfejsu Service Worker Cache API
W Chrome 46 pojawiły się nowe metody, podobnie jak Chrome 47 i prawdopodobnie 48. Ciągle się nie zatrzymuje.
History API – przywracanie przewijania
Aktualizacja interfejsu History API zapobiegająca brzydkim przeskakaniom podczas przewijania.
Odrzucanie kart w Chrome – eksperyment oszczędzania pamięci
Zmniejszenie wykorzystania pamięci przez Chrome to jeden z głównych priorytetów zespołu w tym roku.
Wdrażanie przypinania kluczy publicznych w ramach raportowania HPKP
W Chrome 46 jest dostępna funkcja raportowania HPKP, która może pomóc Ci wdrożyć w witrynie bardziej rygorystyczną formę protokołu SSL.
Użycie pliku manifestu aplikacji internetowej do określenia koloru motywu w całej witrynie
Ustaw kolor motywu w manifeście, aby był on dostępny na wszystkich stronach witryny po uruchomieniu z ekranu głównego.
Większy niż zaawansowany filtr panelu Network (Sieć i kilka innych)
Czy wiesz, że filtr w panelu Sieć obsługuje kilka ciekawych niestandardowych etykiet wyszukiwania?
Podsumowanie narzędzi deweloperskich – zbiorcze szczegóły osi czasu, palety kolorów i inne
Dowiedz się, które skrypty innych firm powodują problemy z wydajnością dzięki zagregowanym informacjom na osi czasu oraz jak wybrać spójne kolory w nowej palecie kolorów i wiele więcej.
Proste sztuczki klawiszowe do wykorzystania w panelu stylów
Dowiedz się, jak skutecznie poruszać się po panelu stylów, korzystając z kilku przydatnych sztuczek klawiszowych.
Nowa wersja Material Design Lite – 1.0.4
Dostępna jest nowa wersja Material Design Lite, która zawiera wiele poprawek błędów i usprawnień w procesie kompilacji.
Używanie funkcji requestIdleCallback
requestIdleCallback to nowy interfejs API do optymalizacji wydajności, który umożliwia planowanie pracy, gdy przeglądarka jest nieaktywna.
Używanie obrazów plakatów w treści wtyczki
Chrome może teraz dodawać niestandardowe obrazy plakatu do elementów obiektów, aby poprawić postrzeganą wydajność wczytywania wtyczek takich jak Flash.
Edytuj kod HTML w panelu konsoli
Menu kontekstowe węzła DOM, które możesz rozpoznać z panelu Elementy, też znajduje się w panelu konsoli.
Łatwe duplikowanie węzłów DOM
Możesz łatwo zmienić DOM bez konieczności edytowania kodu HTML jako wielkiego ciągu znaków.
Pięć sztuczek, które można wykorzystać w panelu konsoli
Pięć sztuczek, które można wykorzystać w panelu konsoli
Narzędzia deweloperskie w nowym miejscu
Przenieśliśmy się do naszej nowej strony Developers.google.com/web/tools/chrome-devtools. Znajdziesz tam wiele ciekawych samouczków i wskazówek.
Ulepszone menu nawigacyjne DOM
Czy wiesz, że w panelu Elements (Elementy) znajduje się ślad menu nawigacyjnego?
Edytowanie na żywo kodu CSS w źródłach
Czy wiesz, że możesz edytować kod CSS w Źródłach i na bieżąco aktualizować stronę?
Podsumowanie narzędzi deweloperskich – pasek filmowy i nowe miejsce do ograniczania
Odkryj m.in. nową funkcję taśmy filmowej w pierwszej z licznych aktualizacji podsumowania narzędzi dla deweloperów.
Dodawanie nowego urządzenia niestandardowego jako gotowego ustawienia
Czy często emulujesz urządzenia o określonym wymiarze? W Trybie urządzenia w Narzędziach deweloperskich możesz dodać nowe gotowe ustawienia urządzenia.
Elementy wycofane z MediaStream
MediaStream API reprezentuje zsynchronizowane strumienie audio lub wideo. MediaStream.ended, MediaStream.label i MediaStream.stop() są wycofywane. Zamiast nich użyj MediaStream.active, MediaStreamTrack.label i MediaStreamTrack.stop().
Komunikacja z urządzeniami Bluetooth przez JavaScript
Interfejs Web Bluetooth API umożliwia witrynom komunikację z urządzeniami Bluetooth.
Powiadomienia o odtwarzaniu multimediów w Chrome na Androida
Podczas odtwarzania dźwięku lub filmu na stronie internetowej na pasku powiadomień oraz na ekranie blokady wyświetla się powiadomienie z tytułem strony i przyciskiem odtwarzania/wstrzymywania. Powiadomienie może służyć do wstrzymania lub wznowienia odtwarzania albo do powrotu na stronę, na której odtwarzane są multimedia.
Pomiar wydajności skryptu service worker
Nie możesz zmierzyć wydajności żądań w skrypcie service worker. Jak możesz powiedzieć, że zwiększa to wydajność? Dzięki najnowszym zmianom w Chrome możesz odpowiedzieć na to pytanie.
Korzystanie z kąta obrotu i promienia dotyku
W Chrome 45 wprowadziliśmy niewielkie zmiany, które ułatwią deweloperom tworzenie lepszych aplikacji dotykowych.
Sprawdzanie i aktywowanie zapytań o media CSS
Tryb urządzenia ma wbudowany inspektora zapytań o multimedia, który ułatwia elastyczne projektowanie stron.
Skrót do wyboru następnego wystąpienia
W edytorze panelu Źródła możesz wybrać następne wystąpienie, naciskając Cmd + D.
Ustawianie punktu przerwania na podstawie określonego warunku
Po ustawieniu punktu przerwania możesz ustawić go jako warunkowy na podstawie wyniku wyrażenia.
Wybierz i wykonaj blok kodu w panelu Źródła
Użyj skrótu Ctrl + Shift + E, aby uruchomić blok zaznaczonego kodu w panelu Źródła.
Szybkie przełączanie się między panelami Narzędzi deweloperskich
Aby poruszać się między panelami w Narzędziach deweloperskich, możesz używać klawisza Cmd (lub Cmd > Cmd).
Wydrukuj szybki zrzut stosu z konsoli
Za pomocą konsoli.trace() możesz szybko i łatwo uzyskać zrzut stosu i lepiej zrozumieć przepływ wykonywania kodu.
Kto sprawdza inspektora?
Czy wiesz, że możesz przeglądać Narzędzia deweloperskie za pomocą Narzędzi deweloperskich?
Aktywowanie pseudoklasy elementu
Zdarzyło Ci się kiedyś debugować efekty CSS po najechaniu kursorem, ale nie udało Ci się utrzymać wskaźnika myszy na elemencie? Oto jak to zrobić.
Wyszukiwanie w całym projekcie z opcjonalnym zakresem plików
Poznaj sekretne polecenia, które pozwolą Ci wyszukiwać jak profesjonalista dzięki Narzędziom deweloperskim.
Grupy kolorów sieci
Dowiedz się, jakie kolory pasują do poszczególnych typów zasobów, aby móc je łatwo identyfikować.
Wyświetl podgląd wartości JavaScriptu bezpośrednio podczas debugowania
Dowiedz się, jak wyświetlić podgląd wartości zmiennych JavaScript w Narzędziach deweloperskich podczas debugowania.
Szybkie edytowanie i wyświetlanie zasobów w panelu Elementy
Szybkie edytowanie i wyświetlanie zasobów w panelu Elementy
Rozszerzenia źródła multimediów dla dźwięku
Rozszerzenia źródła multimediów (MSE) zapewniają rozszerzone buforowanie i kontrolę nad odtwarzaniem elementów audio i wideo HTML5. Chociaż narzędzie MSE zostało opracowane z myślą o ułatwieniu dynamicznego adaptacyjnego strumieniowego przesyłania danych w odtwarzaczach wideo opartych na HTTP (DASH), MSE może być używane do odtwarzania dźwięku, zwłaszcza w przypadku odtwarzania bez przerw.
Powiadamianie o zmianach w powiadomieniach
W Chrome 44 dodaliśmy 2 nowe interfejsy API, które ułatwiają korzystanie z powiadomień push i dostosowywanie ich do własnych potrzeb.
Kliknij Command, aby dodać wiele kursorów w panelu źródeł
Dowiedz się, jak edytować wiele kursorów w panelu źródeł w Narzędziach deweloperskich.
Alt + kliknij, aby rozwinąć wszystkie węzły podrzędne
Alt + 43; Kliknij, aby rozwinąć wszystkie węzły podrzędne
Używaj klawiatury do poruszania się po stosie wywołań
Jak ustawić punkt przerwania i poruszać się po stosie wywołań za pomocą skrótów klawiszowych.
Tagi szybkiej edycji elementów
Możesz dwukrotnie kliknąć nazwę tagu otwierającego węzła w panelu Elementy, aby go edytować.
Szybkie monitorowanie zdarzeń z poziomu panelu konsoli
Możesz rejestrować wszystkie zdarzenia wysyłane do obiektu za pomocą metody monitorEvents(obiekt [, zdarzenia]) w interfejsie wiersza poleceń.
Nieukończone żądania sieciowe
Aby zobaczyć nieukończone żądania sieciowe (np. – zaawansowany filtr sieci), możesz użyć filtra Is:running Advanced.
Zobacz pasujące selektory
Gdy wyświetlasz selektor w panelu stylów, rozdzielone przecinkami fragmenty selektorów mają różne kolory w zależności od tego, czy pasują do wybranego węzła DOM.
Ulepszenia interfejsu i funkcji narzędzia Selektor kolorów
Selektor kolorów w Narzędziach deweloperskich jest uaktualniany. Obecnie w Chrome Canary
Skopiuj obraz jako identyfikator URI danych
Kliknij prawym przyciskiem myszy podgląd obrazu w panelu zasobów, aby skopiować go jako identyfikator URI danych (zakodowany w formacie Base64).
Pobieranie i debugowanie detektorów zdarzeń
Za pomocą tych poleceń w konsoli możesz pobierać i debugować odbiorniki w Narzędziach deweloperskich.
Automatyczne wstrzymywanie przy każdym wyjątku
W Narzędziach deweloperskich możesz automatycznie wstrzymywać działanie przy każdym wyjątku (jest to szczególnie przydatne w przypadku niewykrytych wyjątków).
Odtwórz ponownie żądanie sieciowe w cURL
Dowiedz się, jak debugować żądanie sieciowe z poziomu wiersza poleceń.
Autouzupełnianie notacji z nawiasem
Czy wiesz, że w panelu Źródła możesz automatycznie uzupełnić notację nawiasową?
Wyświetlanie i zmienianie punktów przerwania DOM
Jak wyświetlać i zmieniać punkty przerwania DOM w panelu Punkty przerwania w Narzędziach deweloperskich.
Przewinięcie elementów do widocznego obszaru
Jeśli sprawdzany element nie jest widoczny, możesz go przywrócić w następujący sposób.
Aktywowanie pseudoklas
Dowiedz się, jak uruchamiać pseudoklasy, takie jak :active, aby prawidłowo debugować kod CSS.
Klatki filmowe w panelu Sieć
Poruszaj się po panelu sieci w sposób wizualny i wyświetlaj zrzuty ekranu podczas wczytywania strony
Przekierowanie portów
Przekierowywanie portów w Narzędziach deweloperskich umożliwia działanie nawet adresów URL lokalnego hosta na urządzeniach mobilnych.
Wyszukaj drzewo DOM według selektora arkusza CSS
Podczas przeglądania interfejsu DOM w panelu Elementy spróbuj wyszukać węzły za pomocą poleceń CMD/Ctrl+F za pomocą ich selektorów CSS.
Rozwiń skróty CSS
Na panelu stylów możesz rozwinąć skrótowe właściwości CSS, takie jak flex czy dopełnienie, i zobaczyć pełny zakres właściwości zdefiniowanych za Ciebie.
Otrzymuj powiadomienia o błędach JS podczas pisania
Jeśli w panelu konsoli pojawi się błąd, kliknij go, aby odsłonić wiersz w panelu Źródła, w którym pojawi się informacja o błędzie.
Łatwe nagrywanie na osi czasu
Spróbuj oddokować Narzędzia deweloperskie w osobnym oknie, aby przycisk nagrywania znajdował się blisko tej części strony, w której chcesz wykonać działanie
Przejście do numeru wiersza w określonej kolumnie
Dowiedz się, jak przechodzić do konkretnych wierszy w panelu Źródła
Łatwe przechodzenie do detektorów zdarzeń
Dowiedz się, jak wyświetlić definicję funkcji zarejestrowanego detektora zdarzeń w dowolnym węźle.
Wysoka wydajność wideo ze sprzętowym dekodowaniem
Sprzętowa obsługa wideo umożliwia wydajne dekodowanie wtyczek i filmów HTML5. Użytkownicy Flasha powinni przejść ze starego stylu „Video” na obiekt StageVideo.
Załaduj ponownie
Po otwarciu Narzędzi deweloperskich kliknij i przytrzymaj przycisk ponownego załadowania, aby zobaczyć więcej opcji.
Modyfikacje lokalne
Modyfikacje lokalne pozwalają sprawdzić, jakie zmiany zostały wprowadzone (przy użyciu Narzędzi deweloperskich) w określonych plikach źródłowych.
Przełączaj między edytowaniem lokalizacji
Historia pozycji kursora jest zachowywana w panelu Źródła, co umożliwia przełączanie się między poprzednimi lokalizacjami edycji za pomocą klawisza Alt (do tyłu) lub Alt (do przodu).
Skopiuj odpowiedź zasobu sieciowego do schowka
Oprócz kopiowania nagłówków żądań i odpowiedzi z zasobu sieciowego możesz też skopiować samą odpowiedź.
Zaznaczanie kolumn przez przeciąganie
Możesz zaznaczyć kolumnę w edytorze panelu Źródła, przytrzymując klawisz Alt i przeciągając myszą.
Wstępnie zdefiniowane fragmenty kodu
Jak uruchamiać wstępnie zdefiniowane fragmenty kodu na dowolnej stronie internetowej.
Szybka edycja tagów elementów
Możesz dwukrotnie kliknąć nazwę tagu otwierającego węzła w panelu Elementy, aby go edytować.
Skopiuj obraz jako identyfikator URI danych
Kliknij prawym przyciskiem myszy podgląd obrazu w panelu zasobów, aby skopiować go jako identyfikator URI danych (zakodowany w formacie Base64).
Zobacz pasujące selektory
Gdy wyświetlasz selektor w panelu stylów, rozdzielone przecinkami fragmenty selektorów mają różne kolory w zależności od tego, czy pasują do wybranego węzła DOM.
Szybkie monitorowanie zdarzeń z poziomu panelu konsoli
Możesz rejestrować wszystkie zdarzenia wysyłane do obiektu za pomocą metody monitorEvents(obiekt [, zdarzenia]) w interfejsie wiersza poleceń.
Kliknij Command, aby dodać wiele kursorów w panelu źródeł
Dowiedz się, jak edytować wiele kursorów w panelu źródeł w Narzędziach deweloperskich.
Alt + kliknij, aby rozwinąć wszystkie węzły podrzędne
Alt + 43; Kliknij, aby rozwinąć wszystkie węzły podrzędne
Przełączanie stanu dokowania w Narzędziach deweloperskich za pomocą skrótu klawiszowego
Aby przełączyć stan dokowania w Narzędziach deweloperskich między 2 ostatnio używanymi stanami, naciśnij Cmd + Shift + D.
Przełączanie stanu dokowania w Narzędziach deweloperskich za pomocą skrótu klawiszowego
Aby przełączyć stan dokowania w Narzędziach deweloperskich między 2 ostatnio używanymi stanami, naciśnij Cmd + Shift + D.
Nieukończone żądania sieciowe
Aby zobaczyć nieukończone żądania sieciowe (np. – zaawansowany filtr sieci), możesz użyć filtra Is:running Advanced.
Automatyczne wielkie litery w aplikacjach mobilnych
W rezultacie pojawiają się kolejne problemy z wpisywaniem tekstu u użytkowników.
Polecenia wycinania i kopiowania
Obsługa poleceń wycinania i kopiowania umożliwia automatyczne wycinanie i kopiowanie zaznaczonego tekstu do schowka użytkownika.
Emuluj i testuj inne przeglądarki
Twoim zadaniem nie jest zapewnienie poprawnego działania witryny w Chrome i na Androidzie. Choć tryb urządzenia może symulować wiele innych urządzeń, np. iPhone, zachęcamy do wypróbowania innych rozwiązań do emulacji przeglądarek.
Zdalne debugowanie urządzeń z Androidem
Zdalnie debuguj opublikowane treści na urządzeniu z Androidem za pomocą komputera z systemem Windows, Mac lub Linux.
Atrybuty DOM są teraz w łańcuchu prototypu
Chrome dopasowuje się do specyfikacji. Sprawdź swoje witryny, jeśli zakładasz, że wykorzystujesz logikę WebKit w zakresie propagacji atrybutów
Komponenty WebView zdalnego debugowania
Debuguj komponenty WebView w natywnych aplikacjach na Androida za pomocą Narzędzi deweloperskich w Chrome.
Debuguj pierwotny kod zamiast wdrażać go za pomocą map źródłowych
Zadbaj o czytelność i debugowanie kodu po stronie klienta nawet po połączeniu, zminifikowaniu lub skompilowaniu.
Dokumentacja interfejsu Console Utilities API
Kilka przydatnych funkcji dostępnych w konsoli Narzędzi deweloperskich w Chrome.
Permissions API for the web
Interfejs Permissions API to centralne miejsce do sprawdzania stanu uprawnień interfejsu API.
Uproszczone nazewnictwo animacji internetowych
W odpowiedzi na opinie deweloperów zmieniliśmy nazwy niektórych nadchodzących funkcji animacji internetowych.
Narzędzia deweloperskie w nowym miejscu
Przenieśliśmy się do lśniącej nowej strony na stronie developer.google.com/web, gdzie znajdziesz nowe, przydatne samouczki i wskazówki.
Oś czasu w Narzędziach deweloperskich – teraz zawiera pełną treść
Zaktualizowaliśmy panel osi czasu w Narzędziach deweloperskich w Chrome, aby deweloperzy mieli większy wgląd w działanie witryny w czasie działania.
Zarządzanie pamięcią offline w formacie HTML5
Jak zapisywać dane po stronie klienta w aplikacji Chrome, aby działały w trybie offline
Tworzenie semantycznych witryn przy użyciu komponentów sieciowych i kodu JSON-LD
Dodaj do komponentów znaczniki schema.org i zadbaj o to, by były przyjazne dla wyszukiwarek.
Chrome Dev Summit 2014 – Czas stworzyć kilka aplikacji dzięki Polymer
Tworzenie aplikacji w technologii Polymer
Uzyskiwanie literału z ciągami znaków szablonu ES6
Literały ciągów szablonów z osadzonymi wyrażeniami. Na to czekaliśmy od dawna. Dosłownie
Czym jest wirtualny widoczny obszar?
Wirtualny widoczny obszar rozdziela układ i wyświetlanie widocznego obszaru.
Zachowanie stanu podczas mutacji DOM za pomocą funkcji moveBefore()
przenosić węzły w DOM bez utraty stanu krytycznego;
Natywny komunikat o instalacji aplikacji
Banery natywne promujące instalacje aplikacji pozwalają użytkownikom szybko i bezproblemowo zainstalować na urządzeniu aplikację natywną ze sklepu z aplikacjami, bez opuszczania przeglądarki.
Sterowanie odtwarzaniem animacji internetowych w Chrome 39
Więcej informacji o odtwarzaniu animacji internetowej
Podstawy tworzenia witryn mobilnych
Krótka lekcja działań podejmowanych przez zespół Chrome, które pomagają deweloperom tworzyć strony internetowe i ponownie je aktualizować.
Potrzeba opinii dewelopera – Frame Timing API
Pracujemy nad nowym interfejsem API, który ułatwi pomiar liczby klatek na sekundę w środowisku naturalnym, ale potrzebujemy Twojej opinii.
Obsługa kolorów motywów w Chrome 39 na Androida
Użyj motywu (kolor), aby ustawić kolor paska narzędzi w Chrome na Androida.
Krok 2. Zaimportuj istniejącą aplikację internetową
Jak dostosować istniejącą aplikację internetową do platformy aplikacji Chrome.
Krok 1. Utwórz i uruchom aplikację Chrome
Tworzenie, instalowanie, uruchamianie i debugowanie podstawowej aplikacji Chrome.
Krok 4. Otwieraj linki zewnętrzne za pomocą komponentu WebView
Jak wyświetlać zewnętrzne treści internetowe w aplikacji Chrome.
Krok 6. Wyeksportuj zadania do wykonania do systemu plików
Jak zapisywać informacje w systemie plików z aplikacji Chrome.
Krok 3. Dodaj alarmy i powiadomienia
Jak wybudzać aplikację Chrome o określonych odstępach czasu i używać powiadomień.
Wysyłanie danych typu beacon w Chrome 39
Chrome 39 korzysta z interfejsu Beacon API, który umożliwia wysyłanie niewielkich asynchronicznych żądań HTTP podczas zdarzeń wyładowania strony.
Precyzyjny dotyk – precyzyjne gesty
Zdarzenia TouchEvents w Chrome zostały zmienione tak, aby zwracały wartości zmiennoprzecinkowe zamiast liczb całkowitych ze względu na różną gęstość ekranu. Dzięki temu otrzymujesz bardziej szczegółowe informacje zwrotne w przypadku powolnych gestów.
Łatwiejsza konwersja tablicy tablica Buffer na ciąg znaków za pomocą interfejsu Encoding API
Natywny interfejs Encoding API zapewnia prosty sposób konwersji między nieprzetworzonymi danymi binarnymi a ciągami znaków JavaScript.
Gromadzenie i powtarzanie w sposób ES6
Mapy, zestawy, a także...iteracje to funkcje ES6, które mogą zmienić sposób pracy ze zbiorami danych.
element okna dostarczony w Chrome 37 w wersji beta
Chrome w wersji beta już obsługuje własne elementy
Interfejs API rozszerzonych powiadomień
Jak wyświetlać powiadomienia użytkownikom rozszerzenia do Chrome.
Obsługa bloba IndexedDB już w wersji deweloperskiej Chrome
Długo oczekiwana funkcja Chrome – obsługa obiektów Blob w IndexedDB została udostępniona w Chrome w wersji deweloperskiej.
Automatyzacja pomiaru skuteczności witryny
Używaj PSI do dodawania danych o wydajności witryn do procesu kompilacji.
Animacje internetowe – element element.animate() jest teraz w Chrome 36
Animacje internetowe definiują model obsługi animacji i synchronizacji na platformie internetowej. Element.animate() jest pierwszym z tych elementów w Chrome.
Bardziej zgodny i płynniejszy interfejs
Ty i Twoi użytkownicy potrzebujecie aplikacji internetowych, które reagują na dotyk i płynnie przewijają ekran. Ich tworzenie powinno być proste, ale sposób, w jaki przeglądarki mobilne reagują na zdarzenia dotknięcia podczas przewijania, pozostaje częścią szczegółów implementacji w specyfikacji [TouchEvent](https://www.w3.org/TR/touch-events/).
Uruchamianie aplikacji Chrome na urządzeniach mobilnych przy użyciu Apache Cordova
Przewodnik po konfiguracji środowiska Apache Cordova na urządzeniach z Androidem i iOS
Debugowanie asynchronicznego kodu JavaScript za pomocą Narzędzi deweloperskich w Chrome
Potężną funkcją, która wyróżnia JavaScript, jest możliwość działania asynchronicznego za pomocą funkcji wywołania zwrotnego. Przypisanie wywołań asynchronicznych pozwala pisać kod oparty na zdarzeniach, ale powoduje też, że śledzenie błędów staje się
Znajdź się w siatce CSS
Układ siatki CSS to nowy moduł CSS3, który udostępnia nowe podstawowe elementy podstawowe układu idealnie do stosowania w aplikacjach internetowych.
Zmiany w Hostingu Chrome 33
Szczegółowe informacje o zmianach w hostowaniu rozszerzeń do Chrome, które wprowadziliśmy w wersji 33 przeglądarki Chrome.
Samouczek: przenoszenie do platformy Manifest V2
Wytyczne dotyczące migracji z pliku manifestu w wersji 1 do wersji 2.
Przepływ pracy w WebView
Samouczek, który pokazuje, jak tworzyć aplikacje internetowe za pomocą Yeoman, Gradle i Grunt.
Aplikacje WebView dla programistów stron internetowych
Samouczek, który pokazuje, jak tworzyć aplikacje internetowe za pomocą Yeoman, Gradle i Grunt.
Comiesięczne podsumowanie Yeoman
Comiesięczne podsumowanie wysokiej jakości artykułów, generatorów i aktualności związanych z Jeomanem.
Yo Polymer – A Whirlwind Tour of Web Komponent Tooling
Szybka prezentacja komponentów sieciowych, platformy Polymer i ich interfejsów.
Aplikacje internetowe, które mówią – wprowadzenie do Speech Synthesis API
Wprowadzenie do funkcji syntezy interfejsu Web Speech API.
Chrome Dev Summit – otwórz podsumowanie platformy internetowej
Możliwości Open Web Platform rozwijają się w tempie niespotykanym wcześniej. Na konferencji Chrome Dev Summit mówiliśmy o tym, jak pracujemy nad ulepszeniem Blink, bezpieczeństwa i multimediów na platformie.
Chrome Dev Summit – deklaracyjne komponenty z polimeru, zamknięte komponenty wielokrotnego użytku
Polymer to brama do niesamowitej przyszłości komponentów sieciowych. Dowiedz się więcej o komponentach internetowych i Polymer z Chrome Dev Summit
Chrome Dev Summit – podsumowanie dotyczące urządzeń mobilnych
Oto pierwszy z serii raportów z Chrome Dev Summit. Duży nacisk kładliśmy na tworzenie aplikacji mobilnych i na różne urządzenia, więc zaczniemy od tego.
Comiesięczne podsumowanie Yeoman
Regularne przegląd artykułów, filmów i wykładów autorstwa społeczności Yeomańskiej.
Nowy mechanizm animacji stron internetowych w mgnieniu oka generuje animacje i przejścia CSS
Implementacja Animacji internetowych 1.0 jest teraz dostępna w wersji Blink dla animacji i przejściach CSS.
Podsumowanie narzędzi deweloperskich, grudzień 2013
Najnowsza aktualizacja do zmian w Narzędziach deweloperskich w Chrome.
300 ms opóźnienia kliknięcia, wycofane
Każde kliknięcie w przeglądarce mobilnej jest opóźnione o 300 ms, ale w Chrome 32 w przypadku witryn zoptymalizowanych pod kątem urządzeń mobilnych zniknęło to już w Chrome 32.
Plik manifestu dotyczący pamięci zarządzanej
Dokumentacja na temat właściwości przechowywania pliku manifest.json.
Plik manifestu dotyczący obszarów przechowywania
Dokumentacja na temat właściwości przechowywania pliku manifest.json.
Podsumowanie listopadowe w Narzędziach deweloperskich w Chrome
Narzędzia deweloperskie w Chrome działają szybko, więc chcemy zwrócić Twoją uwagę na nowe funkcje i ulepszenia wprowadzone w kilku komponentach. Za chwilę omówimy niektóre zmiany w interfejsie użytkownika, profilowanie JS w wysokiej rozdzielczości i
Comiesięczne podsumowanie Yeoman
Regularne przegląd artykułów, filmów i wykładów autorstwa społeczności Yeomańskiej.
Automatyzacja rozwoju frontendu (Prezentacje)
Dowiedz się, jak zwiększyć produktywność frontendu za pomocą narzędzi do automatyzacji przepływów pracy.
Wejście audio na żywo do Web Audio – teraz w Androidzie
Chrome na Androida (v31.0.1650+) właśnie obsługuje wprowadzanie dźwięku przez interfejs Web Audio API.
Układ Flexbox nie jest powolny
Dobra wiadomość! Nowy Flexbox jest 2,3 razy szybszy niż stary Flexbox.
Odpowiedzi na pytania w Narzędziach deweloperskich – co to za czcionka?
Zdarzyło Ci się zastanawiać, która czcionka jest faktycznie używana do renderowania tekstu? Narzędzia deweloperskie w Chrome pokazują wszystko.
element okna dialogowego: proste układy modalne
Czy kiedykolwiek utworzyłeś własne okno modalne? Już niedługo nie będzie to konieczne, ponieważ okna dialogowe stają się częścią platformy internetowej.
Przezroczystość alfa w filmie Chrome
Aplikacja WebM właśnie wprowadziła przezroczystość w wersji alfa. Jest już obsługiwana w Chrome 31.
Chrome DevTools Revolutions 2013
Wraz ze wzrostem złożoności i funkcjonalności aplikacji internetowych zwiększa się też znaczenie Narzędzi deweloperskich w Chrome. W tym podsumowaniu prezentacji Paul Irisha z Google I/O 2013 Chrome DevTools Revolutions 2013 znajdziesz najnowsze
Zmieniono składnię sourceMappingURL i składnię adresu sourceURL
Zmieniono składnię sourceMappingURL i składnię adresu sourceURL
Plik manifestu – imię i nazwisko oraz krótka nazwa
Dokumentacja dotycząca właściwości name i short_name pliku manifest.json.
Plik manifestu – zasoby dostępne w internecie
Dokumentacja właściwości web_accessible_resources pliku manifest.json.
Plik manifestu – tryb offline włączony
Dokumentacja dotycząca właściwości offline_enabled pliku manifest.json.
Plik manifestu – minimalna wersja Chrome
Dokumentacja dotycząca właściwości minimum_chrome_version pliku manifest.json.
Plik manifestu – domyślny język
Dokumentacja dotycząca właściwości default_locale pliku manifest.json.
Plik manifestu – domyślny język
Dokumentacja dotycząca właściwości default_locale pliku manifest.json.
Plik manifestu – zasoby dostępne w internecie
Dokumentacja właściwości web_accessible_resources pliku manifest.json.
Plik manifestu – moduły obsługi plików
Dokumentacja na temat właściwości file_handlers pliku manifest.json.
Wprowadzenie do filtrów niestandardowych (tzw. CSS Shader)
Wprowadzenie do filtrów niestandardowych (tzw. CSS Shader)
Profilowanie długiego czasu wyrenderowania za pomocą narzędzi deweloperskich; tryb ciągłego malowania
Profilowanie długiego czasu wyrenderowania za pomocą narzędzi deweloperskich; tryb ciągłego malowania
WebRTC – wersja demonstracyjna RTCDataChannel, zmiany w interfejsie API, a Chrome komunikuje się z Firefoksem
WebRTC – wersja demonstracyjna RTCDataChannel, zmiany w interfejsie API, a Chrome komunikuje się z Firefoksem
Aplikacje internetowe na podstawie głosu – wprowadzenie do interfejsu Web Speech API
Aplikacje internetowe oparte na głos – wprowadzenie do interfejsu Web Speech API
Content Security Policy 1.0 jest oficjalnie świetna
Content Security Policy 1.0 jest oficjalnie świetna
Reagowanie na zmianę za pomocą narzędzia Object.observe
Reagowanie na zmianę za pomocą narzędzia Object.observe
Tworzenie aplikacji za pomocą Sencha Ext JS
Jak tworzyć aplikacje Chrome za pomocą platformy Sencha Ext JS.
Interaktywna kula ziemska z cieniami CSS i Mapami Google
Interaktywna kula ziemska z cieniowaniem CSS i Mapami Google
Przekazywanie wiadomości
Informacje o przekazywaniu komunikatów między rozszerzeniami a skryptami treści.
Wersja pliku manifestu
Właściwość manifest_version pliku manifest.json wskazuje, do której wersji specyfikacji pliku manifestu jest przeznaczone rozszerzenie do Chrome.
Korzystanie z eval w rozszerzeniach do Chrome
Sposób korzystania z metody eval() w rozszerzeniu do Chrome
OAuth2: uwierzytelnianie użytkowników za pomocą Google
Szczegółowe instrukcje tworzenia rozszerzenia uzyskującego dostęp do kontaktów Google użytkownika za pomocą interfejsów Google People API, Chrome Identity API i protokołu OAuth2.
Samouczek: Google Analytics
Szczegółowe instrukcje śledzenia użycia rozszerzenia za pomocą Google Analytics.
Deklarowanie uprawnień i ostrzeganie użytkowników
Jak wdrożyć uprawnienia, aby chronić użytkowników i rozszerzenie.
Formaty wiadomości dotyczących lokalizacji
Zapoznaj się z dokumentacją dotyczącą formatu pliku messages.json na potrzeby rozszerzeń do Chrome.
Używanie eval() w elementach iframe umieszczonych w piaskownicy
Sposób korzystania z metody eval() w rozszerzeniu do Chrome
Przekazywanie wiadomości
Informacje o przekazywaniu komunikatów między rozszerzeniami a skryptami treści.
OAuth 2.0: uwierzytelnianie użytkowników w Google
Szczegółowe instrukcje tworzenia rozszerzenia uzyskującego dostęp do kontaktów Google użytkownika za pomocą interfejsów Google People API, Chrome Identity API i protokołu OAuth2.
Zastąp strony Chrome
Zastępować ustawienia Menedżera zakładek, historii i nowej karty w rozszerzeniu do Chrome.
Zastępowanie stron Chrome
Zastępować ustawienia Menedżera zakładek, historii i nowej karty w rozszerzeniu do Chrome.
Chrome Web Store
Jak hostować rozszerzenie w Chrome Web Store i aktualizować rozszerzenie hostowane w Chrome Web Store.
Format pliku manifestu
Omówienie właściwości pliku manifest.json, których możesz używać w rozszerzeniu do Chrome.
Alternatywne opcje dystrybucji rozszerzeń
Jak rozpowszechniać rozszerzenia do Chrome poza Chrome Web Store.
Zarządzanie zdarzeniami za pomocą skryptów działających w tle
Jak odpowiadać na reguły przeglądarki (zdarzenia) wywoływane przez skrypt działający w tle rozszerzenia do Chrome.
Rozszerzanie narzędzi deweloperskich
Jak utworzyć rozszerzenie do Chrome, które wzbogaca funkcjonalność Narzędzi deweloperskich w Chrome.
Internetowe interfejsy API
Aplikacje Chrome mogą korzystać ze wszystkich interfejsów API dostępnych dla stron internetowych.
Korzystanie z alternatywnych metod instalacji
Instalowanie rozszerzeń do Chrome przy użyciu rejestru systemu Windows lub ustawień w formacie JSON.
Narzędzia dla programistów Extend
Jak utworzyć rozszerzenie do Chrome, które dodaje funkcje do Narzędzi deweloperskich w Chrome.
Sposób ułożenia zmian w elementach item:stałych
zmiany w kolejności nałożone na elementy pozycja:stałe
Integracja danych wejściowych[type=file] z interfejsem Filesystem API
Integracja danych wejściowych[type=file] z interfejsem Filesystem API
lista danych dla wprowadzania zakresu/kolorów udostępnia domyślne opcje
lista danych dla wprowadzania zakresu/kolorów udostępnia domyślne opcje
Szybkie najczęstsze pytania na temat wprowadzania[type=date] w Google Chrome
Szybkie najczęstsze pytania na temat wprowadzania[type=date] w Google Chrome
Przeciąganie i upuszczanie folderu w Chrome jest już dostępne
Przeciąganie i upuszczanie folderu w Chrome jest już dostępne
Wykorzystanie akceleracji GPU w obszarze roboczym 2D
Wykorzystanie akceleracji GPU w obszarze roboczym 2D
Tworzenie odwracanej książki za pomocą funkcji CSS Regions i przekształceń 3D
Tworzenie odwracanej książki za pomocą funkcji CSS Regions i przekształceń 3D
(standard) Content Security Policy
Content Security Policy może znacznie zmniejszyć ryzyko i wpływ ataków typu cross-site scripting (XSS) w nowoczesnych przeglądarkach.
Jak przekonwertować obiekt SlateBuffer na ciąg znaków i z niego
Jak przekonwertować obiekt SlateBuffer na ciąg znaków i z niego
Nie twórz obiektów blob, tylko buduj je
Najnowsze zmiany w specyfikacji interfejsu File API obejmują nowy konstruktor obiektu Blob, który w zasadzie sprawia, że BlobBuilder nie ma znaczenia.
Narzędzie Websocket Frame Inspection jest teraz dostępne w Narzędziach deweloperskich w Chrome
Dodanie możliwości inspekcji w danych przechodzących przez kabel w WebSockets
w Chrome Canary
Za pomocą argumentu „datalist” aplikacja może zdefiniować listę sugerowanych wyników, które użytkownicy powinni wybrać. Mogą wybrać opcję z listy lub wpisać dowolny tekst.
Przetwarzanie przesłanych plików XHR2 w języku PHP
Przykładowy kod serwera ilustrujący sposób obsługi przesyłania plików
Prototon WebRTC
24 marca firma Google zorganizowała pierwsze na świecie wydarzenie dla programistów WebRTC – Protothon WebRTC.
API requestAnimationFrame – teraz z dokładnością do mniej niż milisekundy
Wkrótce zmieni się część interfejsu API equestAnimationFrame
duży wzrost wydajności DOM – kod wewnętrznego kodu WebKit jest o 240% szybszy.
Inżynier Chrome Kentaro Hara wprowadził siedem optymalizacji kodu w WebKit, zwiększając wydajność zarówno przeglądarki Safari (JavaScriptCore), jak i Chrome (V8).
Podsumowanie zasobów wewnętrznych przeglądarki internetowej
Większość materiałów wyjaśniających wewnętrzne działanie przeglądarek
Przenoszenie całej strony do trybu offline przy użyciu interfejsu HTML5 FileSystem API
Interfejs FileSystem API umożliwia programowe przechowywanie plików i hierarchii folderów w lokalnym systemie plików (w piaskownicy), a następnie dodawanie, aktualizowanie i usuwanie poszczególnych zasobów w zależności od potrzeb.
Wprowadzenie do map źródeł JavaScript
Czy kiedykolwiek chciałeś, aby kod po stronie klienta był czytelny i co ważniejsze – łatwy do debugowania nawet po połączeniu i zminifikowaniu bez wpływu na wydajność? Teraz możesz to zrobić dzięki magii map źródeł. Mapy źródeł umożliwiają
Optymalizacja JavaScriptu
JavaScript jest względnie szybki, ale zawsze może działać szybciej. Więcej informacji o optymalizowaniu kodu JavaScript pod kątem wydajności.
Nowa eksperymentalna funkcja – arkusze stylów z ograniczonym zakresem
Chromium niedawno wdrożył nową funkcję HTML5 – ograniczone arkusze stylów.
Prezentacja funkcji WebGL i interfejsu Web Audio API
Oto kilka ciekawych wersji demonstracyjnych WebGL i Web Audio API, które widziałem w ostatnich tygodniach.
SwiftShader wprowadza w Chrome programowe renderowanie 3D
SwiftShader to programowy mechanizm renderowania 3D używany w Chrome 18, który umożliwia korzystanie z CSS 3D i WebGL nawet na wyłączonych GPU.
Obsługiwanie przez Gmaila wszystkich linków mailto- za pomocą parametru recordProtocolHandler
Dzięki navigator.registerProtocolHandler() możesz połączyć Gmaila jako domyślnego klienta poczty dla wszystkich linków mailto.
Chrome na Androida – przyspieszanie korzystania z internetu mobilnego
Chrome na Androida (beta) jest oparty na projekcie open source Chromium i zawiera wiele najnowszych funkcji HTML5, które programiści Chrome już znają i uwielbiają.
Pointer Lock API przenosi gry FPS do przeglądarki
Interfejs Pointer Lock API umożliwia pisanie prawidłowych strzelanek FPP w internecie.
Dźwięk HTML5 i interfejs Web Audio API to najlepsze funkcje
CreateMediaElementSource() pozwala połączyć HTML5 z wizualizacją, filtrowaniem i przetwarzaniem interfejsu Web Audio API.
Pozbywanie się synchronicznych komponentów XHR
Uwaga! Specyfikacja XMLHttpRequest2 została ostatnio zmieniona, aby uniemożliwić wysyłanie żądania synchronicznego, gdy ustawiona jest wartość XMLHttpRequest.responseType.
Najczęstsze pytania dotyczące Web Audio
Ta krótka aktualizacja stanowi odpowiedź na niektóre z najczęściej zadawanych pytań, która ma na celu ułatwienie korzystania z interfejsu Web Audio API.
Przedstawiamy przykładowy odtwarzacz wideo
Przykładowy odtwarzacz wideo to aplikacja internetowa open source odtwarzacza wideo oparta na tej samej architekturze co aplikacje 60 Minutes i RedBull.tv.
Strona docelowa efektów filtra CSS w WebKit
Firma Adobe ciężko pracowała, by wprowadzić tę niesamowitą technologię do usług porównywania cen. Chodzi mi w szczególności o CSS Filtr Effects 1.0, który został wdrożony przez WebKit.
Obiekty, które można przenieść – błyskawiczna
W przypadku obiektów możliwych do przeniesienia dane są przenoszone z jednego kontekstu do innego. Jest to zero-kopia, co znacznie zwiększa wydajność wysyłania danych do instancji roboczej.
W miarę możliwości używaj średniej dokładności w WebGL
Przyjaciele z opery, którzy testują WebGL na sprzęcie OpenGL ES 2.0.
Narzędzia Chrome dla programistów zapewniające szybkość
Używanie Narzędzi dla programistów w Chrome w celu poprawy szybkości działania aplikacji
Strumieniowe odtwarzanie filmów przy użyciu interfejsu MediaSource API
Interfejs MediaSource API rozszerza element `HTMLMediaElement`, umożliwiając JavaScript generowanie strumieni multimediów do odtwarzania.
Podsumowanie demonstracji WebGL
Przedstawiamy kilka niesamowitych prezentacji WebGL z całego internetu, które pokazują, jak naprawdę działa Twoja przeglądarka.
Narzędzia do pamięci podręcznej aplikacji i automatyczne generatory
Pamięć podręczna aplikacji ułatwia uruchamianie aplikacji internetowej w trybie offline, znacznie skraca czas uruchamiania i zmniejsza opłaty za przepustowość.
Definiowanie zakresu transakcji IndexedDB
IndexedDB to rozwijający się standard internetowy do przechowywania w przeglądarce dużej ilości uporządkowanych danych.
Niech Twoje treści będą mówić – pełny ekran interfejsu API
Pełnoekranowy interfejs API pozwala aplikacjom internetowym zaprogramować (od JavaScriptu) do dowolnej treści na stronie przejścia w tryb wyświetlania pełnoekranowego przeglądarki.
WebSockets został zaktualizowany do najnowszej wersji w Chrome Canary
Interfejs WebSocket API został zaktualizowany do najnowszej wersji (13) w Chrome Canary
Obsługa HTML5 i przeglądarki
Korzystanie z tych funkcji może być trudne, ale tylko wtedy, gdy nie wiesz, gdzie szukać.
Przejazd z Three.js
Coraz więcej deweloperów opracowuje nowe wersje demonstracyjne gier 3D, niezależnie od tego, czy byli już specjalistami od OpenGL, czy nowymi poszukiwaczami przygód, które zaczęły w nie grać.
Kupon na nową konferencję dla deweloperów gier HTML5
Dzięki uczeniu się pisania gier HTML5 i WebGL na stronie New Game nie będę w stanie wypełniać raportów TPS.
7-minutowe filmy – wskazówki dotyczące konsoli JavaScript i nowe interfejsy DOM API
Przejdź na wyższy poziom konsoli JavaScript, korzystając z Narzędzi deweloperskich w Chrome.
Procesory ♥ Buffer
Chrome 13 i FF5 obsługują wysyłanie obiektu „tablicabuffer” (lub tablicy wpisanej) do/z instancji roboczej Web Worker.
Co się zmieniło w nowym protokole WebSocket
Specyfikacja protokołu WebSocket została niedawno zaktualizowana, aby rozwiązać wcześniejsze problemy z bezpieczeństwem i jest w dużej mierze stabilna.
Debugowanie interfejsu Filesystem API
System plików HTML5 to zaawansowany interfejs API. Im więcej mocy, tym więcej komplikacji. Im większa złożoność, tym więcej problemów z debugowaniem.
Wyszukiwanie plików lokalnych przy użyciu interfejsu File System API
Jeśli w obiekcie znajduje się obiekt File, możesz go wyszukać i odczytać fragmenty bez zapisywania całego pliku w pamięci.
Biblioteki HTML5/kody polyfill – połowa lipca
Jeszcze więcej ciekawych bibliotek pojawia się w każdym miejscu
Przedstawiamy New Game – konferencję dla deweloperów gier HTML5
Zapraszamy do udziału w New Game, który odbędzie się w dniach 1-2 listopada 2011 r. w San Francisco (Kalifornia).
Nie przegap ramki – użyj interfejsu Widoczność strony i filmu w formacie HTML5
Za pomocą interfejsu Widoczność strony można sprawdzić, czy bieżąca karta jest widoczna.
Używanie obrazów w wielu domenach w WebGL
W specyfikacji WebGL pojawiły się ważne zmiany dotyczące wysyłania żądań obrazów w różnych domenach.
Interfejs API widoczności strony – czy udało mi się zwrócić Twoją uwagę?
Na szczęście nowy interfejs Page Visibility API pozwala Twojej aplikacji sprawdzić, czy jest ona widoczna.
Contra w HTML5 i interfejsie API Web Audio
Dzięki możliwościom GWT, HTML5 i interfejsowi Web Audio API możemy stworzyć twórcę znanego oszustwa, Contra.
navigator.onLine w wersji deweloperskiej Chrome
Dzięki interfejsom API offline w HTML5 użytkownicy mogą korzystać z bezproblemowego korzystania z internetu w trybie offline.
Witamy na stronie Updates.html5rocks.com
Chcemy, by programiści mogli szybciej przekazywać Ci informacje, dlatego stworzyliśmy „Strumień aktualizacji HTML5”, by zaprezentować ciekawe rzeczy, którymi warto się podzielić.
Inspekcja szybkości aplikacji internetowej
Szybka aplikacja internetowa to aplikacja, która odniesie sukces. Twoja rola dewelopera nie kończy się, dopóki nie zoptymalizujesz zarówno rzeczywistej, jak i postrzeganej wydajności aplikacji. Nie tylko dlatego, że to po prostu właściwe działanie,