Discover Chrome
Chrome Extensions
Pelajari cara mengembangkan ekstensi Chrome.
- Chrome Extensions
chrome.contentSettings
Gunakan chrome.contentSettings API untuk mengubah setelan yang mengontrol apakah situs dapat menggunakan fitur seperti cookie, JavaScript, dan plugin. Secara umum, setelan konten memungkinkan Anda menyesuaikan perilaku Chrome berdasarkan situs, bukan
- Chrome Extensions
chrome.bookmarks
Gunakan chrome.bookmarks API untuk membuat, mengatur, dan memanipulasi bookmark. Lihat juga Mengganti Halaman, yang dapat Anda gunakan untuk membuat halaman Pengelola Bookmark kustom. Anda harus mendeklarasikan izin "bookmark" di manifes ekstensi
- Chrome Extensions
chrome.bookmarks
Izin ini memicu peringatan. Gunakan chrome.bookmarks API untuk membuat, mengatur, dan memanipulasi bookmark. Lihat juga Mengganti Halaman, yang dapat Anda gunakan untuk membuat halaman Pengelola Bookmark kustom. Anda harus mendeklarasikan izin
- Chrome Extensions
chrome.contentSettings
Gunakan chrome.contentSettings API untuk mengubah setelan yang mengontrol apakah situs dapat menggunakan fitur seperti cookie, JavaScript, dan plugin. Secara umum, setelan konten memungkinkan Anda menyesuaikan perilaku Chrome berdasarkan situs, bukan
- Chrome Extensions
Kecerdasan Buatan
AI di Chrome Selamat datang di era web berikutnya dengan AI. Lihat bagaimana AI dapat memudahkan developer menciptakan pengalaman yang luar biasa di web. Menata kembali apa yang mungkin dilakukan dengan Gemini Nano di Chrome. AI bawaan Kami
Men-debug Gemini Nano
Ada halaman khusus internal Chrome untuk melihat detail tentang perintah ke Gemini Nano. Panduan ini menjelaskan cara menggunakannya untuk proses debug.
Bersiap menghadapi Chrome di Android yang menjadi layar penuh
Chrome di Android akan menjadi layar penuh mulai Chrome 135.
- Chrome
Panduan migrasi dari tepi ke tepi Chrome di Android
Mem-build pengalaman web layar penuh
Panel privasi dan keamanan
Gunakan panel 'Privasi dan keamanan' untuk memeriksa dan mengontrol cookie pihak ketiga serta memeriksa perlindungan HTTPS.
- Chrome DevTools
Meningkatkan analisis jaringan dengan Chrome DevTools
Meningkatkan analisis jaringan dengan Chrome DevTools.
- Chrome
- Chrome DevTools
Yang Baru di WebGPU (Chrome 134)
Meningkatkan beban kerja machine learning dengan subgrup, peningkatan waktu kompilasi shader di D3D12, menghapus dukungan jenis tekstur yang dapat difilter float sebagai yang dapat digabungkan, dan lainnya.
- Chrome
Cara NRK menggunakan animasi berbasis scroll untuk menghidupkan cerita
Pelajari cara animasi yang dipicu scroll dan yang didorong scroll meningkatkan kualitas artikel bercerita
- Chrome
Popover = petunjuk
Temukan mode baru untuk pop-up yang menyederhanakan tooltip dan elemen mengambang lainnya.
- Chrome
chrome.app.runtime
Gunakan chrome.app.runtime API untuk mengelola siklus proses aplikasi. Runtime aplikasi mengelola penginstalan aplikasi, mengontrol halaman peristiwa, dan dapat menonaktifkan aplikasi kapan saja. apa pun opsional Data yang ditentukan developer
chrome.userScripts
Gunakan userScripts API untuk menjalankan skrip pengguna dalam konteks Skrip Pengguna. Untuk menggunakan User Scripts API, chrome.userScripts, tambahkan izin "userScripts" ke manifest.json dan "host_permissions" untuk situs tempat Anda ingin
- Chrome Extensions
chrome.printing
Gunakan chrome.printing API untuk mengirim tugas cetak ke printer yang diinstal di Chromebook. Semua metode dan peristiwa chrome.printing mengharuskan Anda mendeklarasikan izin "printing" di manifes ekstensi. Contoh: Contoh di bawah menunjukkan
- Chrome Extensions
chrome.sessions
Gunakan chrome.sessions API untuk membuat kueri dan memulihkan tab dan jendela dari sesi penjelajahan. string Nama perangkat asing. Session [] Daftar sesi jendela yang terbuka untuk perangkat asing, diurutkan dari sesi yang terakhir diubah hingga
- Chrome Extensions
chrome.sessions
Gunakan chrome.sessions API untuk membuat kueri dan memulihkan tab dan jendela dari sesi penjelajahan. string Nama perangkat asing. Session [] Daftar sesi jendela yang terbuka untuk perangkat asing, diurutkan dari sesi yang terakhir diubah hingga
- Chrome Extensions
chrome.printing
Gunakan chrome.printing API untuk mengirim tugas cetak ke printer yang diinstal di Chromebook. Semua metode dan peristiwa chrome.printing mengharuskan Anda mendeklarasikan izin "printing" di manifes ekstensi. Contoh: Contoh di bawah menunjukkan
- Chrome Extensions
Yang baru di DevTools, Chrome 134
Panel privasi dan keamanan, throttling CPU yang dikalibrasi, sorotan pihak pertama dan ketiga di Performa, insight baru, dan lainnya.
- Chrome
- Chrome DevTools
chrome.i18n
Gunakan infrastruktur chrome.i18n untuk menerapkan internasionalisasi di seluruh aplikasi atau ekstensi Anda. Jika ekstensi memiliki direktori /_locales, manifest harus menentukan "default_locale". Anda harus memasukkan semua string yang terlihat
- Chrome Extensions
Rendering teks yang lebih baik di browser berbasis Chromium di Windows
Tim Edge menambahkan dukungan untuk mematuhi nilai Windows ClearType Tuner di Chromium secara langsung, sehingga menghasilkan rendering teks yang lebih baik di browser berbasis Chromium di Windows.
- Chrome
chrome.storage
Gunakan chrome.storage API untuk menyimpan, mengambil, dan melacak perubahan pada data pengguna. Untuk menggunakan storage API, deklarasikan izin "storage" di manifest ekstensi. Contoh: Storage API menyediakan cara khusus ekstensi untuk
- Chrome Extensions
chrome.storage
Gunakan chrome.storage API untuk menyimpan, mengambil, dan melacak perubahan pada data pengguna. Storage API menyediakan cara khusus ekstensi untuk mempertahankan data dan status pengguna. API ini mirip dengan API penyimpanan platform web (
- Chrome Extensions
Dimensions
Dokumentasi teknis tentang dimensi CrUX.
- Chrome UX Report
Subbagian gambar LCP dan RTT kini tersedia di CrUX
Pelajari perubahan pada Laporan Pengalaman Pengguna Chrome (perubahan CrUX) dalam rilis Februari 2025, termasuk subbagian gambar LCP, jenis resource LCP, dan RTT.
- Chrome
Docs
Contoh kode, panduan, dan referensi API yang Anda perlukan untuk apa pun yang Anda buat.
Chrome for Developers
Membantu Anda membangun, tumbuh, dan berinovasi di web.
- Chrome
Masuk ke mode picture-in-picture secara otomatis saat memutar media
Chrome memungkinkan aplikasi web yang memutar media untuk otomatis masuk ke mode picture-in-picture.
- Chrome
Chrome 134 beta
Temukan fitur terbaru yang akan hadir di Chrome.
- Chrome
Ekstensi / Mulai
Semua dasar-dasar untuk mulai menggunakan ekstensi Chrome
- Chrome Extensions
chrome.enterprise.platformKeys
Gunakan chrome.enterprise.platformKeys API untuk membuat kunci dan menginstal sertifikat untuk kunci ini. Sertifikat akan dikelola oleh platform dan dapat digunakan untuk autentikasi TLS, akses jaringan, atau oleh ekstensi lain melalui
- Chrome Extensions
chrome.enterprise.platformKeys
Gunakan chrome.enterprise.platformKeys API untuk membuat kunci dan menginstal sertifikat untuk kunci ini. Sertifikat akan dikelola oleh platform dan dapat digunakan untuk autentikasi TLS, akses jaringan, atau oleh ekstensi lain melalui
- Chrome Extensions
Chrome 133
CSS advanced attr(), text-box-trim, kueri penampung scroll-state, dan lainnya.
- Chrome
Yang baru di Chrome 133
Chrome 133 kini diluncurkan. Ada beberapa fitur CSS baru yang menarik dan banyak lagi yang dapat Anda temukan.
- Chrome
Mode aplikasi dalam tab untuk PWA
Mode aplikasi bertab memungkinkan developer Progressive Web App menambahkan antarmuka dokumen dengan tab ke PWA mandiri mereka.
Menyederhanakan autentikasi menggunakan Tab Auth
Cara menggunakan Tab Autentikasi khusus di aplikasi Android
Meningkatkan privasi web untuk pengguna dengan Tab Khusus Singkat
Cara menggunakan Tab Kustom Ephemeral di aplikasi Android
Meningkatkan alur login berbasis web dengan Tab Autentikasi untuk Android
Meningkatkan autentikasi berbasis web dengan Tab Autentikasi untuk Android
- Chrome
Tingkatkan pengalaman penjelajahan pengguna Anda dengan histori khusus Aplikasi
Cara menggunakan Histori Khusus Aplikasi di aplikasi Android
Meningkatkan interaksi pengguna dengan histori khusus Aplikasi di Tab Khusus Chrome
Memperkenalkan histori khusus aplikasi untuk Tab Khusus Chrome untuk Android
- Chrome
chrome.permissions
Gunakan chrome.permissions API untuk meminta izin opsional yang dideklarasikan saat runtime, bukan waktu penginstalan, sehingga pengguna memahami alasan izin diperlukan dan hanya memberikan izin yang diperlukan. Peringatan izin ada untuk menjelaskan
- Chrome Extensions
chrome.runtime
Gunakan chrome.runtime API untuk mengambil pekerja layanan, menampilkan detail tentang manifes, serta memproses dan merespons peristiwa dalam siklus proses ekstensi. Anda juga dapat menggunakan API ini untuk mengonversi jalur relatif URL menjadi URL
- Chrome Extensions
chrome.permissions
Gunakan chrome.permissions API untuk meminta izin opsional yang dideklarasikan saat runtime, bukan waktu penginstalan, sehingga pengguna memahami alasan izin diperlukan dan hanya memberikan izin yang diperlukan. Peringatan izin ada untuk menjelaskan
- Chrome Extensions
Yang baru di DevTools, Chrome 133
Histori chat AI yang persisten, navigasi yang lebih baik, daftar abaikan, dan pelacakan tumpukan di Performa, panel 'Yang baru' baru, dan lainnya.
- Chrome DevTools
- Chrome
Yang Baru di WebGPU (Chrome 133)
Format vertex unorm8x4-bgra dan 1 komponen tambahan, memungkinkan batas yang tidak diketahui diminta dengan nilai yang tidak ditentukan, perubahan aturan perataan WGSL, peningkatan performa WGSL dengan penghapusan, dan banyak lagi.
- Chrome
- WebGpu
Yang terjadi di Ekstensi Chrome, Januari 2025
Ringkasan perubahan terbaru di Ekstensi Chrome, serta fitur ekstensi mendatang yang menarik yang dapat ditunggu oleh developer.
- Chrome
- Chrome Extensions
Praktik terbaik untuk pengelolaan sesi dengan Prompt API
Panduan ini memperkenalkan praktik terbaik untuk pengelolaan sesi dengan Prompt API.
Catatan rilis
Pelajari perubahan pada Chrome yang memengaruhi developer
- Chrome
Yang Baru di Chrome
Yang Baru di Chrome Temukan update terbaru di Chrome dari dokumentasi dan blog kami. Konten baru dan update signifikan pada dokumentasi. article Cara LLM melakukan streaming respons Dokumentasi baru untuk mempelajari cara kerja data streaming di AI,
Pembaruan kebijakan Chrome Web Store: memastikan kejelasan dan konsistensi bagi developer
Kami mengumumkan serangkaian pembaruan kebijakan yang dirancang untuk memberikan kejelasan dan konsistensi di seluruh platform kami.
- Chrome
- Chrome Extensions
Menyederhanakan deteksi fitur WebAuthn untuk kunci sandi
Temukan cara mendeteksi kemampuan WebAuthn dengan `getClientCapabilities()` dan menyesuaikan alur kerja autentikasi untuk pengguna Anda.
- Chrome
- Passkeys
Terjemahan dengan AI bawaan
Translator API bawaan memungkinkan Anda menerjemahkan konten arbitrer dari bahasa sumber ke bahasa target. Ikuti uji coba origin untuk mencoba API.
Cara LLM melakukan streaming respons
Pahami apa itu streaming dan cara kerjanya dengan AI dan LLM.
Praktik terbaik untuk merender respons LLM yang di-streaming
Gunakan praktik terbaik frontend ini untuk menampilkan respons yang di-streaming dari Gemini dengan API yang mendukung streaming, seperti Prompt API.
Pembekuan dalam mode Penghemat Energi
Mulai Chrome 133, tab latar belakang yang memenuhi syarat dan menggunakan CPU secara intensif akan dibekukan saat mode Penghemat Energi aktif.
- Chrome
Tips DevTools
Tips DevTools
- Chrome DevTools
Media
Tingkatkan cara Anda menyertakan gambar, video, dan lainnya di situs dan aplikasi web.
Kunci sandi di Pengelola Sandi Google kini tersedia di iOS
Chrome di iOS 17 atau yang lebih baru kini dapat membuat, menyinkronkan, dan mengautentikasi dengan kunci sandi di Pengelola Sandi Google (GPM). Hal ini membuat kunci sandi di GPM tersedia di mana pun Chrome tersedia.
- Chrome
- Passkeys
Chrome 133 beta
Pelajari fitur terbaru yang dikirimkan di Chrome.
- Chrome
attr() CSS mendapatkan upgrade
Sekarang Anda dapat menggunakan attr() dengan properti CSS apa pun, termasuk properti kustom, dan dapat mengurai nilai menjadi jenis data selain string.
- Chrome
scroll-state() CSS
Seperti kueri penampung; tetapi untuk kueri yang macet, terkunci, dan meluap.
- Chrome
text-box-trim CSS
Ambil kembali ruang dari atas dan bawah konten teks Anda; capai keseimbangan optik.
- Chrome
Chrome 132
ToggleEvent untuk dialog, dukungan untuk berbagi video tingkat elemen, dan File System Access API mendukung Android dan WebView, serta lainnya.
- Chrome
Yang baru di Chrome 132
Chrome 132 kini diluncurkan. Elemen Dialog mendapatkan ToggleEvent, dukungan untuk berbagi video tingkat elemen, dan File System Access API mendukung Android dan WebView.
- Chrome
Cara kami memperkenalkan Gemini ke Chrome DevTools
Pelajari kasus penggunaan yang menyenangkan dan menarik dari panel bantuan AI baru di DevTools
- Chrome
- Chrome DevTools
chrome.sockets.udp
Gunakan chrome.sockets.udp API untuk mengirim dan menerima data melalui jaringan menggunakan koneksi UDP. API ini menggantikan fungsi UDP yang sebelumnya ditemukan di API "socket". Kunci berikut harus dideklarasikan dalam manifes untuk menggunakan
chrome.tabs
Gunakan chrome.tabs API untuk berinteraksi dengan sistem tab browser. Anda dapat menggunakan API ini untuk membuat, mengubah, dan mengatur ulang tab di browser. Tabs API tidak hanya menawarkan fitur untuk memanipulasi dan mengelola tab, tetapi juga
- Chrome Extensions
chrome.tabs
Gunakan chrome.tabs API untuk berinteraksi dengan sistem tab browser. Anda dapat menggunakan API ini untuk membuat, mengubah, dan mengatur ulang tab di browser. Tabs API tidak hanya menawarkan fitur untuk memanipulasi dan mengelola tab, tetapi juga
- Chrome Extensions
Dukungan untuk ekstensi Web Vitals telah berakhir
Penggabungan ekstensi Web Vitals dan DevTools telah selesai dan dukungan untuk ekstensi tersebut telah berakhir.
- Chrome
- Chrome DevTools
Pemenang Tantangan AI Bawaan
Temukan aplikasi dan ekstensi pemenang dari Tantangan AI Bawaan, tempat kami mengundang Anda untuk membayangkan kembali apa yang dapat dilakukan dengan Gemini Nano di Chrome.
- Chrome
Merekam streaming video dari elemen mana pun
Element Capture API merupakan cara yang ampuh dan andal untuk mengubah tangkapan tab saat ini menjadi tangkapan subhierarki DOM.
chrome.ttsEngine
Gunakan chrome.ttsEngine API untuk menerapkan mesin text-to-speech(TTS) menggunakan ekstensi. Jika terdaftar menggunakan API ini, ekstensi Anda akan menerima peristiwa yang berisi ucapan yang akan diucapkan dan parameter lainnya saat ekstensi atau
- Chrome Extensions
chrome.ttsEngine
Gunakan chrome.ttsEngine API untuk menerapkan mesin text-to-speech(TTS) menggunakan ekstensi. Jika terdaftar menggunakan API ini, ekstensi Anda akan menerima peristiwa yang berisi ucapan yang akan diucapkan dan parameter lainnya saat ekstensi atau
- Chrome Extensions
chrome.cookies
Gunakan chrome.cookies API untuk membuat kueri dan mengubah cookie, serta untuk mendapatkan notifikasi saat cookie berubah. Untuk menggunakan cookies API, Anda harus mendeklarasikan izin "cookies" dalam manifes, beserta izin host untuk setiap host
- Chrome Extensions
chrome.cookies
Gunakan chrome.cookies API untuk membuat kueri dan mengubah cookie, serta untuk mendapatkan notifikasi saat cookie berubah. Untuk menggunakan cookies API, deklarasikan izin "cookies" dalam manifes Anda beserta izin host untuk setiap host yang
- Chrome Extensions
chrome.appviewTag
Gunakan tag appview untuk menyematkan Aplikasi Chrome lain dalam Aplikasi Chrome Anda. (lihat Penggunaan ). objek Data yang ditentukan developer opsional yang dapat digunakan aplikasi yang akan disematkan saat membuat keputusan penyematan. string ID
Mitigasi clickjacking dengan XFO atau CSP
Pelajari lebih lanjut cara mengurangi serangan clickjacking.
Yang Baru di WebGPU (Chrome 132)
Penggunaan tampilan tekstur, penggabungan tekstur float 32-bit, atribut adapterInfo GPUDevice, mengonfigurasi konteks kanvas dengan format yang tidak valid akan menampilkan error JavaScript, memfilter batasan sampler pada tekstur, eksperimen subgrup yang diperluas, meningkatkan pengalaman developer, dukungan eksperimental untuk format tekstur yang dinormalisasi 16-bit, dan lainnya.
- Chrome
- WebGpu
Yang baru di ekstensi Chrome
Perubahan terbaru pada platform, dokumentasi, dan kebijakan ekstensi Chrome
- Chrome Extensions
GPU Web
Pelajari WebGPU dengan panduan, demo, dan berita terbaru
Membangun dengan Chrome
Lihat apa yang disertakan dalam rilis stabil dan beta Chrome terbaru.
Pembayaran
Pelajari cara menggunakan API Pembayaran terbaru di Chrome
Privasi dan keamanan
Pelajari fitur privasi dan keamanan Chrome.
Aplikasi
Penghentian teknologi untuk menciptakan pengalaman yang memiliki lebih banyak akses ke sistem operasi yang mendasarinya.
Boneka
Library Node.js yang menyediakan API tingkat tinggi untuk mengontrol Chrome atau Chromium headless
Web di Android
Pelajari fitur Chrome untuk mengembangkan aplikasi web di Android.
chrome.certificateProvider
Gunakan API ini untuk mengekspos sertifikat ke platform yang dapat menggunakan sertifikat ini untuk autentikasi TLS. Penggunaan umum API ini untuk mengekspos sertifikat klien ke ChromeOS mengikuti langkah-langkah berikut: Urutan langkah yang
- Chrome Extensions
chrome.extension
chrome.extension API memiliki utilitas yang dapat digunakan oleh halaman ekstensi apa pun. API ini mencakup dukungan untuk bertukar pesan antara ekstensi dan skrip kontennya atau antar-ekstensi, seperti yang dijelaskan secara mendetail di Penerusan
- Chrome Extensions
Mercusuar
Mengotomatiskan audit performa web dengan Lighthouse
Performa
Optimalkan performa aplikasi web Anda dengan alat performa Chrome.
chrome.system.display
Gunakan system.display API untuk membuat kueri metadata tampilan. Enum untuk mengetahui apakah layar terdeteksi dan digunakan oleh sistem. Layar dianggap 'tidak aktif', jika tidak terdeteksi oleh sistem (mungkin terputus, atau dianggap terputus
- Chrome Extensions
chrome.system.display
Gunakan system.display API untuk membuat kueri metadata tampilan. Enum untuk mengetahui apakah layar terdeteksi dan digunakan oleh sistem. Layar dianggap 'tidak aktif', jika tidak terdeteksi oleh sistem (mungkin terputus, atau dianggap terputus
- Chrome Extensions
chrome.action
Gunakan chrome.action API untuk mengontrol ikon ekstensi di toolbar Google Chrome. Kunci berikut harus dideklarasikan dalam manifes untuk menggunakan API ini. Untuk menggunakan chrome.action API, tentukan "manifest_version" dari 3 dan sertakan kunci
- Chrome Extensions
Dukungan browser
Ringkasan fitur Tab Khusus dan ketersediaan browsernya.
Identitas
Pelajari fitur identitas Chrome, seperti Autentikasi Web.
chrome.commands
Gunakan API perintah untuk menambahkan pintasan keyboard yang memicu tindakan di ekstensi Anda, misalnya, tindakan untuk membuka tindakan browser atau mengirim perintah ke ekstensi. Kunci berikut harus dideklarasikan dalam manifes untuk menggunakan
- Chrome Extensions
Operasi tidak didukung saat menggunakan proses debug jarak jauh
Beberapa perintah WebDriver (misalnya, mengubah ukuran jendela browser) memerlukan ekstensi Chrome untuk dimuat ke dalam browser. ChromeDriver biasanya memuat "ekstensi otomatisasi" ini setiap kali meluncurkan sesi Chrome baru. Namun, ChromeDriver
ChromeOS
Semua image pengujian ChromeOS memiliki biner ChromeDriver yang diinstal di /usr/local/chromedriver/. Biner diupdate ke versi Chrome yang sama dalam image pengujian tersebut. Artinya, Anda selalu menggunakan build ChromeDriver terbaru. Jika pengujian
Ringkasan WebView
Komponen WebView didasarkan pada project open source Chromium.
chrome.certificateProvider
Gunakan API ini untuk mengekspos sertifikat ke platform yang dapat menggunakan sertifikat ini untuk autentikasi TLS. Penggunaan umum API ini untuk mengekspos sertifikat klien ke ChromeOS mengikuti langkah-langkah berikut: Urutan langkah yang
- Chrome Extensions
chrome.extension
chrome.extension API memiliki utilitas yang dapat digunakan oleh halaman ekstensi apa pun. API ini mencakup dukungan untuk bertukar pesan antara ekstensi dan skrip kontennya atau antar-ekstensi, seperti yang dijelaskan secara mendetail di Penerusan
- Chrome Extensions
Log performa
ChromeDriver mendukung logging performa, tempat Anda bisa mendapatkan peristiwa domain "Linimasa", "Jaringan", dan "Halaman", serta data rekaman aktivitas untuk kategori rekaman aktivitas yang ditentukan. Logging performa TIDAK diaktifkan secara
Hasil download
Untuk versi Chrome sebelumnya, berikut adalah versi ChromeDriver yang mendukungnya. Untuk informasi selengkapnya tentang cara memilih versi ChromeDriver yang tepat, lihat halaman Pemilihan Versi. Mendukung Chrome versi 114 Untuk detail selengkapnya,
Error Driver Chrome
Untuk mendiagnosis dan memperbaiki error ChromeDriver, Anda memiliki beberapa opsi. Hal ini hanya untuk error ChromeDriver, yang tidak sama dengan Chrome error atau ditutup. Di Windows, Anda mungkin melihat tampilan seperti ini: Buat kasus reproduksi
Android
Biner terbaru untuk ChromeDriver dikemas sebagai file zip untuk berbagai platform host. ChromeDriver versi sebelumnya dapat ditemukan di Download. ChromeDriver mendukung pengujian yang berjalan di browser Chrome (versi 30+) dan aplikasi berbasis
Dukungan keyboard
Saat ini, ChromeDriver hanya mendukung sistem yang mengonfigurasi keyboard Amerika Serikat. Saat mendeteksi status ini, ChromeDriver akan mencatat hal berikut ke dalam log: Pengguna tanpa keyboard Amerika Serikat mungkin mengalami tombol yang hilang
Emulasi seluler
Chrome memungkinkan pengguna mengemulasi Chrome di perangkat seluler dari Chrome versi desktop, dengan mengaktifkan mode perangkat dengan Chrome DevTools. Fitur ini mempercepat pengembangan web, memungkinkan developer menguji dengan cepat cara
Pertimbangan keamanan
ChromeDriver adalah alat yang canggih, dan dapat menyebabkan kerusakan jika berada di tangan yang salah. Saat menggunakan ChromeDriver, ikuti saran berikut:
Canary
ChromeDriver Canary memiliki fitur ChromeDriver baru terbaru. Biner baru di-build dan tersedia beberapa kali dalam sehari. Perlu diketahui, versi ini didesain untuk developer dan pengguna awal, dan terkadang dapat gagal sepenuhnya. Mulai M115, rilis
Chrome tidak langsung dimulai atau langsung error
Hal ini sering terjadi saat menjalankan ChromeDriver atau Chrome menggunakan harness pengujian khusus (mungkin IDE) atau sistem build berkelanjutan (seperti Jenkins). Coba luncurkan biner Chrome yang sama dengan yang digunakan pengujian Anda dari
Cara kerja isi otomatis: insight dunia nyata
Studi Chrome menunjukkan bahwa pengguna isi otomatis mengisi formulir lebih cepat, dengan rasio pengabaian yang lebih rendah.
- Chrome
Temuan dari formulir masukan developer permintaan pilih yang dapat disesuaikan
Terima kasih telah meluangkan waktu untuk berbagi dengan kami, memberikan masukan, meninjau detail, dan membantu membentuk standar.
- Chrome
Mulai menggunakan AI bawaan
Pelajari persyaratan untuk mulai mem-build fitur dan aplikasi dengan AI bawaan.
Deteksi bahasa dengan AI bawaan
Language Detector API menawarkan penemuan bahasa bawaan di web, di browser.
Cara Menggunakan Alat Linimasa Alokasi
Gunakan alat Linimasa alokasi untuk menemukan objek yang tidak dibersihkan sampah memorinya dengan benar, dan terus mempertahankan memori.
- Chrome DevTools
Menghindari animasi non-gabungan
Cara lulus audit Lighthouse "Hindari animasi non-gabungan.
Merekam dan menganalisis rekaman aktivitas performa dengan DevTools
Merekam dan menganalisis rekaman aktivitas performa dengan DevTools.
- Chrome DevTools
- Chrome
CSS Wrapped 2024
Bergabunglah dengan tim Chrome DevRel dan Dino Chrome yang sedang bermain skateboard dalam perjalanan melalui CSS terbaru yang diluncurkan untuk Chrome dan platform web pada tahun 2024.
Yang baru di DevTools, Chrome 132
Debug permintaan jaringan, file sumber, dan rekaman aktivitas performa dengan Gemini, lihat histori chat AI, dan lainnya.
- Chrome
- Chrome DevTools
Terminologi memori
Bagian ini menjelaskan istilah umum yang digunakan dalam analisis memori, dan berlaku untuk berbagai alat pembuatan profil memori untuk bahasa yang berbeda.
- Chrome DevTools
Melihat dan mengedit penyimpanan ekstensi
Cara melihat dan mengedit penyimpanan ekstensi dengan panel Penyimpanan Ekstensi.
- Chrome DevTools
chrome.browser
Gunakan chrome.browser API untuk berinteraksi dengan browser Chrome yang terkait dengan aplikasi saat ini dan profil Chrome. string URL yang akan dibuka saat tab baru pertama kali dibuka. Membuka tab baru di jendela browser yang terkait dengan
chrome.socket
Gunakan chrome.socket API untuk mengirim dan menerima data melalui jaringan menggunakan koneksi TCP dan UDP. Catatan: Mulai Chrome 33, API ini tidak digunakan lagi dan diganti dengan API sockets.udp, sockets.tcp, dan sockets.tcpServer. angka number
chrome.syncFileSystem
Gunakan chrome.syncFileSystem API untuk menyimpan dan menyinkronkan data di Google Drive. API ini BUKAN untuk mengakses dokumen pengguna arbitrer yang disimpan di Google Drive. Layanan ini menyediakan penyimpanan khusus aplikasi yang dapat
chrome.bluetoothSocket
Gunakan chrome.bluetoothSocket API untuk mengirim dan menerima data ke perangkat Bluetooth menggunakan koneksi RFCOMM dan L2CAP. Kunci berikut harus dideklarasikan dalam manifes untuk menggunakan API ini. "system_error" Terjadi error sistem dan
chrome.mdns
Gunakan chrome.mdns API untuk menemukan layanan melalui mDNS. Ini terdiri dari subset fitur spesifikasi NSD: http://www.w3.org/TR/discovery-api/ string Alamat IP layanan yang diiklankan mDNS. string[] Metadata untuk layanan yang diiklankan mDNS.
chrome.bluetoothLowEnergy
chrome.bluetoothLowEnergy API digunakan untuk berkomunikasi dengan perangkat Bluetooth Smart (Hemat Energi) menggunakan Profil Atribut Generik (GATT). Kunci berikut harus dideklarasikan dalam manifes untuk menggunakan API ini. ManufacturerData []
chrome.serial
Gunakan chrome.serial API untuk membaca dari dan menulis ke perangkat yang terhubung ke port serial. number opsional Lihat ConnectionOptions.bitrate. Kolom ini dapat dihilangkan atau tidak akurat jika kecepatan bit non-standar digunakan, atau jika
chrome.bluetooth
Gunakan chrome.bluetooth API untuk terhubung ke perangkat Bluetooth. Semua fungsi melaporkan kegagalan melalui chrome.runtime.lastError. Kunci berikut harus dideklarasikan dalam manifes untuk menggunakan API ini. string Alamat adaptor, dalam format
chrome.webviewTag
Gunakan tag webview untuk memuat konten live secara aktif dari web melalui jaringan dan menyematkannya di Aplikasi Chrome Anda. Aplikasi Anda dapat mengontrol tampilan webview dan berinteraksi dengan konten web, memulai navigasi di halaman web
chrome.fontSettings
Gunakan chrome.fontSettings API untuk mengelola setelan font Chrome. Untuk menggunakan Font Settings API, Anda harus mendeklarasikan izin "fontSettings" dalam manifes ekstensi. Contoh: Chrome memungkinkan beberapa setelan font bergantung pada jenis
- Chrome Extensions
chrome.usb
Gunakan chrome.usb API untuk berinteraksi dengan perangkat USB yang terhubung. API ini memberikan akses ke operasi USB dari dalam konteks aplikasi. Dengan menggunakan API ini, aplikasi dapat berfungsi sebagai driver untuk perangkat hardware. Error
Prompt API
Temukan kemungkinan tak terbatas dari Prompt API di Ekstensi Chrome.
Ekstensi dan AI
Pelajari cara mengembangkan ekstensi dengan AI
- Chrome Extensions
Menggunakan kebijakan HSTS yang kuat
Pelajari lebih lanjut cara mengonfigurasi kebijakan HTTP Strict Transport Security (HSTS) yang kuat
Penghentian penggunaan panel Insight Performa
Panel Insight Performa eksperimental akan dihapus pada Januari 2025 dan diganti dengan insight baru dalam panel Performa itu sendiri.
- Chrome DevTools
- Chrome
Chrome DevTools
Temukan dan jelajahi berita terbaru tentang dan kasus penggunaan untuk bantuan AI
- Chrome DevTools
chrome.dns
Gunakan chrome.dns API untuk resolusi DNS. Untuk menggunakan API ini, Anda harus mendeklarasikan izin "dns" di manifest. Kode berikut memanggil resolve() untuk mengambil alamat IP example.com. service-worker.js: string opsional String yang mewakili
- Chrome Extensions
chrome.desktopCapture
Desktop Capture API merekam konten layar, setiap jendela, atau setiap tab. Enum yang digunakan untuk menentukan kumpulan sumber media desktop yang digunakan di chooseDesktopMedia(). "screen" "window" "tab" "audio" Mencerminkan
- Chrome Extensions
chrome.documentScan
Gunakan chrome.documentScan API untuk menemukan dan mengambil gambar dari pemindai dokumen yang terpasang.
- Chrome Extensions
chrome.declarativeContent
Gunakan chrome.declarativeContent API untuk mengambil tindakan bergantung pada konten halaman, tanpa memerlukan izin untuk membaca konten halaman. Declarative Content API memungkinkan Anda mengaktifkan tindakan ekstensi, bergantung pada URL halaman
- Chrome Extensions
chrome.system.storage
Gunakan chrome.system.storage API untuk membuat kueri informasi perangkat penyimpanan dan mendapatkan notifikasi saat perangkat penyimpanan yang dapat dilepas dipasang dan dilepas. "success" Perintah ejeksi berhasil -- aplikasi dapat meminta pengguna
- Chrome Extensions
chrome.contextMenus
Gunakan chrome.contextMenus API untuk menambahkan item ke menu konteks Google Chrome. Anda dapat memilih jenis objek yang akan diterapkan penambahan menu konteks, seperti gambar, hyperlink, dan halaman. Anda harus mendeklarasikan izin "contextMenus"
- Chrome Extensions
chrome.audio
chrome.audio API disediakan untuk memungkinkan pengguna mendapatkan informasi tentang dan mengontrol perangkat audio yang terpasang ke sistem. API ini saat ini hanya tersedia dalam mode kios untuk ChromeOS. string Nama perangkat. DeviceType Jenis
- Chrome Extensions
chrome.alarms
Gunakan chrome.alarms API untuk menjadwalkan kode agar berjalan secara berkala atau pada waktu yang ditentukan pada masa mendatang. Untuk menggunakan chrome.alarms API, deklarasikan izin "alarms" dalam manifest: Untuk memastikan perilaku yang andal,
- Chrome Extensions
Isi otomatis
Browser, dan Anda, sebagai developer, dapat membantu pengguna memasukkan data dengan lebih cepat, dan menghindari memasukkan ulang data. Isi otomatis adalah fitur yang memungkinkan browser otomatis mengisi kolom formulir dengan informasi tersimpan
Alat CrUX
Dokumentasi teknis tentang alat CrUX.
- Chrome UX Report
chrome.declarativeNetRequest
chrome.declarativeNetRequest API digunakan untuk memblokir atau mengubah permintaan jaringan dengan menentukan aturan deklaratif. Hal ini memungkinkan ekstensi mengubah permintaan jaringan tanpa mencegat dan melihat kontennya, sehingga memberikan
- Chrome Extensions
chrome.devtools.panels
Gunakan chrome.devtools.panels API untuk mengintegrasikan ekstensi ke UI jendela Alat Developer: buat panel Anda sendiri, akses panel yang ada, dan tambahkan sidebar. Setiap panel dan sidebar ekstensi ditampilkan sebagai halaman HTML terpisah. Semua
- Chrome Extensions
chrome.fileBrowserHandler
Gunakan chrome.fileBrowserHandler API untuk memperluas browser file ChromeOS. Misalnya, Anda dapat menggunakan API ini untuk memungkinkan pengguna mengupload file ke situs Anda. Browser file ChromeOS muncul saat pengguna menekan Alt+Shift+M atau
- Chrome Extensions
chrome.readingList
Gunakan chrome.readingList API untuk membaca dan mengubah item di Daftar Bacaan. Untuk menggunakan Reading List API, tambahkan izin "readingList" di file manifes ekstensi: manifest.json: Chrome menampilkan daftar bacaan yang terletak di panel
- Chrome Extensions
Langkah selanjutnya untuk WebGPU
Pelajari fitur AI dan rendering baru yang dibahas dalam pertemuan grup kerja GPU untuk Web terbaru.
- Chrome
- WebGpu
Aksesibilitas video memenangkan penghargaan web Kompetisi Developer Gemini API
Kami telah memilih ViddyScribe untuk penghargaan web Kompetisi Developer Gemini API. Mereka menunjukkan bagaimana Gemini dapat membantu membuat video di web lebih mudah diakses dengan membuat deskripsi audio untuk video apa pun.
- Chrome
Siapkan ekstensi Anda saat kami mulai menguji menu ekstensi baru
Cara menyiapkan ekstensi untuk menu ekstensi baru.
- Chrome
- Chrome Extensions
Kunci sandi
Pengganti sandi yang lebih mudah dan lebih aman.
chrome.networking.onc
chrome.networking.onc API digunakan untuk mengonfigurasi koneksi jaringan (Seluler, Ethernet, VPN, atau Wi-Fi). API ini tersedia di sesi kios Chrome OS yang diluncurkan secara otomatis. Konfigurasi koneksi jaringan ditentukan dengan mengikuti
Bantuan AI untuk jaringan
Memahami traffic jaringan situs Anda - dengan bantuan AI
- Chrome DevTools
Panel bantuan AI
Memahami cara kerja situs dengan bantuan AI
- Chrome DevTools
Bantuan AI untuk sumber
Memahami referensi situs Anda - dengan bantuan AI
- Chrome DevTools
AI bawaan
AI bawaan adalah penawaran terbaru untuk menghadirkan model canggih kepada pengguna, sekaligus melindungi data sensitif dan meningkatkan latensi.
Signal API untuk kunci sandi di desktop Chrome
Memperkenalkan Signal API untuk kunci sandi di desktop Chrome
- Passkeys
- Chrome
Menganotasi rekaman aktivitas langsung di panel Performa
Pelajari cara membuat rekaman aktivitas performa lebih mudah dipahami dengan fitur anotasi baru di DevTools
- Chrome
Bantuan AI untuk performa
Memahami profil performa - dengan bantuan AI
- Chrome DevTools
Terjemahan sisi klien dengan AI
Temukan Translator API untuk mendukung dukungan pelanggan global.
Chrome 132 beta
Pelajari fitur terbaru yang dikirimkan di Chrome.
- Chrome
Bergabung dengan uji coba origin Translator API
Terjemahkan teks langsung di browser menggunakan model AI lokal. Kini, pengguna dapat berkontribusi dalam bahasa pertama mereka.
- Chrome
Chrome 131
Pewarisan Sorotan CSS berubah, lebih banyak gaya CSS untuk elemen detail, tata letak cetak yang lebih mudah dengan kotak margin halaman, dan lainnya.
- Chrome
Pastikan kunci sandi konsisten dengan kredensial di server Anda dengan Signal API
WebAuthn Signal API memungkinkan pihak tepercaya untuk memberikan sinyal status kredensial yang ada kepada penyedia kunci sandi, sehingga kunci sandi konsisten dengan kredensial di server.
- Passkeys
- Chrome
Ikuti uji coba asal Prompt API untuk Ekstensi Chrome
Ikuti uji coba origin Prompt API untuk Ekstensi Chrome dan akses Gemini Nano di Chrome.
- Chrome
Yang baru di Chrome 131
Chrome 131 kini diluncurkan. Gaya visual CSS lainnya untuk elemen detail, tata letak cetak yang lebih mudah dengan kotak margin halaman, dan masih banyak lagi.
- Chrome
Bergabung dengan uji coba origin Summarizer API
Berpartisipasi dalam uji coba origin untuk membantu pengguna menyaring artikel panjang, dokumen yang kompleks, atau bahkan percakapan chat yang seru menjadi ringkasan yang ringkas dan bermakna.
- Chrome
Membuat ringkasan dengan AI bawaan
Ringkas artikel panjang, dokumen kompleks, atau bahkan percakapan chat yang menarik menjadi ringkasan yang ringkas dan mendalam.
CSS dan UI
Temukan referensi tentang topik seperti tipografi, warna, dan tata letak.
Manifes - Sandbox
Peringatan: Mulai versi 57, Chrome tidak akan lagi mengizinkan konten web eksternal (termasuk frame dan skrip tersemat) di dalam halaman dengan sandbox. Sebagai gantinya, gunakan webview. Menentukan kumpulan halaman aplikasi atau ekstensi yang akan
Manifes untuk area penyimpanan
Tidak seperti area penyimpanan local dan sync, area penyimpanan managed mengharuskan strukturnya dideklarasikan sebagai Skema JSON dan divalidasi secara ketat oleh Chrome. Skema ini harus disimpan dalam file yang ditunjukkan oleh properti
Manifes - Persyaratan
Teknologi yang diperlukan oleh aplikasi atau ekstensi. Situs hosting seperti Chrome Web Store dapat menggunakan daftar ini untuk mencegah pengguna menginstal aplikasi atau ekstensi yang tidak akan berfungsi di komputer mereka. Persyaratan yang
Mulai menggunakan uji coba origin
Menguji fitur platform web baru atau eksperimental. Berikan umpan balik kepada komunitas standar web tentang kegunaan, kepraktisan, dan efektivitas fitur, sebelum fitur tersebut tersedia untuk semua pengguna.
Yang Baru di WebGPU (Chrome 131)
Jarak klip di WGSL, GPUCanvasContext getConfiguration(), primitif titik dan garis tidak boleh memiliki bias kedalaman, fungsi bawaan pemindaian inklusif untuk subgrup, dukungan eksperimental untuk multi-gambar tidak langsung, opsi kompilasi modul shader matematika ketat, menghapus GPUAdapter requestAdapterInfo(), dan lainnya.
- Chrome
- WebGpu
Memperbaiki masalah memori
Pelajari cara menggunakan Chrome dan DevTools untuk menemukan masalah memori yang memengaruhi performa halaman, termasuk kebocoran memori, penggelembungan memori, dan pembersihan sampah memori yang sering.
- Chrome DevTools
Opsi lainnya untuk menata gaya <details>
Anda kini dapat menetapkan jenis tampilan dan juga menata gaya penampung untuk bagian yang diperluas dan diciutkan menggunakan elemen pseudo ::details-content baru.
Ringkasan panel memori
Dapatkan analisis mendalam tentang alokasi memori, selidiki masalah memori tingkat rendah, dan kelola pembersihan sampah memori.
- Chrome DevTools
Bantu pengguna Anda login dengan lancar dengan berbagi kredensial yang lancar
Berbagi kredensial dengan lancar memungkinkan Anda memberi tahu pengelola sandi dengan aman bahwa pengguna dapat login menggunakan kredensial yang sama di seluruh aplikasi dan situs Android Anda.
- Chrome
Menyesuaikan DevTools
Daftar cara untuk menyesuaikan Chrome DevTools: Ubah tema, penempatan, urutan panel, bahasa, dan lainnya.
- Chrome DevTools
Referensi lencana
Alihkan berbagai overlay dan percepat navigasi hierarki DOM dengan badge.
- Chrome DevTools
Memantau metrik Core Web Vitals secara real time di panel Performa
Memantau metrik Core Web Vitals secara real time di panel Performa.
- Chrome DevTools
- Chrome
Yang baru di DevTools, Chrome 131
Debug CSS dengan Gemini, anotasikan temuan, dan dapatkan insight di panel Performa, temukan pergeseran tata letak yang berlebihan dan animasi yang tidak digabungkan, dan lainnya.
- Chrome
- Chrome DevTools
Menambahkan konten ke margin halaman web saat dicetak menggunakan CSS
Membuat header dan footer kustom saat mencetak halaman web.
- Chrome
Kenali tulisan tangan pengguna
Handwriting Recognition API memungkinkan aplikasi web menggunakan layanan pengenalan tulis tangan lanjutan untuk mengenali teks dari input tulisan tangan secara real time.
WebGPU: Tips dan perbaikan pemecahan masalah
Pelajari alasan WebGPU dapat dinonaktifkan atau tidak berfungsi di browser Chrome.
Menghapus --headless=old dari Chrome
Chrome 132 tidak lagi menyertakan mode Headless lama. Bermigrasi ke chrome-headless-shell atau mode Headless baru.
- Chrome
Menganalisis performa runtime
Pelajari cara mengevaluasi performa runtime di Chrome DevTools.
- Chrome DevTools
Badge scroll baru di DevTools: Temukan elemen yang dapat di-scroll dengan lebih cepat
Pelajari bagaimana badge scroll baru DevTools menyederhanakan proses debug elemen yang dapat di-scroll (dan bagaimana kami membangunnya!).
- Chrome
Mode Headless Chrome
Mode Headless Chrome kini lebih bermanfaat bagi developer, dengan mendekatkannya dengan mode 'headful' Chrome biasa.
- Chromium
Mengaktifkan bfcache untuk Cache-Control: no-store
Chrome melakukan perubahan untuk mengizinkan penggunaan bfcache untuk halaman yang menggunakan Cache-Control: no-store jika aman untuk dilakukan. Cari tahu apa artinya bagi developer.
5 Hal Keren yang Dapat Dilakukan dengan Bantuan AI DevTools
Pelajari kasus penggunaan yang menyenangkan dan menarik dari panel bantuan AI baru di DevTools
- Chrome
API AI bawaan
AI bawaan adalah penawaran terbaru untuk menghadirkan model canggih kepada pengguna, sekaligus melindungi data sensitif dan meningkatkan latensi.
Chrome 131 beta
Temukan fitur yang akan hadir di Chrome dengan versi beta terbaru.
- Chrome
Referensi API
Referensi lengkap ke semua API yang tersedia untuk Ekstensi Chrome. Ini termasuk API untuk platform Aplikasi Chrome yang tidak digunakan lagi serta API yang masih dalam versi beta dan dev.
- Chrome Extensions
Yang Baru di WebGPU (ChromeIAP130)
Pencampuran sumber ganda, peningkatan waktu kompilasi shader di Metal, penghentian GPUAdapter requestAdapterInfo(), dan banyak lagi.
- Chrome
- WebGpu
Baru di Chrome 130
Chrome 130 kini diluncurkan. Document picture in picture memberi Anda lebih banyak kontrol atas picture-in-picture jendela, Deklarasi CSS Nested memperbaiki beberapa kasus ekstrem yang rumit, dan Anda dapat menentukan bagaimana dekorasi pada elemen yang dibagi menjadi beberapa baris berperilaku. Pete LePage memiliki semua detail tentang yang baru untuk developer di Chrome 130.
- Chrome
Bantuan AI untuk penataan gaya
Memahami cara gaya situs dibuat dengan bantuan AI di DevTools.
- Chrome DevTools
Chrome 130
Chrome 130 kini diluncurkan. Picture-in-picture dokumen memberi Anda kontrol lebih besar atas jendela picture-in-picture, deklarasi Bertingkat CSS memperbaiki beberapa kasus ekstrem yang rumit, dan Anda dapat menentukan perilaku dekorasi pada elemen yang dibagi di beberapa baris, dan masih banyak lagi.
- Chrome
chrome.hid
Menggunakan chrome.hid API untuk berinteraksi dengan perangkat HID yang terhubung. API ini memberikan akses ke operasi HID dari dalam konteks aplikasi. Dengan menggunakan API ini, aplikasi dapat berfungsi sebagai driver untuk perangkat hardware.
chrome.clipboard
chrome.clipboard API disediakan untuk memungkinkan pengguna mengakses data papan klip. Ini adalah solusi sementara untuk aplikasi platform chromeos hingga alternatif web terbuka tersedia. Fitur ini tidak akan digunakan lagi setelah solusi web terbuka
API Frame Animasi Panjang
Pelajari Long Animation Frames API (LoAF) yang merupakan iterasi berikutnya dari Long Tasks API dan memungkinkan pengukuran penundaan update frame dengan atribusi
Inovasi AI
Referensi tab Inovasi AI.
- Chrome DevTools
Memeriksa aktivitas jaringan
Tutorial tentang fitur paling populer yang terkait dengan jaringan di Chrome DevTools.
- Chrome DevTools
Yang terjadi di Ekstensi Chrome, Oktober 2024
Ringkasan perubahan terbaru di Ekstensi Chrome, serta fitur ekstensi mendatang yang menarik yang dapat ditunggu oleh developer.
- Chrome
- Chrome Extensions
Klien Native
Sandbox untuk menjalankan kode C dan C++ yang dikompilasi di browser. Fungsi ini tidak digunakan lagi.
Properti box-decoration-break di Chrome 130
Chrome 130 menyertakan dukungan box-decoration-break penuh tanpa awalan.
- Chrome
Akses Jaringan Pribadi ditangguhkan
Peluncuran Akses Jaringan Pribadi (PNA) ditangguhkan.
- Chrome
Translation API tersedia untuk pratinjau awal
Translation API kini tersedia untuk peserta program pratinjau awal AI bawaan.
- Chrome
Perubahan pewarisan untuk gaya pilihan CSS
Perubahan pada pewarisan sorotan CSS akan hadir di Chrome 134.
- Chrome
CSS anchor positioning API
Memosisikan elemen relatif terhadap satu sama lain menggunakan API pemosisi anchor.
Prediksi tangkapan di Chrome DevTools: Mengapa sulit dan cara membuatnya lebih baik
Pelajari cara debugger DevTools memprediksi apakah pengecualian terdeteksi.
- Chrome
WebAuthn: Mengemulasi pengautentikasi
Emulasikan Authenticator dan Debug WebAuthn di Chrome DevTools.
- Chrome DevTools
Ikuti Google Chrome Built-in AI Challenge
Kami meluncurkan Tantangan AI Bawaan, yang mengundang Anda untuk membayangkan kembali apa yang dapat dilakukan dengan Gemini Nano di Chrome.
- Chrome
Meningkatkan pengalaman seluler Dasbor Developer Chrome Web Store
Dengan senang hati kami meluncurkan serangkaian perubahan UI yang membuat Dasbor Developer Chrome Web Store lebih responsif dan mobile-friendly. Kami harap hal ini memberi Anda pengalaman yang lebih mudah dan mudah diakses saat memantau performa
- Chrome Extensions
- Chrome
Referensi fitur
Referensi komprehensif dari fitur panel Perekam Chrome DevTools.
- Chrome DevTools
Penelusuran: Menemukan teks di semua resource yang dimuat
Menemukan teks di seluruh aset yang dimuat dengan panel Telusuri.
- Chrome DevTools
Yang baru di DevTools, Chrome 130
Rekomendasi untuk metrik live dan breadcrumb yang dapat Anda buka di panel Performa, filter jaringan yang didesain ulang, ekspor HAR yang dibersihkan, dan lainnya.
- Chrome DevTools
- Chrome
Ringkasan panel sumber
Lihat dan edit file, buat Snippet, debug JavaScript, dan siapkan Workspace di panel Sumber Chrome DevTools.
- Chrome DevTools
Cakupan: Temukan JavaScript dan CSS yang tidak digunakan
Cara menemukan dan menganalisis kode JavaScript dan CSS yang tidak digunakan di Chrome DevTools.
- Chrome DevTools
Menjelaskan Caching: Memeriksa, Menghapus, dan Menonaktifkan Cache
Memeriksa dan memecahkan masalah cache dengan DevTools.
- Chrome
- Chrome DevTools
Transisi tampilan dokumen yang sama untuk aplikasi web satu halaman
Mulai dengan transisi tampilan dokumen yang sama untuk digunakan di aplikasi web satu halaman.
Panel Lapisan: Jelajahi lapisan situs Anda
Periksa lapisan yang membentuk situs Anda.
- Chrome DevTools
Ekstensi Data Web, kini tersedia di DevTools
Ekstensi Data Web akan digabungkan dengan panel Performa Chrome DevTools, sehingga dukungan mandiri akan berakhir pada Januari 2025.
- Chrome DevTools
- Chrome
Ringkasan konsol
Penggunaan utama Konsol Chrome DevTools adalah mencatat log pesan dan menjalankan JavaScript.
- Chrome DevTools
Secara unik mengidentifikasi PWA dengan properti ID manifes aplikasi web
Properti `id` opsional adalah bagian dari spesifikasi manifes aplikasi web, dan memungkinkan Anda secara eksplisit menentukan ID yang digunakan untuk PWA Anda. Menambahkan properti `id` ke manifes akan menghapus dependensi pada `start_url` atau lokasi manifes, dan memungkinkannya diupdate pada masa mendatang.
Writer dan rewriter API tersedia untuk pratinjau awal
Peserta EPP kini dapat membuat prototipe dengan API tulis dan tulis ulang di Chrome.
- Chrome
Chrome untuk menyinkronkan kunci sandi di Pengelola Sandi Google antara desktop dan Android
Chrome di desktop akan segera dapat membuat kunci sandi di Pengelola Sandi Google (GPM) dan menyinkronkannya di seluruh platform tersebut, selain Android.
- Chrome
- Passkeys
Masukan diperlukan: Bagaimana kita harus mendefinisikan masonry CSS?
Perbandingan antara dua spesifikasi masonry yang diusulkan.
- Chrome
Chrome 130 beta
Uji situs Anda dengan fitur dan perubahan di Chrome beta terbaru.
- Chrome
Baru di Chrome 129
Chrome 129 sekarang diluncurkan. Anda dapat menghasilkan tugas yang panjang - untuk meningkatkan performa, Anda dapat menganimasikan elemen dengan ukuran intrinsik, ada beberapa perubahan pada sintaksis pemosisian anchor, dan masih banyak lagi. Pete LePage memiliki semua detail tentang yang baru untuk developer di Chrome 129.
- Chrome
Memantau performa Core Web Vitals lokal dan pengguna sebenarnya di DevTools
Panel Performa di Chrome DevTools menampilkan cara baru untuk memantau performa Data Web Inti lokal Anda dan membandingkannya dengan data pengguna sebenarnya dari lapangan.
- Chrome
- Chrome DevTools
Animasikan ke tinggi: otomatis; (dan kata kunci ukuran intrinsik lainnya) di CSS
Menganimasikan ke dan dari kata kunci ukuran intrinsik dengan `interpolate-size` dan `calc-size()`
Yang Baru di WebGPU (Chrome 129)
Dukungan HDR dengan mode pemetaan warna kanvas, dukungan subgrup yang diperluas, dan lain-lain.
- Chrome
- WebGpu
Eksperimen Chrome: Berbagi proses
Eksperimen Berbagi proses dan dampaknya terhadap pengalaman developer Chrome DevTools.
- Chrome
Panel performa: Menganalisis performa situs
Menganalisis performa pemuatan dan runtime situs Anda
- Chrome DevTools
Update RFCOMM Bluetooth di Web Serial
Pelajari cara mendeteksi kapan port serial RFCOMM Bluetooth tersedia dengan Web Serial.
- Chrome
Permintaan masukan developer: pilihan yang dapat disesuaikan
Sekilas tentang fitur baru pilihan yang dapat disesuaikan.
- Chrome
Membekukan layar & memeriksa elemen yang menghilang
Membekukan elemen di DOM sehingga Anda dapat memeriksanya dengan DevTools.
- Chrome
- Chrome DevTools
Picture-in-Picture untuk Elemen apa pun, bukan hanya <video>
Menampilkan konten HTML arbitrer di jendela yang selalu berada di atas.
Catatan rilis
Detail tentang perubahan terbaru pada {i>dataset<i} CrUX.
- Chrome UX Report
Kunci Keyboard dan Pointer Lock API memerlukan izin dari Chrome 131
Keyboard Lock API memungkinkan developer memberikan pengalaman layar penuh yang imersif untuk berbagai kasus penggunaan, termasuk situs interaktif, game, dan streaming desktop jarak jauh atau aplikasi. Hal ini dilakukan dengan memungkinkan situs
- Chrome
Manifes - Modul Nacl
Satu atau beberapa pemetaan dari jenis MIME ke modul Native Client yang menangani setiap jenis. Sebagai contohnya, kode tebal dalam cuplikan berikut mendaftarkan modul Native Client sebagai konten untuk jenis MIME spreadsheet OpenOffice. Nilai "path"
externally_connectable
Properti manifes externally_connectable mendeklarasikan ekstensi, aplikasi, dan halaman web mana yang dapat hubungkan ke aplikasi Anda melalui runtime.connect dan runtime.sendMessage. Untuk tutorial tentang penerusan pesan, lihat lintas ekstensi dan
Manifes - Ikon
Satu atau beberapa ikon yang mewakili ekstensi, aplikasi, atau tema. Anda harus selalu memberikan ikon; ini digunakan selama instalasi dan oleh Chrome Web Store. Ekstensi juga harus memberikan Ikon 48x48, yang digunakan di halaman pengelolaan
Versi Manifes
Satu bilangan bulat yang menentukan versi format file manifes yang diperlukan paket Anda. Mulai Chrome 18, developer harus menentukan 2 (tanpa tanda kutip) untuk menggunakan format seperti yang dijelaskan oleh dokumen: Pertimbangkan manifes versi 1
Pemeriksa Memori: Memeriksa ArrayBuffer, TypedArray, DataView, dan Memori Wasm.
Gunakan Pemeriksa memori untuk memeriksa ArrayBuffer, TypedArray, atau DataView di JavaScript serta WebAssembly.Memory dari aplikasi Wasm.
- Chrome DevTools
Perubahan: Melacak perubahan HTML, CSS, dan JavaScript Anda
Melacak perubahan pada HTML, CSS, dan JavaScript.
- Chrome DevTools
Memperkenalkan uji coba origin Digital Credentials API
Uji coba origin untuk Digital Credentials API dimulai dari Chrome 128. Digital Credentials API adalah API platform web baru yang memungkinkan situs secara selektif meminta informasi yang dapat diverifikasi tentang pengguna melalui kredensial digital seperti surat izin mengemudi atau kartu identitas nasional yang disimpan dalam dompet digital.
- Chrome
Perubahan sintaksis pemosisian anchor
Perubahan terkait API pemosisian anchor yang harus Anda ketahui.
- Chrome
Menjalankan perintah di Menu Perintah
Panduan cara membuka Menu Perintah, menjalankan perintah, membuka file, melihat tindakan lain, dan lainnya.
- Chrome DevTools
Mengaktifkan berbagi kredensial yang lancar di seluruh situs di Chrome
Jika Anda menggunakan beberapa domain yang memiliki backend pengelolaan akun yang sama, dengan Digital Asset Links, Anda kini juga dapat membagikan kredensial dengan lancar di seluruh domain tersebut agar pengguna dapat menyimpan kredensial sekali dan meminta pengelola sandi Chrome untuk menyarankannya ke situs terkait.
Yang baru di DevTools, Chrome 129
Permintaan penelusuran di Performa > Jaringan, gunakan data uji dalam formulir alamat dengan Isi Otomatis, ekspor ke Puppeteer untuk Firefox di panel Perekam, temukan masalah kinerja sekilas pada pengamatan di panel Performa, dan banyak lagi.
- Chrome
- Chrome DevTools
Platform Web
Pelajari cara kerja Chrome, berpartisipasilah dalam uji coba origin, dan bangun aplikasi dengan Chrome di mana saja.
Memperkenalkan petunjuk, Permintaan Origin Terkait dan serialisasi JSON untuk WebAuthn di Chrome
WebAuthn di Chrome kini dapat menggunakan petunjuk, Permintaan Asal Terkait, dan serialisasi JSON
- Chrome
chrome.privacy
Gunakan chrome.privacy API untuk mengontrol penggunaan fitur di Chrome yang dapat memengaruhi privasi pengguna. API ini bergantung pada prototipe ChromeSetting dari jenis API untuk mendapatkan dan menyetel konfigurasi Chrome. Anda harus menyatakan
- Chrome Extensions
chrome.types
chrome.types API berisi deklarasi jenis untuk Chrome. Jenis ChromeSetting memberikan kumpulan fungsi umum ( get(), set(), dan clear() ) serta penayang peristiwa ( onChange ) untuk setelan browser Chrome. Setelan proxy contoh menunjukkan bagaimana
- Chrome Extensions
chrome.devtools.performance
Gunakan chrome.devtools.performance API untuk memproses pembaruan status perekaman di panel Performance di DevTools. Lihat ringkasan API DevTools untuk pengantar umum tentang penggunaan API Developer Tools. chrome.devtools.performance API
- Chrome Extensions
chrome.proxy
Gunakan chrome.proxy API untuk mengelola setelan proxy Chrome. API ini bergantung pada prototipe ChromeSetting dari jenis API untuk mendapatkan dan menyetel konfigurasi proxy. Anda harus mendeklarasikan "proxy" izin di manifes ekstensi untuk
- Chrome Extensions
chrome.printerProvider
chrome.printerProvider API mengekspos peristiwa yang digunakan oleh pengelola cetak untuk mengkueri printer yang dikontrol oleh ekstensi, untuk mengkueri kemampuannya dan mengirimkan tugas pencetakan ke printer ini. string opsional Deskripsi printer
- Chrome Extensions
Kemampuan dan ChromeOptions
Kemampuan adalah opsi yang dapat Anda gunakan untuk menyesuaikan dan mengonfigurasi sesi ChromeDriver.
Language detection API tersedia untuk pratinjau awal
Peserta EPP kini dapat membuat prototipe dengan API deteksi bahasa di Chrome.
- Chrome
chrome.declarativeNetRequest
chrome.declarativeNetRequest API digunakan untuk memblokir atau mengubah permintaan jaringan dengan menentukan aturan deklaratif. Hal ini memungkinkan ekstensi mengubah permintaan jaringan tanpa mencegatnya dan melihat kontennya, sehingga memberikan
- Chrome Extensions
Lighthouse: Mengoptimalkan kecepatan situs
Jadikan situs Anda dimuat lebih cepat dengan Chrome Lighthouse.
- Chrome DevTools
chrome.webRequest
Gunakan chrome.webRequest API untuk mengamati dan menganalisis traffic, serta untuk menangkap, memblokir, atau mengubah permintaan yang sedang berlangsung. Anda harus menyatakan izin "webRequest" dalam manifes ekstensi untuk menggunakan permintaan
- Chrome Extensions
chrome.sidePanel
Gunakan chrome.sidePanel API untuk menghosting konten di panel samping browser bersama dengan konten utama halaman web. Untuk menggunakan Side Panel API, tambahkan izin "sidePanel" dalam file manifes ekstensi: manifest.json: Side Panel API
- Chrome Extensions
chrome.omnibox
API omnibox memungkinkan Anda mendaftarkan kata kunci di kolom URL Google Chrome, yang juga dikenal dengan omnibox. Saat pengguna memasukkan kata kunci ekstensi Anda, pengguna mulai berinteraksi hanya dengan. Setiap penekanan tombol dikirim ke
- Chrome Extensions
chrome.windows
Gunakan chrome.windows API untuk berinteraksi dengan jendela browser. Anda dapat menggunakan API ini untuk membuat, memodifikasi, dan mengatur ulang jendela di browser. Saat diminta, windows.Window berisi array objek tabs.Tab. Anda harus deklarasikan
- Chrome Extensions
chrome.pageAction
Gunakan chrome.pageAction API untuk menempatkan ikon di toolbar utama Google Chrome, di sebelah kanan kolom URL. Tindakan halaman mewakili tindakan yang dapat dilakukan di halaman saat ini, tetapi tidak berlaku untuk semua halaman. Tindakan halaman
- Chrome Extensions
chrome.browserAction
Gunakan tindakan browser untuk meletakkan ikon di toolbar utama Google Chrome, di sebelah kanan kolom URL. Selain ikon, tindakan browser dapat memiliki tooltip, badge, dan popup. Pada gambar berikut, kotak warna-warni di sebelah kanan {i>address
- Chrome Extensions
chrome.i18n
Gunakan infrastruktur chrome.i18n untuk mengimplementasikan internasionalisasi di seluruh aplikasi atau ekstensi Anda. Anda harus menempatkan semua string yang terlihat oleh pengguna ke dalam file bernama messages.json. Setiap kali Anda menambahkan
- Chrome Extensions
chrome.webRequest
Gunakan chrome.webRequest API untuk mengamati dan menganalisis traffic, serta untuk menangkap, memblokir, atau mengubah permintaan yang sedang berlangsung. Anda harus menyatakan izin "webRequest" dalam manifes ekstensi untuk menggunakan permintaan
- Chrome Extensions
chrome.fileBrowserHandler
Gunakan chrome.fileBrowserHandler API untuk memperluas browser file ChromeOS. Misalnya, Anda dapat menggunakan API ini untuk memungkinkan pengguna mengupload file ke situs Anda. Browser file ChromeOS muncul saat pengguna menekan Alt+Shift+M atau
- Chrome Extensions
chrome.devtools.panels
Gunakan chrome.devtools.panels API untuk mengintegrasikan ekstensi Anda ke UI jendela Developer Tools: membuat panel sendiri, mengakses panel yang ada, dan menambahkan sidebar. Kunci berikut harus dideklarasikan dalam manifes untuk menggunakan API
- Chrome Extensions
Format File Manifes
Setiap aplikasi memiliki file manifes berformat JSON, bernama manifest.json, yang memberikan tidak akurat atau tidak sesuai. Kode berikut menunjukkan kolom manifes yang didukung untuk Aplikasi, dengan link ke halaman yang membahas setiap bidang.
chrome.system.cpu
Gunakan system.cpu API untuk membuat kueri metadata CPU. string Nama arsitektur prosesor. {i>string<i}[] Serangkaian kode fitur yang menunjukkan beberapa kemampuan prosesor. Kode yang saat ini didukung adalah "mmx", "sse", "sse2", "sse3",
- Chrome Extensions
chrome.enterprise.networkingAttributes
Gunakan chrome.enterprise.networkingAttributes API untuk membaca informasi tentang jaringan Anda saat ini. Catatan: API ini hanya tersedia untuk ekstensi yang diinstal otomatis oleh kebijakan perusahaan. string opsional Alamat IPv4 lokal perangkat
- Chrome Extensions
chrome.input.ime
Gunakan chrome.input.ime API untuk menerapkan IME kustom untuk Chrome OS. Hal ini memungkinkan ekstensi Anda menangani penekanan tombol, mengatur komposisi, dan mengelola jendela kandidat. Anda harus mendeklarasikan "input" izin di manifes ekstensi
- Chrome Extensions
chrome.gcm
Gunakan chrome.gcm untuk mengaktifkan aplikasi dan ekstensi guna mengirim dan menerima pesan melalui Firebase Cloud Messaging (FCM). Ukuran maksimum (dalam byte) semua key-value pair dalam pesan. 4096 Mendaftarkan aplikasi ke FCM. ID pendaftaran akan
- Chrome Extensions
chrome.loginState
Gunakan chrome.loginState API untuk membaca dan memantau status login. "SIGNIN_PROFILE" Menentukan bahwa ekstensi ada di profil login. "USER_PROFILE" Menentukan bahwa ekstensi ada di profil pengguna. "UNKNOWN" Menentukan bahwa status sesi tidak
- Chrome Extensions
chrome.instanceID
Gunakan chrome.instanceID untuk mengakses layanan ID Instance. Mereset ID instance aplikasi dan mencabut semua token yang terkait dengannya. fungsi opsional Parameter callback terlihat seperti ini: Janji<void> Promise hanya didukung untuk
- Chrome Extensions
chrome.fontSettings
Gunakan chrome.fontSettings API untuk mengelola setelan font Chrome. Untuk menggunakan Font Settings API, Anda harus mendeklarasikan "fontSettings" izin di ekstensi manifes. Contoh: Chrome memungkinkan beberapa setelan font bergantung pada jenis font
- Chrome Extensions
chrome.printingMetrics
Gunakan chrome.printingMetrics API untuk mengambil data tentang penggunaan pencetakan. "BLACK_AND_WHITE" Menentukan bahwa mode hitam putih digunakan. "Color" Menentukan bahwa mode warna yang digunakan. "ONE_SIDED" Menentukan bahwa pencetakan satu
- Chrome Extensions
chrome.processes
Gunakan chrome.processes API untuk berinteraksi dengan proses browser. angka Bagian dari cache yang digunakan, dalam byte. angka Ukuran cache, dalam byte. angka opsional Pengukuran terbaru penggunaan CPU proses, yang dinyatakan sebagai persentase
- Chrome Extensions
chrome.platformKeys
Gunakan chrome.platformKeys API untuk mengakses sertifikat klien yang dikelola oleh platform. Jika pengguna atau kebijakan memberikan izin, ekstensi dapat menggunakan sertifikat tersebut dalam protokol autentikasi kustomnya. Mis. hal ini memungkinkan
- Chrome Extensions
chrome.devtools.inspectedWindow
Gunakan chrome.devtools.inspectedWindow API untuk berinteraksi dengan jendela yang diperiksa: dapatkan ID tab untuk halaman yang diperiksa, evaluasi kode dalam konteks jendela yang diperiksa, muat ulang halaman, atau dapatkan daftar resource dalam
- Chrome Extensions
chrome.identity
Gunakan chrome.identity API untuk mendapatkan token akses OAuth2. string ID unik untuk akun. ID ini tidak akan berubah selama masa aktif akun. "SYNC" Menentukan bahwa Sinkronisasi diaktifkan untuk akun utama. "ANY" Menentukan keberadaan akun utama,
- Chrome Extensions
chrome.history
Gunakan chrome.history API untuk berinteraksi dengan data browser tentang halaman yang dikunjungi. Anda dapat menambahkan, menghapus, dan membuat kueri untuk URL di histori browser. Untuk mengganti halaman histori dengan versi Anda sendiri, lihat
- Chrome Extensions
chrome.enterprise.hardwarePlatform
Gunakan chrome.enterprise.hardwarePlatform API untuk mendapatkan produsen dan model platform hardware tempat browser berjalan. Catatan: API ini hanya tersedia untuk ekstensi yang diinstal oleh kebijakan perusahaan. string string Mendapatkan produsen
- Chrome Extensions
chrome.tts
Gunakan chrome.tts API untuk memutar text-to-speech (TTS) yang disintesis. Lihat juga ttsEngine API terkait, yang memungkinkan ekstensi untuk mengimplementasikan mesin ucapan. Chrome menyediakan dukungan native untuk ucapan di Windows (menggunakan
- Chrome Extensions
chrome.devtools.recorder
Gunakan chrome.devtools.recorder API untuk menyesuaikan panel Perekam Suara di DevTools. Lihat ringkasan API DevTools untuk pengantar umum tentang penggunaan API Developer Tools. devtools.recorder API adalah fitur pratinjau yang memungkinkan Anda
- Chrome Extensions
chrome.dom
Menggunakan chrome.dom API untuk mengakses DOM API khusus untuk Ekstensi Mendapatkan root bayangan terbuka atau root bayangan tertutup yang dihosting oleh elemen yang ditentukan. Jika elemen tidak melampirkan shadow root, elemen itu akan menghasilkan
- Chrome Extensions
chrome.tabCapture
Gunakan chrome.tabCapture API untuk berinteraksi dengan aliran media tab. API chrome.tabCapture memungkinkan Anda mengakses MediaStream yang berisi video dan audio dari tab saat ini. Fungsi ini hanya dapat dipanggil setelah pengguna memanggil
- Chrome Extensions
chrome.topSites
Gunakan chrome.topSites API untuk mengakses situs teratas (yaitu situs yang paling sering dikunjungi) yang ditampilkan di halaman tab baru. Ini tidak termasuk pintasan yang disesuaikan oleh pengguna. Anda harus mendeklarasikan "topSites" izin di
- Chrome Extensions
chrome.webNavigation
Gunakan chrome.webNavigation API untuk menerima notifikasi tentang status permintaan navigasi yang sedang beroperasi. Semua metode dan peristiwa chrome.webNavigation mengharuskan Anda mendeklarasikan "webNavigation" izin di manifes ekstensi. Contoh:
- Chrome Extensions
chrome.management
chrome.management API menyediakan cara untuk mengelola aplikasi dan ekstensi terinstal. Anda harus menyatakan izin "pengelolaan" izin di manifes ekstensi untuk menggunakan opsi pengelolaan Compute Engine API. Contoh:
- Chrome Extensions
chrome.search
Gunakan API chrome.search untuk melakukan penelusuran melalui penyedia default. "CURRENT_TAB" Menentukan bahwa hasil penelusuran ditampilkan di tab panggilan atau tab dari browser aktif. "NEW_TAB" Menentukan bahwa hasil penelusuran ditampilkan di tab
- Chrome Extensions
chrome.wallpaper
Gunakan chrome.wallpaper API untuk mengubah wallpaper ChromeOS. Anda harus mendeklarasikan "wallpaper" izin dalam manifes aplikasi untuk digunakan API wallpaper. Contoh: Misalnya, untuk menyetel wallpaper sebagai gambar di
- Chrome Extensions
chrome.idle
Gunakan chrome.idle API untuk mendeteksi kapan status tidak ada aktivitas mesin berubah. Anda harus mendeklarasikan "idle" dalam manifes ekstensi Anda untuk menggunakan API nonaktif. Contoh: "aktif" "tidak ada aktivitas" "terkunci" Mendapatkan waktu,
- Chrome Extensions
chrome.enterprise.deviceAttributes
Gunakan chrome.enterprise.deviceAttributes API untuk membaca atribut perangkat. Catatan: API ini hanya tersedia untuk ekstensi yang diinstal otomatis oleh kebijakan perusahaan. Mengambil Lokasi yang diberi anotasi administrator. Jika pengguna saat
- Chrome Extensions
chrome.types
chrome.types API berisi deklarasi jenis untuk Chrome. Prototipe ChromeSetting menyediakan sekumpulan fungsi umum ( get(), set(), dan clear() ) serta penerbit peristiwa ( onChange ) untuk setelan browser Chrome. Setelan proxy contoh menunjukkan
- Chrome Extensions
chrome.windows
Gunakan chrome.windows API untuk berinteraksi dengan jendela browser. Anda dapat menggunakan API ini untuk membuat, memodifikasi, dan mengatur ulang jendela di browser. Saat diminta, windows.Window berisi array objek tabs.Tab. Anda harus deklarasikan
- Chrome Extensions
chrome.power
Gunakan chrome.power API untuk mengganti fitur pengelolaan daya sistem. Secara {i>default<i}, sistem operasi meredupkan layar ketika pengguna tidak aktif dan pada akhirnya menangguhkan sistem file. Dengan API daya, aplikasi atau ekstensi dapat
- Chrome Extensions
chrome.systemLog
Gunakan chrome.systemLog API untuk merekam log sistem Chrome dari ekstensi. string Menambahkan catatan log baru. MessageOptions Opsi logging. fungsi opsional Parameter callback terlihat seperti ini: Janji<void> Promise hanya didukung untuk
- Chrome Extensions
chrome.privacy
Gunakan chrome.privacy API untuk mengontrol penggunaan fitur di Chrome yang dapat memengaruhi privasi pengguna. API ini bergantung pada prototipe ChromeSetting dari jenis API untuk mendapatkan dan menyetel konfigurasi Chrome. Anda harus menyatakan
- Chrome Extensions
chrome.pageCapture
Gunakan chrome.pageCapture API untuk menyimpan tab sebagai MHTML. MHTML adalah format standar yang didukung oleh sebagian besar browser. Mengenkapsulasi sebuah halaman dalam satu file dan semua sumber dayanya (file CSS, gambar..). Perhatikan bahwa
- Chrome Extensions
chrome.fileSystemProvider
Gunakan chrome.fileSystemProvider API untuk membuat sistem file, yang dapat diakses dari file manager di ChromeOS. Anda harus mendeklarasikan "fileSystemProvider" izin, dan bagian dalam manifes ekstensi untuk menggunakan File System Provider API.
- Chrome Extensions
chrome.notifications
Gunakan chrome.notifications API untuk membuat notifikasi lengkap menggunakan template dan menampilkan notifikasi ini kepada pengguna di area notifikasi. string opsional Ikon tombol tidak terlihat oleh pengguna Mac OS X. string string Detail tambahan
- Chrome Extensions
chrome.downloads
Izin ini memicu peringatan Gunakan chrome.downloads API untuk memulai, memantau, memanipulasi, dan menelusuri download secara terprogram. Anda harus mendeklarasikan izin "downloads" di manifes ekstensi untuk menggunakan API ini. Anda dapat menemukan
- Chrome Extensions
chrome.devtools.network
Gunakan chrome.devtools.network API untuk mengambil informasi tentang permintaan jaringan yang ditampilkan oleh Developer Tools di panel Jaringan. Kunci berikut harus dideklarasikan dalam manifes untuk menggunakan API ini. Lihat ringkasan API
- Chrome Extensions
chrome.vpnProvider
Gunakan chrome.vpnProvider API untuk mengimplementasikan klien VPN. Penggunaan umum vpnProvider adalah sebagai berikut: Buat konfigurasi VPN menggunakan metode createConfig. Konfigurasi VPN adalah entri persisten yang ditampilkan kepada pengguna di
- Chrome Extensions
chrome.proxy
Gunakan chrome.proxy API untuk mengelola setelan proxy Chrome. API ini bergantung pada prototipe ChromeSetting dari jenis API untuk mendapatkan dan menyetel konfigurasi proxy. Anda harus mendeklarasikan "proxy" izin di manifes ekstensi untuk
- Chrome Extensions
chrome.printerProvider
chrome.printerProvider API mengekspos peristiwa yang digunakan oleh pengelola cetak untuk mengkueri printer yang dikontrol oleh ekstensi, untuk mengkueri kemampuannya dan mengirimkan tugas pencetakan ke printer ini. string opsional Deskripsi printer
- Chrome Extensions
chrome.events
Namespace chrome.events berisi jenis umum yang digunakan oleh API yang mengirimkan peristiwa untuk memberi tahu Anda jika terjadi sesuatu yang menarik. Event adalah objek yang memungkinkan Anda diberi tahu ketika terjadi sesuatu yang menarik. Berikut
- Chrome Extensions
chrome.events
Namespace chrome.events berisi jenis umum yang digunakan oleh API yang mengirimkan peristiwa untuk memberi tahu Anda jika terjadi sesuatu yang menarik. Event adalah objek yang memungkinkan Anda diberi tahu ketika terjadi sesuatu yang menarik. Berikut
- Chrome Extensions
chrome.idle
Gunakan chrome.idle API untuk mendeteksi kapan status tidak ada aktivitas mesin berubah. Anda harus mendeklarasikan izin "idle" dalam manifes ekstensi untuk menggunakan API nonaktif. Contoh: "aktif" "tidak ada aktivitas" "terkunci" Mendapatkan waktu,
- Chrome Extensions
chrome.offscreen
Gunakan offscreen API untuk membuat dan mengelola dokumen di balik layar. Untuk menggunakan Offscreen API, deklarasikan izin "offscreen" dalam manifes ekstensi. Contoh: Pekerja layanan tidak memiliki akses DOM, dan banyak situs web memiliki kebijakan
- Chrome Extensions
chrome.pageCapture
Gunakan chrome.pageCapture API untuk menyimpan tab sebagai MHTML. MHTML adalah format standar yang didukung oleh sebagian besar browser. Mengenkapsulasi sebuah halaman dalam satu file dan semua sumber dayanya (file CSS, gambar..). Perhatikan bahwa
- Chrome Extensions
chrome.fileSystemProvider
Gunakan chrome.fileSystemProvider API untuk membuat sistem file, yang dapat diakses dari file manager di ChromeOS. Anda harus mendeklarasikan "fileSystemProvider" izin, dan bagian dalam manifes ekstensi untuk menggunakan File System Provider API.
- Chrome Extensions
chrome.debugger
chrome.debugger API berfungsi sebagai transpor alternatif untuk protokol proses debug jarak jauh Chrome. Gunakan chrome.debugger untuk melampirkan ke satu atau beberapa tab untuk menginstrumentasikan interaksi jaringan, men-debug JavaScript, mengubah
- Chrome Extensions
chrome.management
chrome.management API menyediakan cara untuk mengelola aplikasi dan ekstensi terinstal. Anda harus menyatakan izin "pengelolaan" izin di manifes ekstensi untuk menggunakan opsi pengelolaan Compute Engine API. Contoh:
- Chrome Extensions
chrome.omnibox
API omnibox memungkinkan Anda mendaftarkan kata kunci di kolom URL Google Chrome, yang juga dikenal dengan omnibox. Saat pengguna memasukkan kata kunci ekstensi Anda, pengguna mulai berinteraksi hanya dengan. Setiap penekanan tombol dikirim ke
- Chrome Extensions
chrome.downloads
Gunakan chrome.downloads API untuk memulai, memantau, memanipulasi, dan menelusuri download secara terprogram. Anda harus mendeklarasikan izin "downloads" di manifes ekstensi untuk menggunakan API ini. Anda dapat menemukan contoh sederhana tentang
- Chrome Extensions
chrome.history
Gunakan chrome.history API untuk berinteraksi dengan data browser tentang halaman yang dikunjungi. Anda dapat menambahkan, menghapus, dan membuat kueri untuk URL di histori browser. Untuk mengganti halaman histori dengan versi Anda sendiri, lihat
- Chrome Extensions
chrome.notifications
Gunakan chrome.notifications API untuk membuat notifikasi lengkap menggunakan template dan menampilkan notifikasi ini kepada pengguna di area notifikasi. string opsional Ikon tombol tidak terlihat oleh pengguna Mac OS X. string string Detail tambahan
- Chrome Extensions
chrome.gcm
Gunakan chrome.gcm untuk mengaktifkan aplikasi dan ekstensi guna mengirim dan menerima pesan melalui Firebase Cloud Messaging (FCM). Ukuran maksimum (dalam byte) semua key-value pair dalam pesan. 4096 Mendaftarkan aplikasi ke FCM. ID pendaftaran akan
- Chrome Extensions
chrome.instanceID
Gunakan chrome.instanceID untuk mengakses layanan ID Instance. Mereset ID instance aplikasi dan mencabut semua token yang terkait dengannya. fungsi opsional Parameter callback terlihat seperti ini: Janji<void> Promise didukung di Manifes V3 dan
- Chrome Extensions
chrome.loginState
Gunakan chrome.loginState API untuk membaca dan memantau status login. "SIGNIN_PROFILE" Menentukan bahwa ekstensi ada di profil login. "USER_PROFILE" Menentukan bahwa ekstensi ada di profil pengguna. "UNKNOWN" Menentukan bahwa status sesi tidak
- Chrome Extensions
chrome.platformKeys
Gunakan chrome.platformKeys API untuk mengakses sertifikat klien yang dikelola oleh platform. Jika pengguna atau kebijakan memberikan izin, ekstensi dapat menggunakan sertifikat tersebut dalam protokol autentikasi kustomnya. Mis. hal ini memungkinkan
- Chrome Extensions
chrome.identity
Gunakan chrome.identity API untuk mendapatkan token akses OAuth2. string ID unik untuk akun. ID ini tidak akan berubah selama masa aktif akun. "SYNC" Menentukan bahwa Sinkronisasi diaktifkan untuk akun utama. "ANY" Menentukan keberadaan akun utama,
- Chrome Extensions
chrome.dom
Menggunakan chrome.dom API untuk mengakses DOM API khusus untuk Ekstensi Mendapatkan root bayangan terbuka atau root bayangan tertutup yang dihosting oleh elemen yang ditentukan. Jika elemen tidak melampirkan shadow root, elemen itu akan menghasilkan
- Chrome Extensions
chrome.sockets.tcp
Gunakan chrome.sockets.tcp API untuk mengirim dan menerima data melalui jaringan menggunakan koneksi TCP. API ini menggantikan fungsi TCP yang sebelumnya ditemukan di chrome.socket API. Kunci berikut harus dideklarasikan dalam manifes untuk
chrome.system.network
Gunakan API chrome.system.network. string Alamat IPv4/6 yang tersedia. string Nama dasar adaptor. Pada *nix, biasanya berupa "eth0", "wlan0", dll. angka Panjang awalan Mengambil informasi tentang adaptor lokal di sistem ini. fungsi opsional Parameter
chrome.sockets.tcpServer
Gunakan chrome.sockets.tcpServer API untuk membuat aplikasi server menggunakan koneksi TCP. API ini menggantikan fungsi TCP yang sebelumnya ditemukan di chrome.socket API. Kunci berikut harus dideklarasikan dalam manifes untuk menggunakan API ini.
chrome.app.window
Gunakan chrome.app.window API untuk membuat jendela. Windows memiliki bingkai opsional dengan bilah judul dan kontrol ukuran. Cookie tersebut tidak terkait dengan jendela browser Chrome apa pun. Lihat Contoh Status Jendela untuk menunjukkan
chrome.virtualKeyboard
chrome.virtualKeyboard API adalah API khusus kios yang digunakan untuk mengonfigurasi perilaku dan tata letak keyboard virtual dalam sesi kios. boolean opsional Apakah keyboard virtual dapat menyediakan pelengkapan otomatis. boolean opsional Apakah
chrome.fileSystem
Gunakan chrome.fileSystem API untuk membuat, membaca, menavigasi, dan menulis ke sistem file lokal pengguna. Dengan API ini, Aplikasi Chrome dapat membaca dan menulis ke lokasi yang dipilih pengguna. Misalnya, aplikasi editor teks dapat menggunakan
chrome.mediaGalleries
Gunakan chrome.mediaGalleries API untuk mengakses file media (audio, gambar, video) dari disk lokal pengguna (dengan persetujuan pengguna). string boolean string Mengidentifikasi galeri yang diubah. GalleryChangeType Jenis peristiwa perubahan.
Logging
Secara default, ChromeDriver hanya mencatat peringatan/error ke stderr. Saat proses debug sebaiknya Anda mengaktifkan pencatatan log yang lebih panjang. Untuk mengaktifkan logging panjang, cukup teruskan --verbose ke server chromedriver. Anda juga
Mulai menggunakan ChromeDriver
Halaman ini mendokumentasikan cara mulai menggunakan ChromeDriver untuk menguji situs Anda di {i>desktop<i} (Windows/Mac/Linux). Anda juga dapat membaca Mulai Menggunakan Android atau Mulai Menggunakan ChromeOS. ChromeDriver adalah file
Ekstensi Chrome
Ekstensi Chrome dapat dikemas atau dibuka. Untuk mengemas ekstensi yang belum dibuka, gunakan tombol Pack di chrome://extensions atau gunakan Chrome: "chrome.exe --pack-extension=C:\path\to\unpacked\extension --pack-extension-key=C:\myext.pem". Untuk
Chrome 129 beta
Dapatkan pratinjau rilis Chrome berikutnya melalui postingan ini yang menjelaskan berbagai fitur dalam versi beta saat ini.
- Chrome
Menyesuaikan data performa dengan Extensibility API
Menyesuaikan data performa dengan Extensibility API
- Chrome DevTools
chrome.browsingData
Gunakan chrome.browsingData API untuk menghapus data penjelajahan dari profil lokal pengguna. Anda harus mendeklarasikan izin "browsingData" di manifes ekstensi untuk menggunakan API ini. Kasus penggunaan paling sederhana untuk API ini adalah
- Chrome Extensions
chrome.system.memory
API chrome.system.memory. angka Jumlah kapasitas yang tersedia, dalam byte. angka Jumlah total kapasitas memori fisik, dalam byte. Mendapatkan informasi memori fisik. fungsi opsional Parameter callback terlihat seperti ini: MemoryInfo Promise&lt;
- Chrome Extensions
chrome.desktopCapture
Desktop Capture API merekam konten layar, masing-masing jendela, atau setiap tab. Enum yang digunakan untuk menentukan kumpulan sumber media desktop yang digunakan dalam chooseDesktopMedia(). "layar" "window" "tab" "audio" Mencerminkan
- Chrome Extensions
chrome.dns
Gunakan chrome.dns API untuk resolusi dns. Untuk menggunakan API ini, Anda harus mendeklarasikan izin "dns" dalam manifes. Kode berikut memanggil resolve() untuk mengambil alamat IP example.com. service-worker.js: string opsional String yang mewakili
- Chrome Extensions
chrome.documentScan
Gunakan chrome.documentScan API untuk menemukan dan mengambil gambar dari pemindai dokumen yang terlampir. Document Scan API didesain untuk memungkinkan aplikasi dan ekstensi melihat isi dokumen kertas pada pemindai dokumen yang dilampirkan. string
- Chrome Extensions
chrome.declarativeWebRequest
Catatan: API ini tidak digunakan lagi. Sebagai gantinya, lihat declarativeNetRequest API. Gunakan chrome.declarativeWebRequest API untuk mencegat, memblokir, atau mengubah permintaan yang sedang berlangsung. Solusi ini jauh lebih cepat daripada
- Chrome Extensions
Referensi API
Referensi lengkap ke semua API yang tersedia untuk Ekstensi Chrome. Ini termasuk API untuk platform Aplikasi Chrome yang tidak digunakan lagi serta API yang masih dalam versi beta dan dev.
- Chrome Extensions
Chrome DevTools
Debug dan optimalkan aplikasi web Anda dengan Chrome DevTools.
- Chrome DevTools
Yang Baru di WebGPU (ChromeIAP128)
Bereksperimen dengan subgrup, menghentikan bias setelan kedalaman untuk garis dan titik, menyembunyikan peringatan error yang tidak tertangkap jika preventDefault, WGSL menginterpolasi pengambilan sampel terlebih dahulu dan salah satunya, dan masih banyak lagi.
- Chrome
- WebGpu
Uji coba origin File System Observer API
Tim Chrome sedang bereksperimen dengan File System Observer API baru yang memberi tahu developer tentang perubahan pada sistem file.
- Chrome
Meningkatkan performa aksesibilitas Chromium
Postingan dari Ahmed Elwasefi, yang membagikan kisahnya menjadi kontributor Chromium melalui Google Summer of Code.
- Chrome
Membangun aplikasi dengan WebGPU
Pelajari cara membangun aplikasi dengan WebGPU untuk web dan platform tertentu.
Chrome 128
Chrome 128 mulai diluncurkan pada 20 Agustus 2024, dengan properti CSS ruby-align, Promise.try, dan masih banyak lagi.
- Chrome
Media: Melihat dan men-debug informasi pemutar media
Gunakan Panel Media untuk melihat informasi dan men-debug pemutar media per tab browser.
- Chrome DevTools
Baru di Chrome 128
Chrome 128 sekarang diluncurkan! Dengan tampilan elemen ruby yang ditingkatkan dengan jeda baris, Promise.try memulai rantai Promise dengan lebih mudah, antarmuka PointerEvent diperluas untuk mengidentifikasi beberapa pena secara unik, masih banyak lagi, dan masih banyak lagi. Adriana Jara memiliki semua detail tentang hal yang baru untuk developer di Chrome 128.
- Chrome
chrome.contextMenus
Gunakan API chrome.contextMenus untuk menambahkan item ke menu konteks Google Chrome. Anda dapat memilih jenis objek yang akan menerapkan penambahan menu konteks, seperti gambar, hyperlink, dan halaman. Item menu konteks dapat muncul dalam dokumen
- Chrome Extensions
chrome.alarms
Gunakan chrome.alarms API untuk menjadwalkan kode untuk dijalankan secara berkala atau pada waktu tertentu di masa mendatang. Untuk menggunakan chrome.alarms API, deklarasikan izin "alarms" dalam manifes: Contoh berikut menunjukkan cara menggunakan
- Chrome Extensions
chrome.audio
chrome.audio API disediakan untuk memungkinkan pengguna mendapatkan informasi dan mengontrol perangkat audio yang terpasang ke sistem. API ini saat ini hanya tersedia dalam mode kios untuk ChromeOS. string Nama perangkat. DeviceType Jenis perangkat.
- Chrome Extensions
chrome.debugger
chrome.debugger API berfungsi sebagai transpor alternatif untuk protokol proses debug jarak jauh Chrome. Gunakan chrome.debugger untuk melampirkan ke satu atau beberapa tab untuk menginstrumentasikan interaksi jaringan, men-debug JavaScript, mengubah
- Chrome Extensions
chrome.declarativeContent
Gunakan chrome.declarativeContent API untuk mengambil tindakan bergantung pada konten halaman, tanpa memerlukan izin untuk membaca konten halaman. Declarative Content API memungkinkan Anda mengaktifkan tindakan ekstensi bergantung pada URL halaman
- Chrome Extensions
chrome.commands
Gunakan API perintah untuk menambahkan pintasan keyboard yang memicu tindakan di ekstensi Anda, misalnya, tindakan untuk membuka tindakan browser atau mengirimkan perintah ke ekstensi. Kunci berikut harus dideklarasikan dalam manifes untuk
- Chrome Extensions
chrome.browsingData
Gunakan chrome.browsingData API untuk menghapus data penjelajahan dari profil lokal pengguna. Anda harus mendeklarasikan "browsingData" izin di manifes ekstensi untuk menggunakan API ini. Kasus penggunaan paling sederhana untuk API ini adalah
- Chrome Extensions
File System Access API: menyederhanakan akses ke file lokal
File System Access API memungkinkan developer membuat aplikasi web canggih yang berinteraksi dengan file di perangkat lokal pengguna, seperti IDE, editor foto dan video, editor teks, dan banyak lagi. Setelah pengguna memberikan akses aplikasi web, API ini memungkinkan mereka membaca atau menyimpan perubahan secara langsung ke file dan folder di perangkat pengguna.
Summarization API tersedia untuk pratinjau awal
Peserta EPP kini dapat membuat prototipe dengan API ringkasan untuk Gemini Nano di Chrome.
- Chrome
Peristiwa Snap Scroll
Memperkenalkan dua peristiwa JavaScript baru: scrollSnapChange dan scrollSnapModify.
- Chrome
Bereksperimen dengan pengukuran navigasi ringan
Tim Chrome sedang berupaya mengukur dengan lebih baik apa yang disebut navigasi ringan yang digunakan oleh Aplikasi Web Satu Halaman. API baru kini tersedia di belakang tanda agar situs dapat bereksperimen dengan fitur ini juga.
4 cara untuk mengambil screenshot dengan DevTools
Temukan 4 cara unik untuk mengambil screenshot dengan DevTools.
- Chrome DevTools
- Chrome
Yang baru di DevTools, Chrome 128
Insight konsol dipublikasikan di Eropa, jalur Jaringan dan API yang ditingkatkan untuk menyesuaikan jalur di panel Performa, dan lainnya.
- Chrome DevTools
- Chrome
WebDriver BiDi siap produksi di Firefox, Chrome, dan Puppeteer
Puppeteer 23 memperkenalkan dukungan stabil untuk Firefox 129 dan versi yang lebih baru, yang menawarkan API terpadu untuk otomatisasi Chrome dan Firefox, berdasarkan WebDriver BiDi.
- Chrome
Blog
Berita terbaru dari tim Developer Relations Chrome
- Chrome
Update UX kunci sandi di Chrome pada Android
Chrome di Android kini mengintegrasikan Pengelola Kredensial yang memungkinkan pengelola sandi pihak ketiga menyediakan kunci sandi di Android 14 dan yang lebih baru
- Chrome
Berpartisipasi dalam eksperimen AI bawaan Chrome
Info terbaru tentang AI bawaan, Prompt API, dan rencana AI Chrome.
- Chrome
Nama CSS dan shadow DOM yang ditetapkan penulis: Dalam spesifikasi dan dalam praktik
Menjelaskan status interoperabilitas saat ini dari nama yang ditetapkan penulis seperti yang digunakan dalam shadow DOM di CSS.
Di luar ekspresi reguler: Meningkatkan penguraian nilai CSS di Chrome DevTools
Pelajari bagaimana tim DevTools memperbaiki cara penyajian gaya di tab Gaya.
- Chrome
Otomatisasi dengan WebDriver BiDi kini tersedia di BrowserStack
BrowserStack memperkenalkan dukungan WebDriver BiDi: Tingkatkan pengujian Selenium Grid dengan otomatisasi berbasis peristiwa.
- Chrome
API CrUX
Pelajari cara membuat permintaan dan mengurai respons dari CrUX API.
- Chrome UX Report
API Histori CrUX
Pelajari cara mengkueri tren CrUX historis enam bulan sebelumnya menggunakan CrUX History API.
- Chrome UX Report
Pemuatan halaman yang lebih cepat menggunakan waktu berpikir server dengan Petunjuk Awal
Cari tahu cara server Anda dapat mengirimkan petunjuk tentang subresource penting ke browser.
<ruby> mudah dipecah dan properti CSS ruby-align
Elemen ruby yang dapat dipisahkan garis dan properti sejajar ruby CSS
- Chrome
Panel jaringan: Menganalisis beban dan resource jaringan
Menganalisis resource dan beban jaringan
- Chrome DevTools
Contoh
Contoh untuk Ekstensi Chrome tersedia di GitHub.
- Chrome Extensions
Publikasikan Aplikasi Anda
TODO
- Chrome Extensions
Manifes - Versi
Satu hingga empat bilangan bulat yang dipisahkan titik yang mengidentifikasi versi ekstensi ini. Beberapa aturan berlaku untuk bilangan bulat: bilangan bulat harus antara 0 dan 65535, bilangan bulat inklusif, dan bilangan bukan nol tidak
Manifes - Lokalitas Default
Menentukan subdirektori _locales yang berisi string default untuk ekstensi ini. Kolom ini wajib ada pada ekstensi yang memiliki direktori _locales; kolom ini harus tidak ada di ekstensi yang tidak memiliki direktori _locales. Untuk mengetahui
Manifes - Offline Diaktifkan
Apakah aplikasi atau ekstensi diharapkan untuk berfungsi secara offline. Saat Chrome mendeteksi bahwa aplikasi sedang offline, aplikasi dengan kolom ini yang ditetapkan ke true (benar) akan ditandai di halaman Tab Baru. Mulai Chrome 35, aplikasi
Manifes - Versi Chrome Minimum
Versi Chrome yang diperlukan ekstensi, aplikasi, atau tema Anda, jika ada. Format untuk string ini sama dengan format kolom version.
{i>workbox-stream<i}
Manifes - Deskripsi
String teks biasa (tanpa HTML atau format lain; tidak lebih dari 132 karakter) yang mendeskripsikan ekstensi. Deskripsi harus sesuai untuk UI pengelolaan ekstensi browser dan Chrome Web Store. Anda dapat menentukan string khusus lokalitas untuk kolom
Manifes - Kunci
Nilai ini dapat digunakan untuk mengontrol ID unik ekstensi, aplikasi, atau tema saat dimuat selama pengembangan. Untuk mendapatkan nilai kunci yang sesuai, instal ekstensi terlebih dahulu dari file.crx (Anda mungkin perlu mengupload ekstensi atau
Manifes - Nama dan Nama Pendek
Properti manifes name dan short_name adalah string teks biasa singkat yang mengidentifikasi aplikasi. Anda dapat menentukan string khusus lokalitas untuk kedua kolom; lihat Internasionalisasi untuk detailnya. name (maksimum 45 karakter) adalah ID
Pembaruan: Halaman Peristiwa dan Halaman Latar Belakang
Fitur Web yang Dinonaktifkan
Meskipun Aplikasi Chrome menggunakan platform web, beberapa fitur web telah dinonaktifkan atau digunakan dengan cara yang berbeda. Hal ini terutama untuk menghindari masalah keamanan dan untuk meningkatkan praktik pemrograman. Berikut adalah
Chrome 128 beta
Dapatkan pratinjau rilis Chrome berikutnya melalui postingan ini yang menjelaskan berbagai fitur dalam versi beta saat ini.
- Chrome
Cara Chrome membantu pengguna menginstal aplikasi yang penting bagi mereka
Riset pengguna internal Chrome menunjukkan bahwa banyak orang menghargai penginstalan aplikasi web. Ada banyak manfaat seperti: Ada beberapa cara yang dapat dilakukan Chrome dan developer web untuk membantu, termasuk fitur promosi machine learning
- Chrome
Yang Baru di WebGPU (ChromeIAP127)
Dukungan eksperimental untuk OpenGL ES di Android, atribut info GPUAdapter, peningkatan interop WebAssembly, dan banyak lagi.
- Chrome
- WebGpu
Chrome 127
Chrome 127 mulai diluncurkan pada 23 Juli 2024, dengan penyesuaian font CSS yang dapat disesuaikan, container scroll yang dapat difokuskan keyboard, dan masih banyak lagi.
- Chrome
Baru di Chrome 127
Chrome 127 sekarang diluncurkan! Dengan dukungan untuk penyesuaian ukuran font, aktivasi pengguna yang disebarkan di Document Picture-in-Picture API, container scroll keyboard yang dapat difokuskan, dan masih banyak lagi. Adriana Jara memiliki semua detail tentang hal baru untuk developer di Chrome 127.
- Chrome
Minta masukan dari developer tentang alur baca dan elemen dengan tampilan: konten
Bantu kami untuk memastikan alur baca sesuai dengan kebutuhan Anda.
- Chrome
Referensi fitur jaringan
Referensi komprehensif tentang fitur panel Jaringan Chrome DevTools.
- Chrome DevTools
Preferensi
Referensi tab preferensi.
- Chrome DevTools
Panel perekam: Merekam dan mengukur alur penggunaan
Menganalisis dan merekam alur penggunaan.
- Chrome DevTools
Kesalahpahaman tentang transisi tampilan
Dengan makin banyaknya orang yang mulai mengamati View Transition API, kini saatnya untuk menyanggah beberapa kesalahpahaman.
- Chrome
Ekstensi Chrome: Perubahan penting pada kebijakan
Pengumuman ini mencakup serangkaian pembaruan pada halaman Kebijakan Program Developer yang dirancang untuk mendorong pengembangan produk berkualitas tinggi, mencegah perilaku menipu, dan memastikan izin pengguna yang tepat.
- Chrome
- Chrome Extensions
Apa yang terjadi di Ekstensi Chrome?
Ringkasan perubahan terbaru di Ekstensi Chrome, ditambah fitur ekstensi mendatang yang menarik yang dapat dinantikan developer.
- Chrome Extensions
- Chrome
Yang baru di DevTools, Chrome 127
Pemosisian anchor CSS di Elements, penyempurnaan 'Never Pause Here' di Sources, pemroses peristiwa snap scroll baru, preset throttling jaringan yang diperbarui, dan banyak lagi.
- Chrome
- Chrome DevTools
Mode pemeriksaan: Menganalisis properti elemen dengan cepat
Memeriksa elemen di aplikasi web
- Chrome DevTools
Referensi fitur performa
Referensi tentang semua cara untuk merekam dan menganalisis performa di Chrome DevTools.
- Chrome DevTools
Menambahkan Jenis Tepercaya ke YouTube
YouTube meningkatkan keamanan platform dengan Trusted Types untuk mencegah serangan pembuatan skrip lintas situs, tetapi hal ini dapat memengaruhi ekstensi Anda.
- Chrome
- Chrome Extensions
Long Animation Frame API kini telah diluncurkan
Long Animation Frame API (LoAF) telah diluncurkan dari Chrome 123 dan kini kami juga memperbarui alat dan panduan kami untuk membantu Anda memanfaatkan API baru ini secara optimal.
- Chrome
Menghindari ukuran DOM yang berlebihan
Pelajari bagaimana DOM besar dapat mengurangi performa halaman web dan cara mengurangi ukuran DOM pada waktu pemuatan.
Melakukan pra-render halaman di Chrome untuk navigasi halaman instan
Tim Chrome telah mengupayakan opsi untuk mengembalikan pra-rendering penuh halaman mendatang yang kemungkinan akan dibuka oleh pengguna.
Di Balik Chrome Web Store: Mengajukan Kepercayaan & Keselamatan pertanyaan Anda
Kami berdiskusi dengan tim yang memimpin peninjauan di Chrome Web Store.
- Chrome Extensions
- Chrome
Performa IndexedDB maksimum dengan Bucket Penyimpanan
Tim Chrome telah melakukan sejumlah peningkatan terkait performa pada penerapan IndexedDB (IDB).
- Chrome
Beta Chrome 127
Uji fitur terbaru yang akan hadir di Chrome dengan mendownload versi beta.
- Chrome
Yang Baru di WebGPU (Chrome\r126)
Meningkatkan batas maxTextureArrayLayers, pengoptimalan upload buffer untuk backend Vulkan, peningkatan waktu kompilasi shader, buffer perintah yang dikirimkan harus unik, dan update Dawn.
- Chrome
- WebGpu
Meng-cache model AI di browser
Untuk mempercepat peluncuran aplikasi yang didukung teknologi AI pada masa mendatang, simpan data model di cache secara eksplisit.
Uji coba origin untuk elemen <permission> HTML baru
Tim Chrome bereksperimen dengan elemen <izin> HTML deklaratif baru untuk meminta pengguna mengakses fitur canggih.
- Chrome
Chrome 126
Chrome 126 mulai diluncurkan pada 11 Juni 2024, dengan transisi tampilan dokumen lintas dokumen, mengaktifkan kembali CloseWatcher API, trigger-rumble untuk Gamepad API, dan masih banyak lagi.
- Chrome
Yang terbaru dalam CSS dan UI web: Recap I/O 2024
Baca semua pengumuman CSS dan UI Web dari Google I/O 2024.
- Chrome
Baru di Chrome 126
Chrome 126 kini diluncurkan. Dengan dukungan untuk transisi lintas dokumen di ViewTransitions API, CloseWatcher API telah mengaktifkan kembali pemicuan error untuk Gamepad API, dan masih banyak lagi, serta masih banyak lagi. Adriana Jara memiliki semua detail tentang fitur baru untuk developer di Chrome 126.
- Chrome
Menghentikan penggunaan peristiwa penghapusan muatan
Peristiwa penghapusan muatan tidak akan digunakan lagi secara bertahap mulai Chrome 117. Pelajari maksudnya serta cara situs dan perusahaan dapat bersiap menghadapi hal ini
Chrome UX Report
Dokumentasi teknis tentang metrik CrUX.
- Chrome UX Report
Pemantau protokol: Melihat dan mengirim permintaan CDP
Memantau permintaan dan respons CDP.
- Chrome DevTools
3 fitur baru untuk menyesuaikan alur kerja performa Anda di DevTools
Pelajari fitur terbaru untuk membantu Anda merapikan panel Performa dan berfokus pada informasi yang paling Anda perlukan
- Chrome
- Chrome DevTools
Menganalisis performa pemilih CSS selama peristiwa Hitung Ulang Gaya
Menganalisis performa pemilih CSS selama peristiwa Hitung Ulang Gaya.
- Chrome DevTools
Lewati peninjauan untuk perubahan yang memenuhi syarat pada ekstensi
Dengan senang hati kami mengumumkan fitur baru yang akan memungkinkan developer melewati proses peninjauan untuk perubahan yang memenuhi syarat pada ekstensi Manifes V3 menggunakan Declarative Net Request API.
- Chrome
Tidak memiliki tag dengan lebar atau skala awal
Pelajari tentang audit Lighthouse "Tidak memiliki tag dengan lebar atau skala awal".
Kondisi jaringan: Mengganti string agen pengguna
Pelajari cara mengemulasi browser lain dengan panel Kondisi jaringan.
- Chrome DevTools
Yang baru di DevTools, Chrome 126
Meningkatkan mode konfigurasi trek, mengabaikan daftar di flame chart, dan menurunkan batas CPU sebanyak 20 kali di panel Performa, serta banyak lagi.
- Chrome DevTools
- Chrome
Ekstensi Chrome di Google I/O 2024
Google I/O lain akan hadir dan kami telah membahas semua update ekstensi yang menarik!
- Chrome
JavaScript Debug
Pelajari cara menggunakan Chrome DevTools untuk menemukan dan memperbaiki bug JavaScript.
- Chrome DevTools
Men-debug aturan spekulasi dengan Chrome DevTools
Pelajari semua tentang fitur Chrome DevTools untuk men-debug aturan spekulasi yang digunakan untuk mengambil data dan melakukan pra-render navigasi halaman di masa mendatang.
- Chrome DevTools
Panel sumber cepat
Melihat file sumber dan memiliki akses ke alat lainnya.
- Chrome DevTools
Penyempurnaan WebAssembly dan WebGPU untuk Web AI yang lebih cepat, bagian 1
Bagian 1/2. Pelajari cara peningkatan WebAssembly dan WebGPU meningkatkan performa machine learning di web.
- Chrome
Chrome 126 beta
Chrome 126 Beta menyertakan transisi tampilan lintas dokumen, bersama dengan ekstensi trigger-rumble API Gamepad, dan fitur lainnya.
- Chrome
Dorong ulasan produk yang bermanfaat dengan AI web sisi klien
Codelab berikut menawarkan AI sisi klien. Tidak diperlukan pengetahuan pengembangan AI, server, atau kunci API.
Penyempurnaan WebAssembly dan WebGPU untuk Web AI yang lebih cepat, bagian 2
Bagian 2/2. Pelajari cara peningkatan WebAssembly dan WebGPU meningkatkan performa machine learning di web.
- Chrome
Yang baru di Framework JavaScript (Mei 2024)
Dokumen ini memberikan sorotan singkat tentang kejadian terbaru dalam ekosistem framework JavaScript.
- Chrome
Kesimpulan I/O 2024 Web AI: Model, alat, dan API baru untuk aplikasi web Anda berikutnya
Baca ringkasan Web AI di I/O 2024. Pelajari model, alat, dan API baru untuk aplikasi web Anda berikutnya.
- Chrome
- WebGpu
Panel pemantauan performa
Analisis performa runtime situs Anda secara real time.
- Chrome DevTools
Apa yang baru dalam transisi tampilan? (Pembaruan Google I/O 2024)
Mengumumkan transisi tampilan lintas dokumen untuk MPA, transisi tampilan selektif dengan jenis aktif, dan berbagi gaya animasi dengan kelas transisi lihat.
- Chrome
Mengevaluasi ulasan produk dengan AI
AI di perangkat adalah penawaran terbaru untuk menghadirkan model canggih kepada pengguna, sekaligus melindungi data sensitif dan meningkatkan latensi.
Dukungan SVG untuk Async Clipboard API
Asynchronous Clipboard API sekarang dapat menangani gambar SVG.
- Chrome
Memperkenalkan dukungan UIA di Windows
Mulai Chrome 126, framework Otomatisasi UI Windows didukung.
- Chrome
Baru di Chrome 125
Chrome 125 sekarang diluncurkan. Dengan CSS Anchor Positioning API, Compute Pressure API, perluasan ke Storage Access API, dan banyak lagi. Adriana Jara memiliki semua detail tentang fitur baru untuk developer di Chrome 125.
- Chrome
Mengganti header respons HTTP dan konten web secara lokal
Gunakan penggantian lokal untuk meniru resource jarak jauh dan menyimpan perubahan yang Anda buat di DevTools di seluruh pemuatan halaman.
- Chrome DevTools
Tips DevTools: Ganti dan tiruan respons jaringan
Pelajari cara mengganti dan menirukan respons jaringan dengan DevTools.
- Chrome
- Chrome DevTools
Chrome 125
Chrome 125 mulai diluncurkan pada 14 Mei 2024, dengan CSS Anchor Positioning, Compute Pressure API, fitur Baseline baru, dan masih banyak lagi.
- Chrome
Kapan harus memilih AI sisi klien
AI sisi klien adalah penawaran terbaru untuk menghadirkan model yang canggih kepada pengguna, sekaligus melindungi data sensitif dan meningkatkan latensi.
10 info terbaru dari Google I/O 2024: Membuka kecanggihan AI untuk setiap developer web
Temukan fitur menarik dari Keynote dan sesi Developer Google I/O.
- Chrome
Cara Spotify menggunakan Picture-in-Picture API untuk membangun Miniplayer Spotify
Pelajari tentang transformasi Spotify Miniplayer dari "peretasan kanvas" menjadi pengalaman yang disempurnakan oleh Document Picture-in-Picture API.
- Chrome
Memperkenalkan CSS Positioning API
Menempatkan elemen-elemen relatif terhadap satu sama lain menggunakan API penentuan posisi anchor yang baru.
- Chrome
Memahami error dan peringatan dengan lebih baik menggunakan insight konsol
Pahami error dan peringatan di Konsol secara lebih baik dengan Gemini.
- Chrome DevTools
Terapkan pengujian di perusahaan Anda dengan Chrome
Pelajari cara mengatasi tantangan dengan pengujian di lingkungan perusahaan
- Chrome
Alat dari Chrome untuk pengujian otomatis dan tanpa hambatan
Ringkasan singkat tentang Puppeteer, Chrome Headless, dan Chrome for Testing serta referensi lainnya dari tim Alat Chrome.
- Chrome
Yang baru di DevTools, Chrome 125
Penyebab error di Konsol, statistik pemilih CSS di Performa, header Petunjuk Awal di Jaringan, dan lainnya.
- Chrome
- Chrome DevTools
Studi kasus kueri container
Pelajari manfaat kueri container dari redBus dan Tokopedia.
- Chrome
Yang Baru di WebGPU (Chrome\r125)
Subgrup dalam pengembangan dan render ke irisan tekstur 3D.
- Chrome
- WebGpu
Lihat studi kasus transisi
redBus, Policybazaar, dan Tokopedia menggunakan View Transition API dan mendapatkan manfaat dari performa yang lebih baik serta UI yang lancar.
- Chrome
studi kasus :has()
Cari tahu bagaimana Policybazaar dan Tokopedia mendapatkan manfaat dari penggunaan :has().
- Chrome
Studi kasus animasi berbasis scroll
Temukan manfaat animasi berbasis Scroll dengan Policybazaar, redBus, dan Tokopedia.
- Chrome
Mengapa kemampuan CSS dan UI penting untuk situs e-commerce Anda?
Pelajari manfaat yang diperoleh situs e-commerce dari penerapan fitur CSS dan UI terbaru, yaitu Transisi Tampilan, animasi berbasis Scroll, Popover API, dan lainnya.
- Chrome
Memperkenalkan "Lepaskan kekuatan Animasi Berbasis Scroll"
Kursus video 10 bagian untuk mempelajari semua hal tentang animasi berbasis scroll
- Chrome
Ringkasan WebGPU
WebGPU memungkinkan grafis 3D berperforma tinggi dan komputasi paralel data di web.
- WebGpu
Proposal alternatif untuk pemasangan batu CSS
Proposal untuk mendefinisikan masonry dan grid dalam spesifikasi yang berbeda.
- Chrome
Manifes - Versi Chrome Minimum
Dokumentasi referensi untuk properti minimum_chrome_version dari manifest.json.
- Chrome Extensions
Uji coba penghentian penggunaan Akses Jaringan Pribadi (PNA) untuk konteks yang tidak aman akan berakhir—terapkan dialog izin PNA
Untuk mengakses perangkat jaringan pribadi dari situs yang tidak dapat dikonversi ke HTTPS, Anda harus menggunakan dialog izin untuk melonggarkan pemeriksaan konten campuran.
- Chrome
Studi kasus Popover
Tokopedia menggunakan Popover API untuk mengurangi jumlah kode dalam aplikasinya.
- Chrome
Men-scroll dan memperbesar/memperkecil tab yang direkam
Captured Surface Control API memungkinkan aplikasi web men-scroll dan memperbesar tab yang diambil.
Manifes - Token uji coba
Dokumentasi referensi untuk properti trial_tokens dari manifest.json.
- Chrome Extensions
WebAudio: Melihat metrik WebAudio API
Melihat metrik WebAudio API di panel WebAudio
- Chrome DevTools
Chrome 125 beta
Pemosisian Anchor CSS, fungsi yang bertahap dari CSS, Compute Pressure API, dan banyak lagi.
- Chrome
Chrome 124
Chrome 124 mulai diluncurkan pada 16 April 2024, dengan setHTMLUnsafe, streaming di WebSockets, dan masih banyak lagi.
- Chrome
Manifes tidak memiliki ikon maskable
Pelajari cara menambahkan dukungan ikon maskable ke PWA Anda.
Tidak menyediakan konten penggantian saat JavaScript tidak tersedia
Pelajari cara memastikan pengguna dapat melihat setidaknya beberapa konten di halaman web Anda jika JavaScript tidak tersedia.
Manifes aplikasi web tidak memenuhi persyaratan kemampuan penginstalan
Pelajari cara membuat Progressive Web App agar dapat diinstal.
Akses ke perangkat MIDI kini memerlukan izin pengguna
Chrome kini membatasi seluruh Web MIDI API dengan dialog izin.
- Chrome
Apa yang terjadi di Ekstensi Chrome?
Ringkasan perubahan terbaru di Ekstensi Chrome, ditambah fitur ekstensi mendatang yang menarik yang dapat dinantikan developer.
- Chrome
- Chrome Extensions
Tidak mendaftarkan pekerja layanan yang mengontrol halaman dan start_url
Pelajari cara mendaftarkan pekerja layanan yang mendukung fitur Progressive Web App seperti fungsi offline, notifikasi push, dan kemampuan penginstalan.
Uji coba origin untuk Foldable API
Foldable API adalah dua API di Chrome yang dirancang untuk membantu developer menargetkan perangkat foldable.
- Chrome
Tidak dikonfigurasi untuk layar pembuka kustom
Pelajari cara membuat layar pembuka kustom untuk Progressive Web App.
Baru di Chrome 124
Chrome 124 sekarang diluncurkan. Ada dua API baru yang memungkinkan shadow DOM deklaratif digunakan dari JavaScript. Anda dapat menggunakan streaming di Web Socket. Lihat Transisi menjadi sedikit lebih baik. Dan masih banyak lagi. Pete LePage memiliki semua detail tentang apa yang baru untuk developer di Chrome 124.
- Chrome
Halaman saat ini tidak merespons dengan kode 200 saat offline
Pelajari cara membuat Progressive Web App Anda berfungsi secara offline.
Animasi: Memeriksa dan mengubah efek animasi CSS
Memeriksa dan mengubah animasi dengan panel Animations.
- Chrome DevTools
Throttling
Referensi tab thhrottling.
- Chrome DevTools
Transisi halaman tidak terasa seperti diblokir di jaringan
Pelajari cara membuat transisi antar halaman web terasa responsif, bahkan pada jaringan yang lambat.
Tidak menggunakan HTTPS
Pelajari cara melindungi situs Anda dengan HTTPS.
Tidak menyediakan apple-touch-icon yang valid
Pelajari cara menentukan ikon yang ditampilkan Progressive Web App di layar utama iOS.
Setiap halaman memiliki URL
Pelajari tentang Lighthouse "Setiap halaman memiliki audit URL.
Tidak mengalihkan traffic HTTP ke HTTPS
Pelajari cara membuat situs Anda lebih aman dengan mengalihkan semua halaman ke HTTPS.
Tidak menetapkan warna tema untuk kolom URL
Pelajari cara mengatur warna tema kolom URL untuk Progressive Web App.
start_url tidak merespons dengan 200 saat offline
Pelajari cara mengkonfigurasi start_url Progressive Web App agar aplikasi dapat diakses secara offline.
Ukuran konten tidak sesuai untuk area pandang
Pelajari cara menyesuaikan ukuran konten halaman web agar pas di layar seluler.
Pemuatan halaman tidak cukup cepat di jaringan seluler
Pelajari cara membuat halaman web Anda dimuat dengan cepat di jaringan seluler.
Situs dapat berjalan lintas browser
Pelajari cara menggunakan Workbox untuk memastikan halaman web Anda berfungsi di seluruh browser.
Isi otomatis: Memeriksa dan men-debug alamat yang disimpan
Periksa dan debug alamat yang disimpan di Chrome dengan panel Isi Otomatis.
- Chrome DevTools
Transisi tampilan lintas dokumen untuk aplikasi multi-halaman
Mulai menggunakan transisi tampilan lintas dokumen untuk digunakan di aplikasi multi-halaman (MPA).
Transisi yang lancar dengan View Transition API
View Transition API memungkinkan Anda menambahkan transisi di antara tampilan situs.
Seru & Canggih: Pengantar Chrome DevTools
Temukan cara DevTools meningkatkan pengembangan aplikasi web Anda.
- Chrome DevTools
- Chrome
Yang Baru di WebGPU (Chrome\r124)
Tekstur penyimpanan hanya-baca dan baca-tulis, dukungan pekerja layanan dan pekerja bersama, atribut informasi adaptor baru, dan perbaikan bug.
- Chrome
- WebGpu
Jenis navigasi kini tersedia di CrUX
Pelajari metrik navigation_types yang baru di Laporan Pengalaman Pengguna (CrUX) Chrome dan cara metrik ini dapat digunakan untuk menjelaskan dan mengoptimalkan metrik performa web Anda.
- Chrome
Rollback versi di Dasbor Developer Chrome Web Store
Minggu ini, kami dengan senang hati meluncurkan fitur baru yang memungkinkan developer melakukan rollback ekstensi mereka ke versi yang dipublikasikan sebelumnya di Chrome Web Store. Sasaran kami adalah memberikan ketenangan yang lebih besar kepada
- Chrome
- Chrome Extensions
CrUX di BigQuery
Pelajari struktur set data CrUX di BigQuery.
- Chrome UX Report
Cara melihat data Laporan UX Chrome di PageSpeed Insights
PageSpeed Insights (PSI) adalah alat bagi developer web untuk memahami performa halaman dan cara meningkatkannya. Dalam panduan ini, pelajari cara menggunakan PSI untuk mengekstrak insight dari CrUX dan lebih memahami pengalaman pengguna.
- Chrome UX Report
Panduan CrUX
Pelajari cara menggunakan CrUX dengan panduan yang mudah diikuti
- Chrome UX Report
Pastikan teks tetap terlihat selama pemuatan font web
Pelajari cara menggunakan API tampilan font untuk memastikan teks halaman web akan selalu terlihat oleh pengguna.
Yang baru di DevTools, Chrome 124
Dukungan animasi berbasis scroll, panel Isi Otomatis baru, opsi baru untuk WebRTC dalam throttling jaringan, dan banyak lagi.
- Chrome DevTools
- Chrome
Selamat tinggal JS Profiler, pembuatan profil CPU dengan panel Performance
Mempelajari jalur maju dalam pembuatan profil performa CPU, memahami alasan dan cara kami menghentikan penggunaan profiler JavaScript.
- Chrome
Back-forward cache notRestoreReasons API
Melaporkan informasi tentang apakah frame yang ada dalam dokumen diblokir agar tidak menggunakan back-forward cache pada navigasi.
Membuat profil performa Node.js dengan panel Performa
Pelajari cara membuat profil performa aplikasi Node.js dengan panel Performa.
- Chrome DevTools
Integrasi Promise JavaScript WebAssembly (JSPI) memasuki uji coba origin
Integrasi Promise JavaScript (JSPI) adalah API yang memungkinkan kode berurutan sinkron yang dikompilasi ke WebAssembly untuk mengakses API Web asinkron.
- Chrome
Permintaan jaringan: Uji situs Anda dengan memblokir permintaan jaringan
Uji cara situs Anda menangani aset yang tidak ada.
- Chrome DevTools
Uji Coba Origin API fetchLater
Pelajari fetchLater API—yang kini dalam Uji Coba Origin—API baru untuk meminta pengambilan yang ditangguhkan yang akan selesai meskipun halaman ditutup.
- Chrome
Scroller keyboard yang dapat difokuskan
Perubahan diluncurkan untuk membuat scroller tanpa nilai tabindex yang ditetapkan dan tanpa keyboard turunan yang dapat difokuskan.
- Chrome
Chrome 124 beta
Atribut HTML saran penulisan, WebSocketStream API, header permintaan HTTP prioritas, dan banyak lagi.
- Chrome
Baru di Chrome 123
Chrome 123 kini diluncurkan. Dengan fungsi gelap terang yang baru, Long Animation Frames API, Service Worker Static Routing API, dan masih banyak lagi. Adriana Jara memiliki semua detail tentang fitur baru untuk developer di Chrome 123.
- Chrome
Menggunakan Service Worker Static Routing API untuk melewati pekerja layanan untuk jalur tertentu
Cari tahu cara menggunakan API baru ini, yang tersedia dari Chrome 123.
- Chrome
Akses Jaringan Pribadi: Perlindungan yang diperluas untuk pekerja web dan pengambilan navigasi
Pelajari mekanisme keamanan utama Akses Jaringan Pribadi untuk pekerja web, pengambilan navigasi, dan perlindungan mendatang. Dokumen ini juga mencakup apa yang harus dilakukan pemilik situs web jika mereka menggunakan jaringan pribadi.
- Chrome
Alat performa pada tahun 2024 dan seterusnya
Pelajari rencana tim Chrome untuk meningkatkan panel Performance DevTools.
- Chrome DevTools
- Chrome
Sembunyikan permintaan ekstensi dan peningkatan panel Jaringan lainnya
Jelajahi peningkatan terbaru di panel Jaringan Chrome DevTools, yang dirancang untuk menyederhanakan pengalaman proses debug web Anda.
- Chrome DevTools
- Chrome
Ringkasan panel elemen
Buat perubahan pada DOM secara langsung.
- Chrome DevTools
Menjeda kode dengan titik henti sementara
Pelajari semua cara menjeda kode di Chrome DevTools.
- Chrome DevTools
Yang Baru di WebGPU (Chrome Formulir 123)
Dukungan fungsi bawaan DP4a, parameter pointer tidak terbatas, sugar sintaksis untuk dereferensi komposit dalam WGSL, dan banyak lagi.
- Chrome
- WebGpu
Terapkan efek lain: mengaktifkan tema gelap otomatis, mengemulasi fokus, dan lainnya
Menyoroti bingkai iklan, menirukan fokus pada halaman, menonaktifkan font lokal dan format gambar, mengaktifkan tema gelap otomatis, dan mengemulasikan kekurangan penglihatan.
- Chrome DevTools
Melihat dan mengubah CSS
Pelajari cara menggunakan Chrome DevTools untuk melihat dan mengubah CSS halaman.
- Chrome DevTools
Referensi fitur CSS
Temukan alur kerja baru untuk melihat dan mengubah CSS di Chrome DevTools.
- Chrome DevTools
Download Chrome Headless versi lama sebagai chrome-headless-shell
Anda kini dapat mendownload Headless Chrome lama sebagai biner mandiri untuk setiap rilis Chrome yang dilihat pengguna.
- Chrome
Tingkatkan efisiensi kompresi dengan kamus bersama
Kompresi di web meningkat pesat dari kompresi kamus bersama. Pelajari pengertiannya, cara kerjanya, dan bagaimana mereka dapat secara substansial mengurangi waktu pemuatan dibandingkan kompresi standar untuk resource statis dan dinamis di web.
- Chrome
Ringkasan panel aplikasi
Dapatkan informasi penting tentang aplikasi web Anda langsung dari browser.
- Chrome DevTools
Menginternasionalkan antarmuka
Gunakan API chrome.i18n untuk merender antarmuka Anda dalam beberapa bahasa.
- Chrome Extensions
Buat ekstensi Anda dapat diakses
Bagi banyak pengguna, aksesibilitas secara harfiah adalah antarmuka pengguna, dan fitur-fiturnya berguna bagi banyak orang lain.
- Chrome Extensions
Ringkasan yang baru
Temukan fitur terbaru di Chrome DevTools
- Chrome DevTools
Peningkatan pada Speculation Rules API
Detail update terbaru pada Speculation Rules API, termasuk aturan dokumen, setelan minat, batasan, dan dukungan aturan spekulasi di platform.
- Chrome
Ekstensi Chrome: perjalanan mata untuk menguji penangguhan pekerja layanan
Dalam postingan ini, tim Eyeo membagikan perjalanan mereka ke dalam masalah pengujian pekerja layanan ekstensi. Khususnya, cara memastikan bahwa Ekstensi Chrome berfungsi dengan benar saat pekerja layanan ditangguhkan.
- Chrome Extensions
- Chrome
Yang baru di DevTools (Chrome 123)
Telur Paskah, emulasi halaman terfokus di Elements > Gaya, audit Lighthouse baru, dan lain-lain.
- Chrome DevTools
- Chrome
Paket Next.js untuk mengelola library pihak ketiga
Pelajari cara menggunakan library @next/pihak ketiga untuk mengoptimalkan pemuatan resource pihak ketiga yang populer
- Chrome
Chrome 123 beta
Fungsi warna CSS terang-gelap(), align-content untuk blok, properti ukuran kolom, dan peristiwa pagereveal.
- Chrome
Dukungan untuk align-content dalam tata letak blok dan tabel
Mulai Chrome 123, gunakan konten rata untuk menyelaraskan item tanpa membuat penampung fleksibel atau petak.
- Chrome
Pintasan keyboard
Dokumentasi kanonis untuk pintasan keyboard Chrome DevTools.
- Chrome DevTools
Baru di Chrome 122
Chrome 122 kini diluncurkan. Dengan Storage Buckets API baru, panel Performance DevTools diperbarui, opsi bermasalah untuk membaca HTML dengan Async Clipboard API dan masih banyak lagi. Adriana Jara memiliki semua detail tentang fitur baru untuk developer di Chrome 122.
- Chrome
Menyimulasikan perangkat seluler dengan mode perangkat
Gunakan perangkat virtual dalam mode perangkat Chrome untuk membuat situs yang mengutamakan seluler.
- Chrome DevTools
Perubahan pada CSS ::pewarisan backdrop
Mulai Chrome 122, elemen `::backdrop` mewarisi properti dari elemen asalnya.
- Chrome
Mengonfigurasi ikon ekstensi
Ekstensi memerlukan setidaknya satu ikon untuk mewakilinya di toolbar.
- Chrome Extensions
Panel Performa 400% lebih cepat melalui persepsi kinerja
Panel {i>Performance<i} di DevTools adalah alat yang ampuh untuk mendiagnosis, men-debug, dan memperbaiki masalah kinerja aplikasi web. Pada kesempatan ini, kami akan menjelaskan bagaimana kami menggunakan panel Performance di DevTools untuk meningkatkan kinerja panel Performance itu sendiri, dan bagaimana kami mencapai peningkatan yang sangat signifikan.
- Chrome
Chrome Extensions
TBD
- Chrome Extensions
Menggunakan WebUSB
WebUSB API, yang mengekspos perangkat yang kompatibel dengan Universal Serial Bus (USB) non-standar ke web, tersedia dalam ekstensi.
- Chrome Extensions
Bermigrasi ke Manifes V3
Panduan untuk mengonversi ekstensi Manifes V2 ke ekstensi Manifes V3.
- Chrome Extensions
Gunakan WebHID
WebHID API, yang mengekspos perangkat yang kompatibel dengan Human Interface Device (HID) ke web, tersedia dalam ekstensi.
- Chrome Extensions
Yang Baru di WebGPU (Chrome\r122)
Mode kompatibilitas dalam pengembangan, meningkatkan batas maxVertexAttributes, dan update Fajar.
- Chrome
- WebGpu
Manifes - Kebijakan Keamanan Konten
Dokumentasi referensi untuk properti kebijakan keamanan konten manifest.json.
- Chrome Extensions
Penyesuaian kolom CSS
Satu baris kode untuk mengubah ukuran elemen secara otomatis dengan konten yang dapat diedit.
Merekam snapshot heap
Pelajari cara merekam snapshot heap dengan profiler heap dan menemukan kebocoran memori.
- Chrome DevTools
chrome.runtime
Gunakan chrome.runtime API untuk mengambil pekerja layanan, menampilkan detail tentang manifes, serta memproses dan merespons peristiwa dalam siklus proses ekstensi. Anda juga dapat menggunakan API ini untuk mengonversi jalur relatif URL menjadi URL
- Chrome Extensions
Gunakan Web Push
Panduan langkah demi langkah tentang cara menggunakan Web Push dengan Ekstensi Chrome
- Chrome Extensions
Panduan peringatan izin
Cara kerja peringatan izin di ekstensi Chrome.
- Chrome Extensions
Mendeklarasikan izin
Ringkasan nilai yang valid untuk properti izin di manifest.json.
- Chrome Extensions
Yang baru di DevTools (Chrome 122)
Peringatan penghentian cookie pihak ketiga di panel Jaringan dan Aplikasi, proses debug yang ditingkatkan di panel Jaringan, breadcrumb di panel Performa, dan lainnya.
- Chrome
- Chrome DevTools
Memperkenalkan cara baru untuk membuat pengalaman pengeditan web kustom menggunakan EditContext API
EditContext adalah API baru yang diluncurkan di Chrome dan Edge yang membantu developer membangun fitur pengeditan teks lanjutan di browser. Pelajari lebih lanjut dalam postingan ini.
- Chrome
Tips DevTools: Melakukan debug navigasi spekulatif untuk pemuatan halaman yang lebih cepat
Percepat penjelajahan web dengan pemuatan spekulatif dan pelajari cara men-debug-nya.
- Chrome
- Chrome DevTools
Uji coba penghentian penggunaan untuk SharedArrayBuffer di Chrome desktop diperpanjang ke Chrome 124
Uji coba penghentian penggunaan untuk SharedArrayBuffer tanpa isolasi lintas asal di desktop Chrome diperpanjang hingga Chrome 124.
- Chrome
Merespons perintah
Merespons kombinasi tombol kustom dalam ekstensi.
- Chrome Extensions
Menyesuaikan Perekam Suara dengan ekstensi
Sesuaikan dan integrasikan Perekam Suara dengan menginstal ekstensi.
- Chrome DevTools
Chrome 122 beta
Chrome 122 beta menghadirkan helper Iterator, menyetel metode, Storage Buckets API, membaca HTML bermasalah di Async Clipboard API, dan banyak lagi.
- Chrome
Apa yang terjadi di Ekstensi Chrome?
Ringkasan perubahan terbaru di Ekstensi Chrome, ditambah fitur ekstensi mendatang yang menarik yang dapat dinantikan developer.
- Chrome
- Chrome Extensions
Baru di Chrome 121
Chrome 121 kini diluncurkan. Dengan update CSS, peningkatan pada Speculation Rules API, sebuah uji coba origin untuk Element Capture API, dan masih banyak lagi. Adriana Jara memiliki semua detail tentang fitur baru untuk developer di Chrome 121.
- Chrome
Memicu tindakan dari omnibox
Memicu tindakan dari omnibox.
- Chrome Extensions
Yang Baru di WebGPU (Chrome\r121)
Mendukung WebGPU di Android, penggunaan DXC untuk kompilasi shader, kueri stempel waktu dalam penerusan komputasi dan render, titik entri default ke modul shader, mendukung display-p3 sebagai ruang warna GPUExternalStructure, info heap memori, dan banyak lagi.
- Chrome
- WebGpu
Mengakses DOM dengan aman menggunakan SSR Angular
Pelajari cara menggunakan DOM bersama dengan SSR secara aman di Angular
- Chrome
Gaya scroll bar
Gunakan properti `scrollbar-width` dan `scrollbar-color` untuk menata gaya scrollbar.
Menguji Bluetooth Web dengan Puppeteer
Gunakan Puppeteer untuk menguji fitur yang menggunakan Web Bluetooth API di Chrome.
- Chrome
Menggunakan Firebase Cloud Messaging (FCM) dengan chrome.gcm
Panduan langkah demi langkah tentang cara menggunakan Firebase Messaging dengan chrome.gcm
- Chrome Extensions
Tingkatkan pengujian model Web AI: WebGPU, WebGL, dan Headless Chrome
Temukan solusi kami tentang cara mengotomatiskan pengujian browser secara konsisten dan meningkatkan performa aplikasi.
- Chrome
- WebGpu
Pengujian model Web AI di Google Colab
Pelajari cara menguji model AI berbasis browser sisi klien, sekaligus tetap skalabel, dapat diotomatiskan, dan dalam penyiapan hardware terstandardisasi.
- WebGpu
Mode penulisan vertikal CSS untuk elemen kontrol formulir
Chrome menambahkan fitur CSS internasional baru lainnya.
- Chrome
Mengimplementasikan tindakan
Beri respons kepada pengguna yang mengklik toolbar.
- Chrome Extensions
Izin persisten untuk File System Access API
Postingan ini menjelaskan cara mengelola izin persisten untuk File System Access API. Contoh ini juga memberikan rekap singkat tentang keadaan masalah saat ini dan tantangan yang sedang dipecahkan.
- Chrome
Memeriksa dan men-debug warna HD dan non-HD dengan Color Picker
Pelajari cara menggunakan Pemilih Warna di Elements > Gaya untuk memeriksa dan men-debug warna HD dan non-HD.
- Chrome DevTools
Tips DevTools: Membuat warna
Pelajari cara menulis warna dalam beberapa klik.
- Chrome
- Chrome DevTools
Tips DevTools: Men-debug prioritas pengambilan
Pelajari cara men-debug prioritas pengambilan.
- Chrome DevTools
- Chrome
CSS text-wrap: balance
Teknik tipografi klasik untuk membuat jeda baris secara manual untuk blok teks yang seimbang, kini hadir di CSS.
Ekstensi Cakupan Aplikasi Web
Mulai Chrome 122, Anda dapat berlangganan uji coba origin untuk anggota manifes aplikasi scope_extensions yang memungkinkan situs yang mengontrol beberapa subdomain dan domain level teratas ditampilkan sebagai satu aplikasi web.
Manfaatkan kecanggihan WebDriver BiDi: otomatisasi Chrome dan Firefox dengan Puppeteer
Puppeteer sekarang berbicara dengan Firefox! 🎉 Tapi tunggu, bukankah sudah? 🤔 Mari pelajari WebDriver BiDi, protokol baru di Puppeteer dan temukan apa arti pengembangan yang menarik ini bagi alur kerja otomatisasi Firefox.
- Chrome
Membangun menu konteks
Mengimplementasikan pop-up, yaitu jendela yang memungkinkan pengguna memanggil fitur ekstensi.
- Chrome Extensions
Menangani pelanggaran kode yang dihosting dari jarak jauh
Pekerja layanan memungkinkan ekstensi berjalan hanya saat diperlukan, sehingga menghemat resource.
- Chrome Extensions
Menambahkan pop-up
Mengimplementasikan pop-up, yaitu jendela yang memungkinkan pengguna memanggil fitur ekstensi.
- Chrome Extensions
Google Chrome di Android
Untuk daftar lengkap fitur developer di Chrome pada Android, buka chromestatus.com. Download Chrome di Play Store. Saat pengguna login ke Chrome di satu perangkat, tab dan histori penjelajahan sesi tersebut tersedia bagi pengguna saat mereka login ke
Performa framework modern pada metrik INP yang baru
Postingan ini membahas relevansi metrik INP baru terhadap situs berbasis framework dan upaya Aurora untuk mendukung framework dalam mengoptimalkan metrik ini.
Intent Android dengan Chrome
Luncurkan aplikasi langsung dari halaman web dengan Intent Android.
Chrome mengaktifkan mode desktop secara default pada tablet premium
Chrome telah beradaptasi dengan ekosistem tablet Android dengan mengaktifkan mode desktop secara default pada tablet premium.
- Chrome
Akordeon Eksklusif
Buat akordeon eksklusif dengan beberapa elemen `` yang memiliki `name` yang sama.
Yang Baru di WebGPU (Chrome\r120)
Dukungan untuk nilai floating point 16-bit di WGSL, peningkatan batas, perubahan status stensil kedalaman, pembaruan informasi adaptor, dan banyak lagi.
- Chrome
- WebGpu
Berbagi tab yang lebih baik dengan Region Capture
Platform web kini dilengkapi dengan Region Capture, cara yang unggul dan andal untuk memangkas trek video.
Yang Baru di WebGPU
Ikuti perubahan WebGPU terbaru.
- WebGpu
Yang baru di DevTools (Chrome 121)
Dukungan @font-palette-values di Elements, peningkatan dukungan peta sumber, peningkatan Performa > pelacakan Interaksi, dan banyak lagi.
- Chrome DevTools
- Chrome
CSS Digabung: 2023
Tahun 2023 adalah tahun yang besar bagi CSS. Pelajari apa saja yang ada di Chrome dan di seluruh platform web tahun ini.
- Chrome
Tips DevTools: Proses debug bfcache
Pelajari cara melakukan debug bfcache dan membuat halaman Anda dimuat secara instan.
- Chrome DevTools
- Chrome
Cara Chrome DevTools membantu melindungi diri dari serangan XSS sendiri
Pelajari cara Chrome DevTools memitigasi serangan XSS mandiri dengan memblokir penempelan kode untuk pengguna DevTools yang tidak berpengalaman.
- Chrome
- Chrome DevTools
Tips DevTools: Apa yang dimaksud dengan DOM? HTML versus DOM
Pelajari cara men-debug DOM dengan DevTools.
- Chrome DevTools
- Chrome
Lihat detail bingkai
Lihat detail bingkai.
- Chrome DevTools
Uji coba origin permintaan Izin Akses Jaringan Pribadi: Jalur untuk memigrasikan situs dengan HTTPS
Google Chrome menghentikan akses ke endpoint jaringan pribadi dari situs publik yang tidak aman sebagai bagian dari spesifikasi Akses Jaringan Pribadi (PNA).
- Chrome
Meninjau kembali kriteria kemampuan penginstalan Chrome
Dalam beberapa bulan mendatang, Chrome akan menjalankan eksperimen dengan tujuan menyederhanakan kriteria penginstalan aplikasi, guna meningkatkan pengalaman developer dan pengguna. Postingan ini menyampaikan perubahan yang dapat Anda harapkan, dan alasan kami menjalankan eksperimen tersebut.
- Chrome
Mengakses server lokal dan instance Chrome dengan penerusan port
Hosting situs di server web mesin pengembangan, lalu akses kontennya dari perangkat Android.
- Chrome DevTools
Melihat, menambahkan, mengedit, dan menghapus cookie
Pelajari cara melihat, menambahkan, mengedit, dan menghapus cookie HTTP halaman menggunakan Chrome DevTools.
- Chrome DevTools
Baru di Chrome 120
Chrome 120 sekarang diluncurkan! Dengan CloseWatcher API untuk memungkinkan pengalaman yang konsisten saat menangani permintaan close, implementasi pola akordeon yang mudah menggunakan elemen detail, laporan pelanggaran kebijakan izin kini tersedia, dan masih banyak lagi.
- Chrome
Memperkenalkan empat fitur internasional baru di CSS
Chrome menambahkan empat fitur CSS internasional baru.
- Chrome
API Siklus Proses Halaman
Page Lifecycle API menghadirkan fitur siklus proses aplikasi yang umum di sistem operasi seluler ke web. Browser kini dapat membekukan dan menghapus halaman latar belakang dengan aman untuk menghemat sumber daya, dan developer dapat menangani intervensi ini dengan aman tanpa memengaruhi pengalaman pengguna.
HTML bermasalah di Async Clipboard API
Mulai Chrome 120, opsi bermasalah baru tersedia di Async Clipboard API. Pelajari cara menggunakannya dalam panduan ini.
Daftar Pengabaian
Mengabaikan referensi tab Daftar.
- Chrome DevTools
Picture-in-picture otomatis untuk aplikasi web konferensi video
Chrome memungkinkan aplikasi web konferensi video masuk ke mode picture-in-picture secara otomatis.
- Chrome
Melanjutkan transisi ke Manifes V3
Pada Desember tahun lalu, kami menjeda penghentian penggunaan Manifest V2 yang direncanakan untuk menindaklanjuti masukan developer dan memberikan solusi yang lebih baik untuk masalah migrasi. Berdasarkan masukan ini, kami telah melakukan sejumlah
- Chrome
- Chrome Extensions
Yang baru di perintah Angular NgOptimizedImage
Pelajari fitur baru yang disertakan dalam perintah Angular NgOptimizedImage yang semakin meningkatkan performa gambar di aplikasi Angular.
- Chrome
Meningkatkan pemfilteran konten di Manifes V3
Selama setahun terakhir, kami telah secara aktif terlibat dalam diskusi dengan vendor di balik beberapa ekstensi pemblokiran konten terkait cara meningkatkan platform ekstensi MV3. Berdasarkan diskusi ini, yang sebagian besar berlangsung di
- Chrome Extensions
- Chrome
Uji Coba Origin API Static Routing API Pekerja Layanan
Pelajari fase pertama dari Pemilihan Rute Statis Pekerja Layanan—kini dalam Uji Coba Origin—API baru untuk secara deklaratif menentukan cara penanganan (atau tidak) rute oleh Pekerja Layanan Anda.
- Chrome
Menangkap ekosistem WebGPU
Pelajari tentang bagaimana ekosistem WebGPU melampaui ranah JavaScript, C++, dan Rust.
- Chrome
- WebGpu
Yang baru di DevTools (Chrome 120)
Masalah penghentian cookie pihak ketiga yang dilaporkan di panel Masalah, Alat Analisis Privacy Sandbox untuk cookie, Kebijakan Keamanan Konten yang efektif di panel Aplikasi, proses debug animasi yang lebih baik, listingan abaikan yang ditingkatkan, dan lainnya.
- Chrome
- Chrome DevTools
Pembaruan sintaksis longgar bertingkat CSS
Susunan bertingkat ke depan diaktifkan di Chrome 120.
- Chrome
Perubahan pada mode ketahanan default di IndexedDB
Mode ketahanan di IndexedDB berubah dari ketat menjadi longgar mulai Chrome 121.
- Chrome
Yang baru di Chrome 120 untuk Ekstensi
Ringkasan perubahan penting di Chrome 120 bagi developer Ekstensi Chrome.
- Chrome
- Chrome Extensions
Penanganan file di ChromeOS
Cara membuka file di pekerja layanan ekstensi Chrome, pop-up, panel samping, atau skrip konten.
- Chrome Extensions
file_handlers
Dokumentasi referensi untuk properti file_handlers manifest.json.
- Chrome Extensions
Chrome 120 beta
Penyamaran CSS, aturan longgar untuk penyusunan bertingkat CSS, membuat pola akordeon dengan elemen, tindakan enterpictureinpicture untuk Media Session API.
- Chrome
Pengumpulan Sampah WebAssembly (WasmGC) kini diaktifkan secara default di Chrome
Ada dua jenis bahasa pemrograman: bahasa pemrograman yang dikumpulkan sampah dan bahasa pemrograman yang memerlukan manajemen memori manual. Dengan WebAssembly Sampah Collection, bahasa yang dikumpulkan sampah memori dapat ditransfer ke WebAssembly.
- Chrome
Baru di Chrome 119
Chrome 119 kini diluncurkan! Dengan pembaruan pada batas atas tanggal habis masa berlaku untuk cookie yang sudah ada di penyimpanan. CSS memiliki kelas semu baru, sintaks warna relatif, peningkatan Frame dengan Fence seperti makro ukuran iklan, dan masih banyak lagi.
- Chrome
CSS lebih memilih transparansi-transparansi
Optimalkan dan sesuaikan untuk pengguna yang lebih menyukai UI buram.
- Chrome
Yang Baru di WebGPU (Chrome 119)
Tekstur float 32-bit yang dapat difilter, format vertex unorm10-10-10-2, format tekstur rgb10a2uint, dan banyak lagi.
- Chrome
- WebGpu
Penggabungan teks CSS: cantik
Ikut serta dalam penggabungan teks yang dioptimalkan, untuk keindahan yang melebihi kecepatan.
- Chrome
Pilih elemen: kini dengan aturan horizontal
Pelajari bagaimana kemampuan elemen pilih yang diperluas memungkinkan jeda horizontal visual untuk pengelompokan yang lebih baik.
- Chrome
Apa yang terjadi di Ekstensi Chrome?
Ringkasan perubahan terbaru di Ekstensi Chrome, ditambah fitur ekstensi mendatang yang menarik yang dapat dinantikan developer.
- Chrome Extensions
- Chrome
Migrasi issue tracker Chromium
Pelacakan masalah Chromium dimigrasikan ke alat yang didukung oleh Issue Tracker Google pada Januari 2024.
- Chrome
Penghentian Sanitizer API
Implementasi Sanitizer API saat ini tidak digunakan lagi mulai Chrome 119 untuk mengikuti update spesifikasi mendatang.
- Chrome
Serial melalui Bluetooth di web
Web Serial API menambahkan dukungan untuk layanan RFCOMM Bluetooth.
- Chrome
Pengujian unit Ekstensi Chrome
Cara menulis pengujian unit untuk ekstensi.
- Chrome Extensions
Menguji Ekstensi Chrome dengan Puppeteer
Cara menulis pengujian otomatis untuk Ekstensi Chrome menggunakan Puppeteer.
- Chrome Extensions
Pengujian menyeluruh untuk Ekstensi Chrome
Cara menulis pengujian menyeluruh untuk ekstensi.
- Chrome Extensions
Menemukan dan mengikuti bug
Periksa apakah bug atau permintaan fitur telah dilaporkan.
- Chrome Extensions
Sintaksis warna relatif CSS
Buat warna baru berdasarkan saluran dan nilai warna lain.
- Chrome
Laporkan bug ekstensi
Cara melaporkan bug atau masalah ekstensi dengan dokumentasi.
- Chrome Extensions
Baru di Chrome 118
Chrome 118 kini diluncurkan! Mendeklarasikan gaya tertentu dalam komponen dengan aturan css @scope. Gunakan fitur media baru: Preferreds-Reduced-transparency. DevTools memiliki peningkatan di panel Sources dan masih banyak lagi.
- Chrome
Yang Baru di DevTools (Chrome 119)
Peningkatan bagian @property di Gaya, daftar perangkat yang diperbarui, pencetakan pencapaian yang lebih baik di Sumber dan pelengkapan otomatis di Konsol.
- Chrome DevTools
- Chrome
Peningkatan API untuk bekerja dengan file di browser
Dukungan untuk beberapa pembaca dan penulis untuk FileSystemSyncAccessHandle dan penulis eksklusif untuk FileSystemWritableFileStream. Sistem file pribadi origin (terkadang juga disebut sebagai sistem file bucket) memungkinkan developer mengakses
- Chrome
Uji coba origin baru untuk jendela pop-up layar penuh
Sekarang ada uji coba origin baru yang tersedia untuk membuka jendela pop-up dalam mode layar penuh hanya dengan satu langkah.
- Chrome
Chrome 119 beta
Chrome 119 beta menghadirkan sintaksis warna relatif CSS, kelas pseudo baru, dan banyak lagi.
- Chrome
Batasi jangkauan pemilih Anda dengan @scope CSS sesuai aturan
Pelajari cara menggunakan @scope untuk memilih elemen hanya dalam subhierarki terbatas dari DOM Anda.
Yang Baru di WebGPU (Chrome\r118)
Memperluas dukungan sumber untuk copyExternalImageToTekstur, dukungan eksperimental untuk tekstur penyimpanan baca-tulis dan hanya baca, dan lainnya.
- Chrome
- WebGpu
Tips DevTools: Men-debug ekstensi Chrome
Pelajari cara menggunakan DevTools untuk men-debug ekstensi Chrome.
- Chrome DevTools
- Chrome Extensions
- Chrome
Chrome kini mendukung kunci sandi di Rantai Kunci iCloud di macOS
Chrome di macOS mulai mendukung kunci sandi di Rantai Kunci iCloud. Tindakan ini memungkinkan pengguna membuat kunci sandi di Rantai Kunci iCloud dan menyinkronkannya di seluruh perangkat Apple.
- Chrome
Navigasi yang lancar dapat dilakukan dengan transisi tampilan
Panduan mendalam tentang cara dan alasan CyberAgent, RedBus, Nykaa, dan PolicyBazaar menerapkan transisi tampilan.
- Chrome
Kami adalah Chrome untuk Developer
Merayakan ulang tahun Chrome yang ke-15 dan peran kami sebagai partner yang tepercaya dan bermanfaat bagi developer.
- Chrome
Dari WebGL ke WebGPU
Pelajari beberapa tips untuk developer WebGL yang bermigrasi ke WebGPU.
- Chrome
Yang Baru di DevTools (Chrome 118)
Bagian baru untuk properti khusus di Elemen > Gaya, peningkatan penggantian lokal yang lebih banyak, penelusuran yang disempurnakan, ruang kerja yang disederhanakan di Sumber, dan banyak lagi.
- Chrome
- Chrome DevTools
Chrome 118 beta
Gaya dengan cakupan untuk CSS, fitur media tambahan, container scroll yang dapat difokuskan keyboard, dan lainnya.
- Chrome
Baru di Chrome 117
Chrome 117 kini diluncurkan! Dengan tiga fitur CSS baru yang memudahkan penambahan animasi masuk dan keluar yang mulus, pengelompokan array untuk menghitung set data dengan urutan lebih tinggi, devtools membuat penggantian lokal lebih mudah dan masih banyak lagi.
- Chrome
Transisi dari Aplikasi Chrome
Cara memigrasikan aplikasi yang dipaketkan atau dihosting Chrome.
Yang Baru di WebGPU (Chrome\r117)
Batalkan penetapan buffering vertex dan grup ikat, buat perangkat yang hilang tampak berfungsi, dan lainnya.
- Chrome
- WebGpu
Google Summer of Code dan Ekstensi Chrome
Pengalaman dan saran dalam berpartisipasi dalam Google Summer of Code.
- Chrome
- Chrome Extensions
Memublikasikan ekstensi
Panduan untuk memublikasikan ekstensi Manifes V3 baru
- Chrome Extensions
Tips DevTools: Cuplikan dan ekspresi langsung
Gunakan Cuplikan untuk menjalankan kode yang sering Anda gunakan dan ekspresi langsung untuk melihat nilai secara real time.
- Chrome DevTools
- Chrome
Rilis Chrome lebih cepat (putaran kedua!)
Mulai Chrome 119, kami akan mempersingkat waktu antara cabang untuk rilis dan rilis ke stabil.
- Chrome
Transisi Tampilan Astro
Soroti cara komunitas Astro menggunakan Transisi Tampilan saat Chrome membentuk API dan perjalanan menuju mendapatkan dukungan kelas satu untuknya di pulau persisten Astro.
- Chrome
Memperkenalkan uji coba origin scheduler.results
`scheduler.results` adalah tambahan baru yang diusulkan ke API penjadwal yang saat ini berada dalam uji coba origin, dan merupakan pendekatan baru untuk membagi tugas agar mendapatkan pengalaman pengguna yang lebih responsif. Pahami manfaat penambahan yang diusulkan untuk API penjadwalan ini, dan daftar ke uji coba origin untuk membantu kami mendapatkan insight dan masukan.
- Chrome
Yang baru di Lighthouse 11
Lighthouse 11 telah hadir dengan perubahan aksesibilitas dan pembaruan audit baru
- Chrome
Membuat perintah Protokol Devtools Chrome (CDP) secara efisien dengan editor perintah baru
Untuk mempermudah pengetikan perintah Chrome Devtools Protocol (CDP), DevTools memperkenalkan editor baru yang mudah digunakan sehingga Anda tidak perlu menggunakan JSON.
- Chrome
Yang Baru di DevTools (Chrome 117)
Ganti permintaan XHR/pengambilan dan sembunyikan permintaan ekstensi dari panel Network, lihat perubahan pada prioritas pengambilan di panel Performa, rasakan beberapa peningkatan UI, lihat warna baru dan fitur eksperimental, dan lainnya.
- Chrome DevTools
- Chrome
Menerapkan Pemeriksaan Keamanan ke halaman chrome://extensions
Mulai Chrome 117, Chrome akan secara proaktif menampilkan sorotan kepada pengguna saat ekstensi yang telah diinstal tidak lagi tersedia di Chrome Web Store.
- Chrome
- Chrome Extensions
Chrome 117 beta
Subgrid petak CSS, dukungan animasi masuk dan keluar untuk CSS, pengelompokan array, helper iterator, dan lain-lain.
- Chrome
Empat fitur CSS baru untuk animasi masuk dan keluar yang lancar
Pelajari kemampuan baru yang memungkinkan transisi yang lancar dari animasi terpisah dan antara lapisan atas
- Chrome
Baru di Chrome 116
Chrome 116 kini diluncurkan! Gunakan picture document in picture API untuk meningkatkan produktivitas pengguna, kini lebih mudah untuk men-debug stylesheet yang hilang di DevTools, dan masih banyak lagi.
- Chrome
Manifes - skrip konten
Dokumentasi referensi untuk properti "content_scripts" manifest.json.
- Chrome Extensions
Mengamankan interaksi pop-up dengan properti terbatas
Dapatkan isolasi lintas asal dan perlindungan kebocoran lintas situs saat berinteraksi dengan pop-up.
- Chrome
Yang Baru di WebGPU (Chrome\r116)
Integrasi WebCodecs, peningkatan pemutaran video, dan lainnya.
- Chrome
- WebGpu
Izin satu kali di Chrome
"Izinkan kali ini" adalah opsi satu kali untuk memberikan izin di Chrome. Pada awalnya, fitur ini hanya akan tersedia di desktop untuk geolokasi, kamera, dan mikrofon.
- Chrome
Tips DevTools: Titik henti sementara dan logpoint
Gunakan titik henti sementara dan logpoint untuk men-debug dengan mudah.
- Chrome DevTools
- Chrome
PostMessage untuk TWA
Mulai Chrome 115 Aktivitas Web Tepercaya (TWA) dapat mengirim pesan menggunakan postMessage. Dokumen ini akan menjelaskan penyiapan yang diperlukan untuk berkomunikasi antara aplikasi Anda dan web.
Yang baru di Chrome 116 untuk Ekstensi
Ringkasan perubahan penting pada Chrome 116 bagi developer Ekstensi Chrome.
- Chrome
- Chrome Extensions
Chrome 116 beta
Jalur gerakan CSS, Back/forward cache NotReturnReason API, Document Picture-in-Picture, dan lainnya.
- Chrome
Men-debug situs di Chrome pada iOS 16.4+
Pelajari cara menggunakan proses debug Safari Web Inspector untuk Chrome di iOS.
- Chrome
Apa yang terjadi di Ekstensi Chrome?
Ringkasan perubahan sejauh ini tahun ini di Ekstensi Chrome, ditambah fitur ekstensi mendatang yang menarik yang dapat dinanti-nantikan developer.
- Chrome Extensions
- Chrome
Baru di Chrome 115
Gunakan ScrollLinimasa dan ViewLinimasa untuk membuat animasi berbasis scroll yang meningkatkan pengalaman pengguna. Frame dengan pagar berfungsi bersama Privacy Sandbox API lainnya untuk menyematkan konten yang relevan sekaligus mencegah berbagi konteks yang tidak perlu. Dengan Topics API, browser dapat berbagi informasi dengan pihak ketiga tentang minat pengguna sekaligus menjaga privasi dan masih banyak lagi.
- Chrome
Tips DevTools: Merekam dan memutar ulang alur penggunaan dengan Perekam Suara
Pelajari cara merekam, memutar ulang, dan men-debug alur pengguna dengan panel Perekam di DevTools.
- Chrome DevTools
- Chrome
Studi kasus tentang performa animasi berbasis scroll
API baru ini jauh lebih lancar daripada cara klasik untuk menerapkan animasi berbasis scroll.
- Chrome
Menggunakan WebSocket di pekerja layanan
Petunjuk langkah demi langkah tentang cara menyambungkan ke WebSocket di ekstensi Chrome.
- Chrome Extensions
WebRTC: Panduan migrasi getStats() lama
Pelajari cara menggunakan proses debug Safari Web Inspector untuk Chrome di iOS.
- Chrome
Tips DevTools: Penyimpanan lokal dan sesi
Gunakan Aplikasi > Penyimpanan Lokal dan Penyimpanan Sesi untuk men-debug pasangan nilai kunci.
- Chrome DevTools
- Chrome
Yang Baru di DevTools (Chrome 116)
DevTools mendapatkan sejumlah peningkatan untuk membantu Anda mengidentifikasi dan men-debug masalah terkait stylesheet yang tidak ada dengan lebih cepat: Panel Jaringan secara konsisten mengisi kolom Pemrakarsa dengan link ke baris yang tepat yang
- Chrome DevTools
- Chrome
Yang Baru di WebGPU (ChromeChrome 115)
Ekstensi bahasa WGSL yang didukung, dukungan eksperimental untuk Direct3D 11, dan banyak lagi.
- Chrome
- WebGpu
Gunakan geolokasi
Cara menggunakan geolokasi di pekerja layanan ekstensi Chrome, pop-up, panel samping, atau skrip konten.
- Chrome Extensions
Chrome untuk Pengujian: download yang andal untuk otomatisasi browser
Chrome untuk Pengujian adalah ragam Chrome baru yang secara khusus menargetkan pengujian aplikasi web dan kasus penggunaan otomatisasi.
- Chrome
- Chrome for Testing
Men-debug WebAssembly C/C++
Pelajari cara menggunakan Chrome DevTools untuk menemukan dan memperbaiki bug di C/C++ WebAssembly.
- Chrome DevTools
Bagaimana Photoshop menyelesaikan bekerja dengan file yang lebih besar dari yang dapat masuk ke dalam memori
Pelajari cara Adobe memungkinkan pengguna mengedit file terbesar sekalipun di versi web aplikasi Photoshop ikoniknya. (Artikel ini juga tersedia dalam bentuk video.) Pada tahun 2021, Adobe, bersama dengan engineer Chrome, mempersembahkan versi
- Chrome
Cara aplikasi pengeditan gambar vektor Boxy SVG menggunakan Local Font Access API agar pengguna dapat memilih font lokal favorit mereka
Local Font Access API menyediakan mekanisme untuk mengakses data font yang diinstal secara lokal oleh pengguna, termasuk detail tingkat tinggi seperti nama, gaya, dan jenis, serta byte mentah dari file font yang mendasarinya. Pelajari cara aplikasi
- Chrome
Bermigrasi dari URL data di elemen SVG
Dukungan untuk data: URL dalam elemen SVG akan dihapus. Sebaiknya lakukan migrasi ke alternatif.
- Chrome
Yang Baru di WebGPU (Chrome 114)
Pengoptimalan JavaScript dan lainnya.
- Chrome
- WebGpu
Chrome 115 beta
Beberapa kata kunci untuk properti tampilan CSS, WGSLLanguageFeatures untuk WebGPU, upgrade HTTPS, dan lainnya.
- Chrome
Peristiwa mutasi akan dihapus dari Chrome
Mengumumkan penghentian dan rencana penghapusan peristiwa mutasi, serta membagikan cara memigrasikan kode Anda sebelum penghapusan pada Juli 2024.
- Chrome
Cara editor game Construct 3 menggunakan File System Access API untuk memungkinkan pengguna menyimpan game mereka
File System Access API memungkinkan kemampuan baca, tulis, dan pengelolaan file. Pelajari cara Construct 3 menggunakan API ini. (Artikel ini juga tersedia dalam bentuk video.) Construct 3 adalah editor game yang dikembangkan oleh dua bersaudara
- Chrome
Mengumumkan uji coba origin Compute Pressure yang kedua
Uji coba origin baru dari Chrome yang memungkinkan developer web memantau tekanan komputasi.
- Chrome
Mendesain pengalaman pengguna yang luar biasa dengan Side Panel API yang baru
Memperkenalkan Side Panel API baru untuk ekstensi Chrome.
- Chrome
- Chrome Extensions
Yang Baru di DevTools (Chrome 115)
Panel Elemen mendapatkan badge subgrid baru untuk sub-petak. Fitur ini saat ini masih bersifat eksperimental di Chrome Canary. Untuk memeriksa dan men-debug petak bertingkat yang merupakan subpetak, sehingga mewarisi jumlah dan ukuran jalur dari
- Chrome DevTools
- Chrome
Baru di Chrome 114
Chrome 114 kini diluncurkan! Chrome 114 kini diluncurkan! Dengan text-wrap: keseimbangan untuk meningkatkan tata letak teks, Cookies Using Independent Partitioned State kini telah hadir, Popover API baru membuat popover lebih mudah dari sebelumnya, dan masih banyak lagi.
- Chrome
Chrome menonaktifkan modifikasi document.domain
Jika situs Anda bergantung pada setelan document.domain, tindakan Anda diperlukan.
- Chrome
Tips DevTools: Workspace
Gunakan Workspace untuk menyimpan perubahan yang Anda buat di DevTools ke file sumber lokal.
- Chrome
- Chrome DevTools
Membuat kurva animasi yang kompleks di CSS dengan fungsi easing linear()
Memperkenalkan linear(), fungsi easing di CSS yang berinterpolasi secara linear antara titik-titiknya, memungkinkan Anda menciptakan kembali efek pantulan dan pegas.
Manifes - latar belakang
Dokumentasi referensi untuk properti latar belakang manifest.json.
- Chrome Extensions
Memperkenalkan API popover
Pelajari cara membuat tooltip, menu, dan lainnya dengan API popover baru.
- Chrome
Bagaimana LEGO® Education menggunakan Bluetooth Web dan Web Serial API
LEGO Education menggunakan kekuatan web untuk membuat cara menghubungkan model LEGO ke komputer semudah mungkin.
- Chrome
Apa yang Baru dari Aurora?
Pelajari berbagai upaya yang telah dilakukan tim Chrome Aurora akhir-akhir ini dan rencana mereka untuk tahun 2023.
- Chrome
Cara editor model 3D Blockbench menggunakan EyeDropper API agar pengguna dapat memilih warna dari mana saja
EyeDropper API menyediakan mekanisme untuk membuat alat pipet yang memungkinkan pengguna mengambil sampel warna dari layar mereka, termasuk di luar jendela browser. Pelajari cara editor model 3D Blockbench menggunakan API ini di codebase-nya.
- Chrome
Uji coba origin Bucket Penyimpanan tersedia
Standar Storage menentukan API untuk estimasi kuota dan penyimpanan persisten, serta arsitektur penyimpanan platform. Kami sedang bereksperimen dengan API untuk membuat penghapusan penyimpanan persisten saat tekanan memori berat lebih dapat diprediksi. Coba Storage Buckets API dalam uji coba origin yang berjalan dari Chrome 115 hingga Chrome 118.
- Chrome
Linimasa penghentian penggunaan Web SQL diperbarui
Web SQL dihapus sepenuhnya di Chromium 119.
- Chrome
Cara aplikasi pengeditan gambar Photopea menggunakan File Handling API untuk memungkinkan pengguna membuka file dari file explorer mereka
File Handling API memungkinkan aplikasi web mendaftarkan dirinya sebagai pengendali file untuk format file yang dapat didukung aplikasi. Pelajari cara aplikasi pengeditan gambar Photopea menggunakan API ini. (Artikel ini juga tersedia dalam bentuk
- Chrome
Yang baru di CSS dan UI: Edisi I/O 2023
20 fitur CSS dan UI teratas yang tidak ingin Anda lewatkan di Google I/O 2023.
- Chrome
Menemukan masalah formulir dengan Chrome DevTools
Tim Chrome DevTools sedang membangun fitur baru tambahan untuk membantu menemukan masalah formulir dan men-debug Isi Otomatis. Fitur ini masih dalam tahap awal desain dan implementasi, dan kami memerlukan pengujian serta masukan Anda.
- Chrome
10 info terbaru di Google I/O
Pelajari cara kami mempermudah developer dalam memberikan pengalaman yang luar biasa kepada pengguna melalui update penting dan peluncuran baru yang kami bagikan di Google I/O 2023.
- Chrome
WebGPU: Membuka akses GPU modern di browser
Pelajari cara WebGPU mengoptimalkan kekuatan GPU untuk performa machine learning yang lebih cepat dan rendering grafis yang lebih baik.
- Chrome
Isi otomatis bersama di seluruh iframe: proposal awal
Beberapa formulir memiliki kolom dalam iframe, yang menyebabkan masalah pada isi otomatis browser. Dengan isi otomatis bersama, frame induk dapat menentukan kredibilitas iframe lintas origin, untuk mendukung pengalaman isi otomatis yang lebih baik bagi pengguna.
- Chrome
Yang baru untuk web di Android 2023
Update pada alat yang menghadirkan web ke Android. Peningkatan privasi dan dukungan yang lebih baik untuk perangkat layar besar di WebView, tab kustom parsial di Tab Khusus, penginstalan yang lebih mudah, dan fitur terintegrasi untuk PWA, pengelolaan penagihan Play Store untuk TWA, dan lainnya.
- Chrome
WebDriver BiDi: Update status 2023
Artikel ini memberikan ringkasan tentang yang baru di BiDi WebDriver pada tahun 2023.
- Chrome
Bersiaplah untuk Google I/O
Buat agenda Anda sendiri untuk bersiap menghadapi Google I/O.
- Chrome
Menganimasikan elemen saat men-scroll dengan animasi berbasis Scroll
Pelajari cara menggunakan Linimasa Scroll dan Linimasa Tampilan untuk membuat animasi berbasis scroll secara deklaratif.
Yang Baru di DevTools (Chrome 114)
DevTools mengaktifkan Setelan > Eksperimen > Proses Debug WebAssembly: Aktifkan dukungan DWARF secara default. Untuk mengetahui informasi selengkapnya, lihat Men-debug WebAssembly dengan alat modern. Eksperimen ini memungkinkan Anda menjeda
- Chrome DevTools
- Chrome
Chrome 114 beta
Penyeimbangan judul CSS, CHIPS, peristiwa scrollend, dan popover.
- Chrome
Baru di Chrome 113
Chrome 113 kini diluncurkan! WebGPU ada di sini, memungkinkan grafik 3D kinerja tinggi dan komputasi paralel data di web, devtools dapat menggantikan header respons jaringan, First Party Set, bagian dari Privacy Sandbox, yang memungkinkan organisasi untuk menyatakan situs terkait mulai diluncurkan, dan masih banyak lagi.
- Chrome
Tentang pekerja layanan ekstensi
Pekerja layanan ekstensi adalah pengendali peristiwa pusat ekstensi. Itu membuat mereka berbeda dari pekerja layanan web.
- Chrome Extensions
Siklus proses pekerja layanan ekstensi
Pekerja layanan ekstensi merespons peristiwa dan peristiwa pekerja layanan standar di namespace ekstensi. Mereka disajikan bersama karena sering kali satu jenis mengikuti jenis lainnya selama penggunaan ekstensi.
- Chrome Extensions
Dasar-dasar pekerja layanan ekstensi
Pekerja layanan ekstensi diinstal dan diupdate secara berbeda dari pekerja layanan web.
- Chrome Extensions
Buramkan latar belakang kamera
Uji coba origin baru dari Chrome yang memungkinkan developer web mengontrol blur latar belakang kamera.
- Chrome
Peningkatan panggilan video dengan encoding AV1 yang lebih cepat
Chrome 113 menyertakan peningkatan pada encoder software AV1 dari tim Chrome Open Media.
- Chrome
Peristiwa di pekerja layanan
Pekerja layanan ekstensi merespons peristiwa pekerja layanan standar dan banyak peristiwa di API ekstensi.
- Chrome Extensions
Kueri Media update CSS
Sesuaikan UI Anda dengan kemampuan kecepatan refresh layar.
Yang Baru di WebGPU (Chrome Berikut 113)
WebGPU disertakan di Chrome dengan integrasi WebCodecs dalam uji coba origin.
- Chrome
- WebGpu
Resource Developer: Melihat dan memuat peta sumber secara manual
Gunakan panel Resource Developer untuk memeriksa apakah peta sumber berhasil dimuat dan memuatnya secara manual.
- Chrome DevTools
Tips DevTools: Peta sumber di DevTools
Gunakan peta sumber di DevTools untuk men-debug kode asli, bukan yang di-deploy.
- Chrome
- Chrome DevTools
Mengukur interaksi pengguna
Cara mengukur engagement pengguna di Tab Khusus.
Menambahkan interaktivitas khusus
Cara menambahkan tindakan kustom ke Tab Khusus.
Pemanasan dan pengambilan awal: menggunakan Layanan Tab Khusus
Pelajari cara memanfaatkan Layanan Tab Khusus untuk pengalaman pengguna yang lebih baik.
Memulai
Cara meluncurkan Tab Khusus dari aplikasi Android.
Multi-tasking dengan Tab Khusus Parsial
Pelajari cara menggunakan Tab Khusus sebagian agar pengguna dapat berinteraksi dengan aplikasi Anda saat melihat konten web.
Menyesuaikan UI
Cara membuat Tab Khusus cocok dengan tampilan dan nuansa aplikasi Anda.
Penginstalan UI yang lebih lengkap tersedia untuk desktop
Perangkat seluler dan app store telah mengubah cara pengguna menemukan, mengevaluasi, dan menginstal software. Aplikasi web kini menawarkan platform bagi developer untuk menyoroti aplikasi mereka pada saat penginstalan.
- Chrome
Kilas balik ke masa lalu: evolusi otomatisasi pengujian
Perjalanan menuju evolusi otomatisasi pengujian di web.
- Chrome
Perekaman audio dan screenshot
Cara merekam audio atau video dari tab, jendela, atau layar.
- Chrome Extensions
Chromium Chronicle #33: Views AnimationBuilder
Menggunakan animasi berbasis lapisan di View dapat meningkatkan performa dan mengurangi jank, tetapi sulit untuk disiapkan. Tujuan AnimationBuilder class ini dapat sangat mengurangi kompleksitas dan meningkatkan keterbacaan untuk lapisan animasi.
- Chrome
Menyelesaikan sambungan tata letak CSS dan urutan sumber
Masukan Anda diperlukan pada solusi yang diusulkan untuk masalah metode tata letak yang mengatur item dalam urutan yang terputus dari sumber dokumen.
- Chrome
Yang Baru di DevTools (Chrome 113)
Sekarang Anda dapat mengganti header respons di panel Jaringan. Sebelumnya, Anda memerlukan akses ke server web untuk bereksperimen dengan header respons HTTP. Dengan penggantian header respons, Anda dapat membuat prototipe perbaikan secara lokal
- Chrome DevTools
- Chrome
Cara sidebar Breakpoints baru membantu Anda men-debug lebih cepat
Untuk memudahkan tindakan umum seperti menghapus atau menonaktifkan titik henti sementara, kami telah mendesain ulang sidebar titik henti sementara sehingga Anda dapat melakukannya dengan sekali klik.
- Chrome
- Chrome DevTools
Chrome meluncurkan WebGPU
Tim Chrome mengirimkan WebGPU, yang memungkinkan grafik 3D berperforma tinggi dan komputasi paralel data di web.
- Chrome
- WebGpu
Chrome 113 beta
Fitur media CSS baru, fungsi easing linear(), dan WebGPU.
- Chrome
Rilis Chrome yang lebih cepat
Mulai Chrome 114, waktu antara cabang untuk rilis dan rilis ke stabil akan lebih singkat.
- Chrome
Baru di Chrome 112
Chrome 112 kini diluncurkan! Kini CSS mendukung aturan bertingkat, algoritma untuk menyetel fokus awal pada elemen dialog telah diperbarui, pengendali pengambilan tanpa pengoperasian pada pekerja layanan dilewati mulai sekarang untuk membuat navigasi lebih cepat, dan masih banyak lagi.
- Chrome
Menangani peristiwa dengan pekerja layanan
Pelajari cara membuat dan men-debug pekerja layanan ekstensi.
- Chrome Extensions
Tips DevTools: Apa yang dimaksud dengan peta sumber?
Pelajari cara peta sumber dapat membantu Anda men-debug kode asli, bukan yang di-deploy.
- Chrome DevTools
- Chrome
Ekstensi peta sumber ignoreList
Meningkatkan pengalaman proses debug di Chrome DevTools dengan ekstensi peta sumber ignoreList.
- Chrome
Dari Web SQL ke SQLite Wasm: panduan migrasi database
Dengan SQLite Wasm yang didukung oleh sistem file pribadi asal, ada pengganti serbaguna untuk teknologi database Web SQL yang tidak digunakan lagi. Artikel ini adalah panduan untuk memigrasikan data dari Web SQL ke SQLite Wasm. Postingan Penghentian
- Chrome
Berpartner dengan Fastly—Relai HTTP Oblivious untuk server k-anonymity FLEDGE
Kami meningkatkan tindakan privasi Chrome melalui kemitraan dengan Fastly untuk mengimplementasikan server k-anonymity untuk FLEDGE. Dengan data yang disampaikan melalui relai OHTTP dalam penerapan ini, server Google tidak menerima alamat IP pengguna akhir. Server k-anonymity merupakan langkah inkremental menuju implementasi penuh FLEDGE.
- Chrome
Meningkatkan privasi pengguna dengan mewajibkan keikutsertaan untuk mengirim header X-Requested-With dari WebView
Kita ingin melindungi privasi pengguna dengan membatasi kapan header X-Requested-With dikirim.
- Chrome
Mengupdate kode
Bagian pertama dari tiga bagian yang menjelaskan perubahan yang diperlukan untuk kode yang bukan bagian dari pekerja layanan ekstensi.
- Chrome Extensions
Chrome 112 beta
Penyusunan CSS, komposisi animasi, dan parameter pengirim untuk konstruktor FormData.
- Chrome
Ganti pemroses permintaan web pemblokiran
Bagian kedua dari tiga bagian yang menjelaskan perubahan yang diperlukan untuk kode yang bukan bagian dari pekerja layanan ekstensi.
- Chrome Extensions
Mengupdate manifes
File manifest.json memerlukan format yang sedikit berbeda untuk Manifest V3 dibandingkan Manifest V2.
- Chrome Extensions
Bermigrasi ke pekerja layanan
Pekerja layanan memungkinkan ekstensi berjalan hanya saat diperlukan, sehingga menghemat resource.
- Chrome Extensions
Transisi tampilan SPA hadir di Chrome 111
View Transition API memungkinkan transisi halaman dalam aplikasi web satu halaman, dan selanjutnya akan menyertakan aplikasi multi-halaman.
- Chrome
Yang Baru di DevTools (Chrome 112)
Perekam memperkenalkan dukungan untuk opsi replay kustom yang dapat Anda sematkan ke DevTools dengan ekstensi. Coba ekstensi contoh. Pilih opsi pemutaran ulang kustom baru untuk membuka UI pemutaran ulang kustom. Untuk menyesuaikan Perekam dengan
- Chrome DevTools
- Chrome
Meningkatkan keamanan ekstensi
Bagian terakhir dari tiga bagian yang menjelaskan perubahan yang diperlukan untuk kode yang bukan bagian dari pekerja layanan ekstensi.
- Chrome Extensions
Penyebaran CSS
Salah satu fitur preprocessor CSS favorit kami kini sudah di-build ke dalam bahasa: aturan gaya bertingkat.
Baru di Chrome 111
Chrome 111 kini diluncurkan! Buat transisi yang dipoles di aplikasi satu halaman dengan View Transitions API, dan tingkatkan warna dengan dukungan untuk warna CSS tingkat 4. Temukan alat baru di panel gaya untuk memaksimalkan fungsi warna baru, dan masih banyak lagi.
- Chrome
Tempat baru untuk Katalog Project Fugu API
Project Fugu API Showcase adalah kumpulan aplikasi yang menggunakan API yang merupakan bagian dari Project Fugu. Project Kemampuan lintas perusahaan (nama kode Project Fugu ) di Google bertujuan memungkinkan aplikasi web melakukan apa pun yang dapat
- Chrome
Privasi menang! Pengguna kini berbagi layar dengan lebih bijak
Dengan menggunakan teori dorongan, kami meminta pengguna untuk berhenti menembakkan kaki saat melakukan panggilan konferensi video.
- Chrome
Mengikat elemen satu sama lain dengan pemosisian anchor CSS
API baru akan hadir di platform web untuk membantu Anda memosisikan elemen dengan cara adaptif tanpa trik.
- Chrome
Bekerja sama dengan industri untuk mengembangkan CHIPS
Mempelajari dua tantangan yang dihadapi tim Chrome dalam menerapkan CHIPS dan bagaimana masukan komunitas memainkan peran penting dalam mengembangkan desain proposal.
- Chrome
Meningkatkan standar perilaku dalam diskusi standar
Cara tim Chrome bertujuan untuk mendorong diskusi yang lebih profesional, saling menghormati, dan inklusif.
- Chrome
Pesan native
Bertukar pesan dengan aplikasi native dari Ekstensi Chrome Anda.
- Chrome Extensions
Alat framework untuk penggantian font
Pelajari cara Next.js, Nuxt.js, dan library lainnya membantu menghasilkan CSS font pengganti tanpa CLS.
- Chrome
Memulai Kueri Gaya
Kueri gaya memungkinkan developer mengajukan kueri nilai gaya elemen induk menggunakan aturan @container. Di Chrome 111, kueri gaya untuk properti khusus CSS menjadi stabil. Pelajari cara memulainya.
Tips DevTools: Menemukan masalah CSS
Gunakan panel Styles dan Computed untuk menemukan masalah CSS dengan DevTools.
- Chrome DevTools
- Chrome
Mendapatkan bantuan terkait ekstensi Chrome
Tempat untuk mendapatkan bantuan terkait pertanyaan yang tidak tercakup dalam dokumentasi.
- Chrome Extensions
Perangkat
Referensi tab Perangkat.
- Chrome DevTools
Pintasan
Referensi tab pintasan.
- Chrome DevTools
Workspace
Referensi tab Workspace.
- Chrome DevTools
Yang Baru di DevTools (Chrome 111)
Proses debug warna HD, UX titik henti sementara yang ditingkatkan, dan lainnya.
- Chrome DevTools
- Chrome
Lokasi
Referensi tab Lokasi.
- Chrome DevTools
Eksperimen
Referensi tab Eksperimen.
- Chrome DevTools
Ringkasan setelan
Ringkasan setelan.
- Chrome DevTools
Perbaikan penggantian font
Penggantian `size-penyesuaian` dan metrik font yang baru memungkinkan developer membuat pengganti font yang sangat cocok dengan font web. Tindakan ini akan mengurangi pergeseran tata letak.
- Chrome
Yang baru di Lighthouse 10
Lighthouse 10 telah hadir dengan penskoran dan audit baru.
- Chrome
Chrome 111 beta
Jenis warna dan ruang warna CSS baru, fungsi trigonometri CSS, dan View Transitions API.
- Chrome
Berbicara dengan pengontrol Stadia dengan WebHID
Pengontrol Stadia yang di-flash bertindak seperti gamepad standar, yang berarti tidak semua tombolnya dapat diakses menggunakan Gamepad API. Dengan WebHID, Anda kini dapat mengakses tombol yang hilang. Sejak Stadia dimatikan, banyak yang khawatir
- Chrome
Apa yang dimaksud dengan tanda Chrome?
Aktifkan alat proses debug tambahan atau coba fitur baru atau eksperimental di Chrome.
Baru di Chrome 110
Chrome 110 kini diluncurkan! Tambahkan gaya kustom ke elemen picture-in-picture dengan class semu :picture-in-picture yang baru, tetapkan perilaku peluncuran aplikasi web Anda dengan launch_handler, gunakan atribut tanpa kredensial di iframe untuk menyematkan konten pihak ketiga yang tidak menetapkan kebijakan penyemat lintas asal, dan masih banyak lagi.
- Chrome
Cara menggunakan CrUX History API
Pelajari CrUX History API dan cara menggunakannya untuk melacak tren pengalaman pengguna.
- Chrome UX Report
Yang Baru di DevTools (Chrome 110)
Menghapus panel Performance saat memuat ulang, melihat dan menandai kode di Perekam Suara, dan lainnya.
- Chrome
- Chrome DevTools
Chromium Chronicle #32: Mengatasi celah patch
Pelajari cara developer Chromium dapat mengurangi kemungkinan eksploitasi dalam sehari.
- Chrome
Persyaratan baru untuk Web Share API di iframe pihak ketiga
Untuk meningkatkan privasi dan keamanan, panggilan Web Share API di iframe pihak ketiga kini harus diizinkan secara eksplisit. Artikel ini membahas perubahan yang berpotensi menyebabkan gangguan di Web Share API. Perubahan ini sudah ada di Firefox,
- Chrome
Info terbaru Akses Jaringan Pribadi: Mengumumkan ekstensi Uji Coba Penghentian Layanan
Chrome menghentikan akses ke endpoint jaringan pribadi dari situs publik yang tidak aman sebagai bagian dari spesifikasi Akses Jaringan Pribadi. Uji coba penghentian tersedia hingga Chrome 113.
- Chrome
Inilah ruang warna CSS baru
CSS Color 4 menghadirkan alat dan kemampuan warna gamut yang luas ke web: lebih banyak warna, fungsi manipulasi, dan gradien yang lebih baik.
- Chrome
Panduan warna CSS definisi tinggi
CSS Color 4 menghadirkan alat dan kemampuan warna gamut yang luas ke web.
Akses lebih banyak warna dan ruang baru
CSS Color 4 menghadirkan alat dan kemampuan warna gamut yang luas ke web.
Bermigrasi ke warna CSS HD
CSS Color 4 menghadirkan alat dan kemampuan warna gamut yang luas ke web.
Masa depan Picture-in-Picture
Berita tentang uji coba origin dari Chrome yang memungkinkan konten HTML arbitrer di jendela yang selalu berada di atas.
- Chrome
CSS color-mix()
Kombinasikan warna, di salah satu ruang warna yang didukung, langsung dari CSS Anda.
- Chrome
Tips DevTools: Men-debug PWA
Men-debug Progressive Web App dengan DevTools.
- Chrome DevTools
- Chrome
Masa aktif pekerja layanan ekstensi yang lebih lama
Pekerja layanan ekstensi kini dapat tetap hidup selama mereka menerima peristiwa. Hal ini meningkatkan keandalan pekerja layanan ekstensi, tetapi memiliki jebakan yang harus Anda hindari.
- Chrome Extensions
- Chrome
Yang baru di DevTools
Dapatkan info terkini terkait perubahan DevTools terbaru.
- Chrome DevTools
Dokumen Luar Layar di Manifes V3
Memperkenalkan Offscreen Documents API untuk pengembangan ekstensi Chrome.
- Chrome Extensions
- Chrome
Halaman offline dasar untuk aplikasi web di Chrome Android
Mulai Chrome 109, browser akan otomatis membuat halaman default untuk menunjukkan bahwa aplikasi saat ini offline saat aplikasi web yang terinstal di Android tidak memiliki pengalaman offline sendiri.
- Chrome
Scrollend, peristiwa JavaScript baru
Hapus fungsi waktu tunggu Anda dan hilangkan bug mereka, inilah acara yang benar-benar Anda butuhkan: scrollend.
- Chrome
Kontrol batas karakter lepas dengan huruf awal CSS
Ucapkan "Selamat tinggal" pada solusi menarik untuk menata gaya topi drop Anda!
- Chrome
Menemukan web yang andal
Kemampuan web lanjutan apa yang didukung browser Anda? Dan apa saja aplikasi web yang memanfaatkan kemampuan ini? Untuk menjawab pertanyaan-pertanyaan ini, lihat situs pengujian browser dan ekstensi browser. Project Fugu adalah upaya lintas
- Chrome
Chrome 110 beta
Huruf awal CSS, pengendali peluncuran aplikasi web, dukungan iframe lintas origin untuk FedCM API, dan banyak lagi.
- Chrome
Atribut Berakhir Cookie dan Max-Age sekarang memiliki batas atas
Mulai rilis Chrome M104 (Agustus 2022), cookie tidak dapat lagi menetapkan tanggal habis masa berlaku lebih dari 400 hari di masa mendatang.
- Chrome
Iframe tanpa kredensial: Sematkan iframe dengan mudah di lingkungan COEP
Iframe tanpa kredensial diterapkan di Chrome 110. Fitur ini memberi developer cara memuat dokumen di iframe pihak ketiga menggunakan konteks singkat dan baru. Sebagai imbalannya, aset tersebut tidak lagi tunduk pada aturan penyematan COEP. Developer yang menggunakan COEP kini dapat menyematkan iframe pihak ketiga yang tidak menggunakan COEP sendiri.
- Chrome
Pastikan halaman dapat dipulihkan dari back-forward cache
Cara menggunakan Lighthouse untuk menguji apakah halaman dapat dipulihkan dari back-forward cache.
Mengubah perangkat output tujuan di Audio Web
Pelajari cara mengubah tujuan output audio secara terprogram di Audio Web.
- Chrome
Mengambil favicon
Cara mendapatkan favicon situs.
- Chrome Extensions
SQLite Wasm di browser yang didukung oleh Origin Private File System
Gunakan SQLite untuk menangani semua kebutuhan penyimpanan Anda dengan performa yang baik di web. SQLite adalah sistem manajemen database relasional yang populer, open source, ringan, dan tersemat. Banyak developer menggunakannya untuk menyimpan data
- Chrome
Yang Baru di DevTools (Chrome 109)
Salin langkah sebagai skrip di Perekam Suara, nama fungsi sebenarnya dalam rekaman pertunjukan, dan lainnya.
- Chrome
- Chrome DevTools
Baru di Chrome 109
Chrome 109 kini diluncurkan. Origin Private File System API kini tersedia untuk Android. Tersedia serangkaian properti baru di CSS, Anda dapat menambahkan notasi matematika dengan mudah di HTML dengan dukungan untuk inti MathML, dan masih banyak lagi.
- Chrome
Pembahasan mendalam RenderingNG: Fragmentasi blok LayoutNG
Fragmentasi blok di LayoutNG kini telah selesai. Pelajari cara kerjanya dan mengapa hal ini penting dalam artikel ini.
- Chromium
Tips DevTools: Proses Debug Project Fugu API
Gunakan DevTools untuk men-debug Project Fugu API.
- Chrome
- Chrome DevTools
Perubahan pada jadwal rilis dari Chrome 110
Mulai Chrome 110, versi stabil awal akan dirilis ke sebagian kecil pengguna.
- Chrome
Apa yang dimaksud dengan saluran rilis Chrome?
Pelajari cara Chrome menggunakan saluran rilis Canary, Dev, Beta, dan Stabil untuk menguji fitur baru, serta meluncurkan update.
Memahami Variasi Chrome
Mekanisme bagi Chrome untuk menguji fitur browser baru
Membantu memilih sintaksis untuk Penyebaran CSS
CSS Working Group terus melanjutkan perdebatan tentang cara terbaik untuk menentukan tingkatan (nesting) di CSS. Jika Anda adalah pihak yang menulis CSS, kami memerlukan bantuan Anda.
- Chrome
Chrome Dev Insider: Tahun yang
Info terbaru dari tim Platform Web Chrome tempat kami menunjukkan kisah di balik layar developer untuk berbagi perspektif, percakapan, dan info terbaru.
- Chrome
Pembaruan Kebijakan Chrome Web Store
Chrome memperbarui Kebijakan Program Developer Chrome Web Store untuk menyatakan akun utama pemandu dengan jelas, memberikan lebih banyak konteks terkait penegakan, dan membuat kebijakan kami lebih mudah dipahami.
- Chrome
- Chrome Extensions
Memaksimalkan relevansi iklan
Dokumentasi baru untuk Privacy Sandbox tentang relevansi iklan tanpa cookie pihak ketiga.
- Chrome
Yang perlu diketahui developer tentang mode Penghemat Memori dan Energi Chrome
Pelajari cara memastikan halaman Anda dapat menangani mode penghemat Memori dan Energi baru di Chrome dengan baik.
- Chrome
Tips DevTools: Mode Perangkat
Simulasikan perangkat mobule dengan Mode Perangkat di DevTools.
- Chrome DevTools
- Chrome
Chrome 109 beta
MathML, fokus bersyarat untuk getDisplayMedia(), Origin Private File System di Android, dan banyak lagi.
- Chrome
Konfirmasi Pembayaran Aman di Chrome Android
Konfirmasi Pembayaran Aman membawa konfirmasi pembayaran yang tahan terhadap phishing dengan kecanggihan kunci sandi ke web. Kebijakan ini akan tersedia di Chrome Android mulai Chrome 109.
- Chrome
Ekstensi Chrome: Memperluas API untuk mendukung Navigasi Instan
Extensions API telah diupdate untuk mendukung back-forward cache, navigasi pramuat.
- Chrome
- Chrome Extensions
Login tanpa sandi di formulir dengan isi otomatis kunci sandi WebAuthn
UI kondisional WebAuthn memanfaatkan fungsi isi otomatis formulir browser untuk memungkinkan pengguna login dengan kunci sandi dengan lancar dalam alur berbasis sandi tradisional.
Baru di Chrome 108
Chrome 108 kini diluncurkan. Ada Intl API baru untuk memberi Anda lebih banyak kontrol saat memformat angka. Tersedia uji coba origin untuk Pop Up API baru, yang memudahkan untuk menampilkan konten penting kepada pengguna. Ada beberapa peningkatan CSS. Dan masih banyak lagi.
- Chrome
Berbagi layar lebih baik dengan Fokus Kondisional
Fokuskan tab atau jendela secara bersyarat saat berbagi layar di web.
Peningkatan fitur berbagi layar di Chrome 109
Detail tentang dua peningkatan berbagi layar untuk web—mekanisme untuk mengontrol fokus tab saat berbagi layar, dan mekanisme untuk mengontrol pemutaran audio lokal.
- Chrome
Tips DevTools: Mengidentifikasi peningkatan CSS
Gunakan panel Ringkasan CSS untuk mengidentifikasi potensi peningkatan CSS.
- Chrome DevTools
- Chrome
Menemukan CSS yang tidak valid, diganti, tidak aktif, dan CSS lainnya
Temukan masalah terkait properti CSS secara sekilas.
- Chrome DevTools
Manifes - oauth2
Dokumentasi referensi untuk properti oauth2 manifest.json.
- Chrome Extensions
Tips DevTools: Navigasi DevTools yang lebih cepat
Pelajari cara mempercepat alur kerja dengan navigasi DevTools yang lebih cepat menggunakan pintasan dan setelan.
- Chrome DevTools
- Chrome
Dasbor CrUX
Menggunakan Dasbor CrUX untuk memvisualisasikan data BigQuery CrUX
- Chrome UX Report
Tidak semua penyimpanan dibuat sama: memperkenalkan Bucket Storage
Bucket Penyimpanan adalah API untuk membuat penggusuran penyimpanan yang persisten pada tekanan memori berat lebih mudah diprediksi.
- Chrome
Pembaruan Kebijakan Chrome Web Store
Chrome memperbarui Kebijakan Program Developer Chrome Web Store untuk menyatakan akun utama pemandu dengan jelas, memberikan lebih banyak konteks terkait penegakan, dan membuat kebijakan kami lebih mudah dipahami.
- Chrome
- Chrome Extensions
Manifes - input_components
Dokumentasi referensi untuk properti input_components dari manifest.json.
- Chrome Extensions
Chrome 108 beta
Unit area pandang CSS baru, Federated Credential Management API, Font COLRv1 variabel, dan lainnya.
- Chrome
Bersiap menghadapi perubahan perilaku pengubahan ukuran area pandang yang akan hadir di Chrome di Android
Perubahan apa saja yang akan diterapkan pada perilaku pengubahan ukuran area pandang di Chrome 108, alasan Chrome melakukan perubahan ini, dan tindakan yang dapat Anda lakukan untuk mempersiapkannya.
- Chrome
Pembaruan pada perilaku peristiwa CanMakePayment dari Payment Handler API
Peristiwa pekerja layanan `canmakepayment` di Payment Handler API memungkinkan penjual mengetahui apakah pengguna memiliki kartu yang tersimpan di aplikasi pembayaran yang terinstal. Chrome menghapus properti yang dilampirkan ke peristiwa.
- Chrome
Yang Baru di DevTools (Chrome 108)
Petunjuk untuk properti CSS yang tidak aktif, XPath dan pemilih teks baru di Perekam Suara, dan lainnya.
- Chrome DevTools
- Chrome
Tips DevTools: Berbagai cara untuk membuka DevTools
Temukan semua cara untuk membuka Chrome DevTools.
- Chrome
- Chrome DevTools
Perubahan yang dapat menyebabkan gangguan: metode sinkronisasi untuk AccessHandles
Untuk menyederhanakan kerja dengan AccessHandles dalam konteks seperti Emscripten, kami membuat metode antarmuka FileSystemSyncAccessHandle menjadi sinkron.
- Chrome
Baru di Chrome 107
Chrome 107 kini diluncurkan! Ada properti baru di Screen Capture API yang meningkatkan pengalaman berbagi layar.Kini Anda dapat mengidentifikasi secara tepat apakah resource di halaman memblokir rendering atau tidak.Ada cara baru untuk mengirim data ke server backend dengan PendingBeacon API deklaratif dalam uji coba origin. Dan masih banyak lagi.
- Chrome
Membuat situs Anda lebih mudah dibaca
Temukan dan perbaiki teks kontras rendah dengan DevTools.
- Chrome DevTools
Tips DevTools: Menemukan dan memperbaiki teks kontras rendah
Pelajari cara menggunakan Chrome DevTools untuk menemukan dan memperbaiki teks kontras rendah.
- Chrome DevTools
- Chrome
Token Status Pribadi berganti nama menjadi Token Status Pribadi
Trust Token API akan diganti namanya menjadi Private State Token API untuk menjelaskan manfaat privasi dan utilitasnya dengan lebih baik.
- Chrome
Pendanaan Aplikasi Web Lanjutan - Pembaruan Oktober 2022
Melalui Advanced Web Apps Fund, kami telah mensponsori 11 proyek, yang mendistribusikan lebih dari $100 ribu melalui Open Collective, untuk mengakui pentingnya pekerjaan ini dan memungkinkan lebih banyak orang menghabiskan waktu untuk proyek-proyek ini.
- Chrome
Menyesuaikan dan mengotomatiskan alur penggunaan di luar Chrome DevTools Recorder
Pelajari cara menyesuaikan dan mengotomatiskan alur penggunaan di luar Chrome DevTools Recorder.
- Chrome
Di dalam polyfill kueri container
Pelajari cara polyfill kueri container membawa dukungan kueri container ke browser yang lebih lama.
- Chrome
Membantu memilih sintaksis untuk hasil survei bertingkat CSS
Lihat hasil dari 7.590 opini developer.
- Chrome
Cara baru untuk memulai perjalanan pengembangan Ekstensi Chrome Anda
Cara yang lebih baik untuk memulai perjalanan pembelajaran developer Chrome.
- Chrome
- Chrome Extensions
Perubahan pada tambahan pada elemen yang diganti di CSS
Peringatan lanjutan tentang perubahan perilaku CSS yang dapat menyebabkan overflow yang tidak diinginkan.
- Chrome
Chrome Dev Insider: Meningkatkan performa dengan ekosistem framework
Info terbaru dari tim Platform Web Chrome tempat kami menunjukkan kisah di balik layar developer untuk berbagi perspektif, percakapan, dan info terbaru.
- Chrome
Memasukkan skrip ke tab aktif
Pelajari cara menyederhanakan gaya halaman saat ini.
- Chrome Extensions
Apakah Project Fugu "selesai"?
Artikel ini berfokus pada pergeseran fokus tim Project Fugu dari menerapkan kemampuan baru ke menyempurnakan dan meningkatkan kemampuan yang sudah ada.
- Chrome
Mengelola tab
Pelajari cara mengatur tab secara terprogram menggunakan grup tab.
- Chrome Extensions
Ekstensi Hello World
Buat ekstensi Chrome Hello World pertama Anda.
- Chrome Extensions
Menjalankan skrip di setiap halaman
Pelajari cara menambahkan elemen baru secara otomatis ke halaman web yang ada.
- Chrome Extensions
Manifes - Penulis
Dokumentasi referensi untuk properti nama penulis di manifest.json.
- Chrome Extensions
Payment Handler API akan memerlukan connect-src CSP
Pengguna Payment Handler API harus menambahkan endpoint pembayaran ke perintah `connect-src` jika Anda menggunakan CSP.
- Chrome
Hindari berbagi secara berlebihan saat berbagi layar
Platform web kini dilengkapi dengan kontrol tambahan untuk menjaga privasi saat berbagi layar.
- Chrome
Chrome 107 beta
Penambahan pada Screen Capture API, properti template petak CSS, dan lainnya.
- Chrome
Kontrol berbagi layar yang menjaga privasi
Pandu pengguna agar tidak berbagi secara berlebihan berkat kontrol berbagi layar yang menjaga privasi di web.
Tips DevTools: Mengedit, men-debug, dan mengekspor rekaman alur pengguna
Gunakan panel Perekam dan ekstensinya untuk mengedit, men-debug, dan mengekspor rekaman alur pengguna.
- Chrome
- Chrome DevTools
Detail selengkapnya tentang transisi ke Manifes V3
Detail baru tentang rencana untuk memindahkan ekstensi ke Manifes V3
- Chrome Extensions
- Chrome
Baru di Chrome 106
Chrome 106 kini diluncurkan. Ada Intl API baru untuk memberi Anda lebih banyak kontrol saat memformat angka. Tersedia uji coba origin untuk Pop Up API baru, yang memudahkan untuk menampilkan konten penting kepada pengguna. Ada beberapa peningkatan CSS. Dan masih banyak lagi.
- Chrome
Cara Chrome menyiapkan update untuk miliaran pengguna
"Percakapan dengan Manajer Program Teknis di tim rilis Chrome, mempelajari cara mereka memastikan setiap rilis berjalan lancar."
- Chrome
Yang Baru di DevTools (Chrome 107)
Sesuaikan pintasan keyboard, sorot objek C/C++ di Memory Inspector dan lainnya.
- Chrome DevTools
- Chrome
Yang Baru di DevTools (Chrome 106)
Dukungan yang lebih baik untuk proses debug web modern, perincian waktu LCP di Insight Performa, dan lainnya.
- Chrome
- Chrome DevTools
Kueri container mulai ditempatkan di browser stabil sementara polyfill mendapatkan update besar
"Kueri container memungkinkan komponen memiliki informasi gaya visual responsifnya berdasarkan ruang yang sesuai. Fitur ini mulai diluncurkan ke browser modern, dan ada update besar untuk dukungan polyfill."
- Chrome
Pop-up: Mereka muncul kembali!
Pola yang bermasalah menjadi jauh lebih mudah dengan API bawaan baru yang akan tersedia di platform.
- Chrome
Memperluas Memory Inspector untuk proses debug C/C++
Pelajari cara kami meningkatkan proses debug aplikasi C/C++ WebAssembly dengan Memory Inspector
- Chrome
Uji coba origin iframe anonim: Sematkan iframe dengan mudah di lingkungan COEP
Developer yang menggunakan COEP kini dapat menyematkan iframe pihak ketiga yang tidak menggunakan COEP sendiri. Uji coba origin iframe anonim tersedia untuk pengujian di Chrome mulai versi 106 hingga 108.
- Chrome
Tips DevTools: Cara memeriksa dan men-debug flexbox CSS
Pelajari cara menggunakan Chrome DevTools untuk memeriksa, memodifikasi, dan men-debug tata letak flexbox CSS.
- Chrome DevTools
- Chrome
Penghentian dan penghapusan di Chrome 106
Rangkuman penghentian penggunaan dan penghapusan di Chrome 106 untuk membantu Anda melakukan perencanaan.
- Chrome
Studi Kasus: Proses Debug Angular yang Lebih Baik dengan DevTools
Dengan menggunakan Angular sebagai uji coba uji coba, tim Chrome DevTools dan Angular berkolaborasi untuk menawarkan pengalaman proses debug yang lebih baik. Framework lain dapat mengirimkan perubahan serupa.
- Chrome
Proses debug web modern di Chrome DevTools
Lihat beberapa perubahan terbaru di Chrome DevTools yang meningkatkan pengalaman proses debug dan pembuatan profil saat bekerja dengan pemaket, framework, dan kode pihak ketiga.
- Chrome
Menghentikan penggunaan dan menghapus Web SQL
Web SQL pertama kali diusulkan pada April 2009 dan ditinggalkan pada November 2010. Kebijakan ini dihapus dari Chrome secara bertahap, awalnya dalam konteks yang tidak aman, kemudian dihapus sepenuhnya pada Chrome 119.
- Chrome
Baru di Chrome 105
Chrome 105 kini diluncurkan. Kueri penampung dan :has() sama-sama cocok. Sanitizer API baru menyediakan prosesor yang tangguh untuk string arbitrer guna membantu mengurangi kerentanan pembuatan skrip lintas situs. Kami mengambil langkah selanjutnya untuk menghentikan penggunaan WebSQL. Dan masih banyak lagi.
- Chrome
Kompresi dan dekompresi di browser dengan Compression Streams API
Menulis aplikasi web yang lebih kecil yang tidak perlu mengirimkan library kompresi atau dekompresi sendiri Compression Streams API digunakan untuk mengompresi dan mendekompresi aliran data menggunakan format gzip atau deflate (atau deflate-raw).
- Chrome
Mengoptimalkan Gambar dengan Angular Image Directive
Memperkenalkan perintah gambar Angular (NgOptimizedImage) baru yang menghadirkan teknik pengoptimalan performa bawaan ke gambar di aplikasi Angular.
- Chrome
Tips DevTools: Cara mempercepat alur kerja dengan pintasan Console
Gunakan pintasan yang disediakan oleh Console Utilities API untuk melihat dengan cepat elemen terbaru, membuat kueri objek, memantau peristiwa serta panggilan fungsi, dan lainnya.
- Chrome
- Chrome DevTools
Perkenalkan lapisan teratas: solusi untuk indeks z:10000
Dengan API dan komponen bawaan baru yang hadir di platform, apa ini 'Lapisan teratas' yang memungkinkan kita untuk menggunakannya?
- Chrome
Menghapus Server Push HTTP/2 dari Chrome
Push Server HTTP/2 akan dinonaktifkan secara default di Chrome 106
- Chrome
Tips DevTools: Cara memeriksa petak CSS
Pelajari cara menggunakan Chrome DevTools untuk melihat dan mengubah tata letak petak CSS.
- Chrome DevTools
- Chrome
Dapatkah browser mengoptimalkan pemuatan resource pihak ketiga?
Mendorong perubahan untuk pemuatan resource pihak ketiga yang lebih baik di web
- Chrome
Yang Baru di DevTools (Chrome 105)
Mendukung replay langkah demi langkah dan mengarahkan mouse ke peristiwa di Perekam, LCP di panel Insight performa, dan lainnya.
- Chrome DevTools
- Chrome
Tips DevTools: Cara memeriksa dan mengubah animasi CSS
Gunakan tab Animasi untuk memeriksa dan mengubah animasi CSS, transisi, dan lainnya.
- Chrome
- Chrome DevTools
Tips DevTools: Dapatkan hasil analisis yang bisa ditindaklanjuti di performa situs
Dapatkan hasil analisis yang bisa ditindaklanjuti tentang performa situs Anda dengan panel Analisis performa yang baru
- Chrome DevTools
- Chrome
Penghentian dan penghapusan di Chrome 105
Rangkuman penghentian penggunaan dan penghapusan di Chrome 105 untuk membantu Anda melakukan perencanaan.
- Chrome
@container dan :has(): dua API responsif baru yang andal di Chromium 105
"Kueri container dan :has() sama-sama cocok di aplikasi responsif. Untungnya, kedua fitur ini muncul bersamaan di Chromium 105. Ini adalah rilis besar dengan dua fitur yang banyak diminta untuk antarmuka responsif!"
- Chrome
:has(): pemilih keluarga
Dengan landing :has() di Chromium 105. Mari kita lihat beberapa peluang luar biasa yang dihadirkan oleh CSS kita!
- Chrome
Perubahan pada NavigationEvent di Chrome 105
Navigation API mendapatkan dua metode baru di NavigationEvent: intercept() menggantikan transisiThirdSementara() dan scroll() menggantikan RestoreScroll().
- Chrome
Baru di Chrome 104
Chrome 104 kini diluncurkan! Pengambilan wilayah menentukan area pemangkasan saat menggunakan getDisplayMedia() untuk mengambil tab saat ini. Sintaksis kueri media dapat ditulis menggunakan operator perbandingan matematika. Transisi Elemen Bersama memulai uji coba origin. Dan masih banyak lagi.
- Chrome
Format kustom web untuk Async Clipboard API
Format kustom web memungkinkan situs membaca dan menulis payload bermasalah arbitrer menggunakan format standar. Aplikasi format standar dapat memilih ikut serta untuk mendukung payload tersebut.
- Chrome
Memperbarui Analisis di Dasbor Developer Chrome Web Store
Google meluncurkan pengalaman analisis item yang telah diperbarui untuk Dasbor Developer Chrome Web Store. Dasbor baru ini lebih mudah dipahami jika dilihat sekilas dan menggabungkan informasi yang paling berguna di awal.
- Chrome
- Chrome Extensions
Tips DevTools: Cara mencatat pesan ke dalam log di Console
Gunakan Console untuk mencatat variabel, objek, dan pesan, memfilter dan mengelompokkan pesan, serta banyak lagi.
- Chrome DevTools
- Chrome
Membantu memilih sintaksis untuk penyusunan bertingkat CSS
Dua sintaksis yang bersaing memerlukan bantuan Anda dalam menentukan mana yang harus diperjuangkan kepada kandidat spesifikasi.
- Chrome
Dukungan lapisan atas di Chrome DevTools
Temukan lapisan atas dan pelajari cara Chrome DevTools mengimplementasikan dukungan untuknya.
- Chrome
Pembaruan tentang Pendanaan Framework Web Chrome untuk 2022
Kami membagikan info terbaru tentang penerima pendanaan framework web Chrome
- Chrome
Tips DevTools: Cara mengemulasi fitur media preferensi pengguna CSS dengan DevTools
Gunakan tab Rendering untuk meniru preferensi pengguna dan menguji perilaku adaptif pengguna situs Anda.
- Chrome
- Chrome DevTools
Yang Baru di DevTools (Chrome 104)
Memulai ulang frame selama proses debug, opsi replay lambat di panel Perekam Suara, dan lainnya.
- Chrome DevTools
- Chrome
Chrome Dev Insider: Edisi CSS dan UI
Info terbaru dari tim Platform Web Chrome tempat kami menunjukkan kisah di balik layar developer untuk berbagi perspektif, percakapan, dan info terbaru.
- Chrome
Signed HTTP Exchanges diluncurkan untuk situs desktop
Mengumumkan dukungan Signed HTTP Exchange untuk browser Chromium di desktop beserta peluncuran fitur terbaru lainnya.
- Chrome
Tips DevTools: Cara memeriksa kueri penampung CSS
Periksa dan debug kueri container CSS dengan DevTools.
- Chrome DevTools
- Chrome
Memeriksa dan men-debug kueri penampung CSS
Pelajari cara menggunakan Chrome DevTools untuk memeriksa, mengubah, dan men-debug kueri container CSS.
- Chrome DevTools
Penghentian dan penghapusan di Chrome 104
Rangkuman penghentian penggunaan dan penghapusan di Chrome 104 untuk membantu Anda melakukan perencanaan.
- Chrome
Baru di Chrome 103
Chrome 103 kini diluncurkan! Ada kode status HTTP baru yang membantu browser memutuskan konten apa yang akan di-pramuat sebelum halaman mulai muncul. Local Font Access API memberikan kemampuan pada aplikasi web untuk menghitung dan menggunakan font yang diinstal di komputer pengguna. Ada cara yang lebih mudah untuk menerapkan waktu tunggu pada API asinkron. Dan masih banyak lagi.
- Chrome
Yang Baru di DevTools (Chrome 103)
Rekam peristiwa klik dua kali dan klik kanan, opsi baru untuk mengukur alur pengguna di Lighthouse dan banyak lagi.
- Chrome
- Chrome DevTools
Referensi fitur aksesibilitas
Referensi komprehensif tentang fitur aksesibilitas di Chrome DevTools.
- Chrome DevTools
Baru di Chrome 102
Chrome 102 kini diluncurkan! PWA yang terinstal dapat mendaftar sebagai pengendali file, sehingga memudahkan pengguna untuk membuka file langsung dari disk. Atribut inert memungkinkan Anda menandai bagian DOM sebagai inert. Navigation API memudahkan aplikasi web satu halaman untuk menangani navigasi dan pembaruan URL. Dan masih banyak lagi!
- Chrome
Cara dan alasan kami membuat Insight Performa
Cara dan alasan kami membuat panel Insight Performa.
- Chrome
Konfirmasi Pembayaran Aman
Ringkasan tingkat tinggi tentang standar web yang diusulkan untuk memungkinkan autentikasi aman dengan penyedia layanan pembayaran.
Autentikasi dengan Konfirmasi Pembayaran Aman
Menerapkan protokol autentikasi untuk SPC, guna memvalidasi transaksi pelanggan.
Panduan Migrasi WebAssembly
Mengingat momentum dukungan WebAssembly lintas browser, kami berencana untuk upaya kode native di WebAssembly ke depannya dan berencana menghapus dukungan untuk PNaCl pada K4 2019 (kecuali untuk Aplikasi Chrome). Kami percaya bahwa
Mendaftarkan Konfirmasi Pembayaran Aman
Terapkan protokol dan alur pendaftaran untuk SPC, sehingga pelanggan dapat melakukan autentikasi dengan kuat terhadap penerbit kartu atau bank langsung dari penjual.
Penghentian dan penghapusan di Chrome 103
Rangkuman penghentian penggunaan dan penghapusan di Chrome 103 untuk membantu Anda melakukan perencanaan.
- Chrome
Dukungan alat Interaction to Next Paint (INP)
Dukungan untuk Interaction to Next Paint di seluruh alat performa Chrome.
- Chrome
Aplikasi multihalaman yang lebih cepat dengan streaming
Pelajari cara menggunakan streaming kotak kerja untuk membuat aplikasi multihalaman yang menggunakan markup parsial dari cache pekerja layanan dan konten sebagian dari jaringan untuk menciptakan pengalaman cepat yang dirender hampir secara instan.
Proxy pengambilan data pribadi di Chrome untuk administrator jaringan
Ringkasan cara memfilter konten pada navigasi yang telah diambil.
Mempercepat LCP dengan pengambilan data lintas situs
Pengantar teknologi yang tersedia.
- Chrome
Proxy pengambilan data pribadi di Chrome
Mempercepat Largest Contentful Paint (LCP) dengan pengambilan data lintas situs.
- Chrome
Proses Debug WebAssembly Lebih Cepat
Cara kami mempercepat proses debug WebAssembly untuk aplikasi besar.
- Chrome
Yang Baru di DevTools (Chrome 102)
Panel analisis Performa baru, pintasan untuk mengemulasi tema terang/gelap, dan lainnya.
- Chrome
- Chrome DevTools
Berbagi tab yang lebih baik dengan Capture Handle
Platform web kini dilengkapi dengan Capture Handle, yaitu mekanisme yang memungkinkan aplikasi web perekaman untuk mengidentifikasi aplikasi web yang direkam secara ergonomis dan meyakinkan, jika aplikasi web yang direkam telah ikut serta.
Pendanaan Aplikasi Web Lanjutan
Mengumumkan Pendanaan Aplikasi Web Lanjutan, yang mendukung mereka yang menjadikan web lebih canggih.
- Chrome
Melihat properti objek DOM
Menampilkan dan memfilter properti objek DOM.
- Chrome DevTools
Menguji back-forward cache
Pastikan halaman Anda dioptimalkan untuk back-forward cache.
- Chrome DevTools
Baru di Chrome 101
Chrome 101 kini diluncurkan dengan metode baru untuk menentukan warna menggunakan notasi hwb, dan prioritas pengambilan memberikan cara untuk memberikan petunjuk kepada browser tentang urutan yang ideal untuk mendownload resource. Dan masih banyak lagi!
- Chrome
Membuat konten yang diciutkan dapat diakses dengan fungsi tersembunyi=sampai-ditemukan
Cara nilai atribut baru ini dapat memastikan bahwa konten dalam bagian akordeon dapat ditemukan dan ditautkan.
Mengoptimalkan LCP menggunakan Signed HTTP Exchange
Signed HTTP Exchange adalah sarana bagi developer web untuk secara substansial meningkatkan kecepatan pemuatan halaman yang berasal dari perujuk SXG seperti Google Penelusuran. Fitur ini dapat memberikan manfaat hanya dengan mengaktifkan kotak centang, namun Anda dapat melakukan langkah tambahan untuk mendapatkan hasil maksimal.
- Chrome
Mengontrol fitur browser dengan Kebijakan Izin
Kelola cara halaman dan iframe pihak ketiga sematan mengakses fitur browser.
Pembahasan mendalam RenderingNG: BlinkNG
Cari tahu tentang BlinkNG dan berbagai subproject yang membahas masalah yang telah lama ada dalam organisasi dan struktur kode Blink.
- Chromium
Menyematkan konten dengan aman di situs Anda
Pelajari beberapa elemen HTML yang digunakan untuk menyematkan konten dan cara mengoptimalkan keamanan.
- Chrome
Memperkenalkan Chrome Dev Insider
Seri baru dari tim Platform Web Chrome tempat kami membawa developer ke belakang layar untuk berbagi perspektif, percakapan, dan info terbaru.
- Chrome
Menemukan masalah terkait performa rendering
Menemukan pengecatan ulang tempat, pergeseran tata letak, lapisan dan kartu, masalah scroll, lihat statistik rendering dan Data Web Inti.
- Chrome DevTools
Emulasi fitur media CSS
Emulasikan preferensi-warna-skema, jenis media, warna paksa, lebih suka kontras, preferensi-pengurangan-gerakan, warna-gamut.
- Chrome DevTools
Ringkasan tab Rendering
Temukan kumpulan opsi yang memengaruhi rendering konten web.
- Chrome DevTools
Yang Baru di DevTools (Chrome 101)
Mengimpor dan mengekspor alur pengguna sebagai JSON, mendukung warna hwb(), melihat lapisan menurun di panel Styles, dan banyak lagi.
- Chrome DevTools
- Chrome
Penghentian dan penghapusan di Chrome 101
Rangkuman penghentian penggunaan dan penghapusan di Chrome 101 untuk membantu Anda melakukan perencanaan.
- Chrome
Penghentian dan penghapusan di Chrome 102
Rangkuman penghentian penggunaan dan penghapusan di Chrome 102 untuk membantu Anda melakukan perencanaan.
- Chrome
Baru di Chrome 100
Chrome 100 kini diluncurkan dengan nomor versi tiga digit. Berjalan-jalanlah di jalur memori dan rayakan #100CoolWebMoments sejak rilis pertama Chrome. Ada beberapa perubahan penting pada string agen pengguna. Multi-Screen Window Placement API memungkinkan untuk menghitung tampilan yang tersambung ke komputer pengguna, dan menempatkan jendela di layar tertentu. Dan masih banyak lagi!
- Chrome
Insight performa: Dapatkan hasil analisis yang bisa ditindaklanjuti tentang performa situs Anda
Dapatkan hasil analisis yang bisa ditindaklanjuti tentang performa situs Anda dengan panel Analisis performa.
- Chrome DevTools
Rayakan Chrome 100 dengan #100CoolWebMoments
Kami merayakan peluncuran Chrome versi 100 dengan berjalan-jalan di antara segala hal.
- Chrome
Yang Baru di DevTools (Chrome 100)
Lihat dan edit @support di aturan, ganti nama dan sesuaikan pemilih rekaman, dan lainnya.
- Chrome
- Chrome DevTools
Penghentian dan penghapusan di Chrome 100
Rangkuman penghentian penggunaan dan penghapusan di Chrome 100 untuk membantu Anda melakukan perencanaan.
- Chrome
Selalu jadi Anda, Canvas2D
API-next-door mendapatkan perubahan.
- Chrome
Baru di Chrome 99
Chrome 99 kini diluncurkan! Lapisan berjenjang CSS memberi Anda lebih banyak kontrol atas CSS, dan membantu mencegah konflik kekhususan gaya. Metode showPicker() memungkinkan Anda menampilkan pemilih browser secara terprogram untuk elemen input seperti tanggal, warna, dan daftar data. Chrome dan Firefox versi 100 tinggal beberapa minggu lagi. Dan masih banyak lagi!
- Chrome
Mengoptimalkan pemuatan skrip pihak ketiga di Next.js
Artikel ini membahas komponen Skrip Next.js dan menunjukkan cara penggunaannya untuk pengurutan skrip pihak ketiga yang lebih baik.
- Chrome
Yang Baru di DevTools (Chrome 99)
Throttling permintaan WebSocket, panel Reporting API baru, gaya konsol, dan lainnya.
- Chrome
Memeriksa dan men-debug tata letak flexbox CSS
Pelajari cara menggunakan Chrome DevTools untuk memeriksa, mengubah, dan men-debug tata letak flexbox CSS.
- Chrome DevTools
Penghentian dan penghapusan di Chrome 99
Rangkuman penghentian penggunaan dan penghapusan di Chrome 99 untuk membantu Anda melakukan perencanaan.
- Chrome
Menggunakan plugin
Meskipun Workbox menawarkan banyak utilitas siap pakai, terkadang Anda perlu memperluasnya untuk memenuhi persyaratan aplikasi. Di situlah arsitektur plugin Workbox dapat berguna.
Baru di Chrome 98
Chrome 98 kini diluncurkan! Jika Anda telah mendaftar untuk uji coba origin Tema Gelap Otomatis, ada cara baru untuk memilih tidak ikut di tingkat per elemen. Kini ada dukungan untuk COLRv1, evolusi dari format font COLRv0. Dan masih banyak lagi.
- Chrome
Chromium Chronicle #28: Mulai menggunakan Chrome di iOS
Pelajari cara menggunakan kode di balik aplikasi iOS Chrome.
- Chrome
Chip permintaan izin
Chrome 98 menambahkan ruang khusus di kolom lokasi untuk izin, yang bertujuan untuk membuat dialog tidak terlalu menuntut sehingga mengurangi kesan bahwa keputusan harus diambil.
- Chrome
Lapisan bertingkat akan tersedia di browser Anda
"Lapisan Cascade adalah CSS API baru yang membantu Anda mengelola prioritas menurun kode Anda, yang akan segera hadir di semua browser modern."
- Chrome
Menampilkan pemilih browser untuk tanggal, waktu, warna, dan file
Platform web kini dilengkapi dengan cara kanonis untuk menampilkan alat pilih browser.
- Chrome
Yang Baru di DevTools (Chrome 98)
Hierarki Aksesibilitas halaman penuh, perubahan yang lebih tepat di tab Perubahan, dan lainnya.
- Chrome
Chrome akan menonaktifkan modifikasi document.domain untuk menyesuaikan kebijakan asal yang sama
Jika situs Anda bergantung pada setelan `document.domain`, tindakan Anda diperlukan.
- Chrome
Penghentian dan penghapusan di Chrome 98
Rangkuman penghentian penggunaan dan penghapusan di Chrome 98 untuk membantu Anda melakukan perencanaan.
- Chrome
Akses Jaringan Pribadi: memperkenalkan preflight
Chrome menghentikan akses ke endpoint jaringan pribadi dari situs publik yang tidak aman sebagai bagian dari spesifikasi Akses Jaringan Pribadi. Lanjutkan membaca untuk mengetahui tindakan yang disarankan.
- Chrome
Font Vektor Gradien Warna COLRv1 di Chrome 98
Pada Chrome 98, tim Chrome dan Fonts telah menambahkan dukungan untuk COLRv1, evolusi dari format font COLRv0 yang dimaksudkan untuk membuat font warna secara luas dengan menambahkan gradien, compositing dan pencampuran, serta peningkatan penggunaan ulang bentuk internal untuk file font yang tajam dan ringkas yang dikompresi dengan baik.
- Chrome
Baru di Chrome 97
Chrome 97 kini diluncurkan! Terdapat opsi baru untuk mengirim pesan real time antara klien dan server menggunakan Web Transport. Anda dapat menggunakan deteksi fitur untuk melihat jenis skrip yang didukung browser. JavaScript menjadi lebih baik, dan masih banyak lagi.
- Chrome
Meluncurkan Handler API
Pengendali peluncuran memungkinkan Anda mengontrol cara aplikasi diluncurkan, misalnya, apakah menggunakan jendela yang ada atau jendela baru dan apakah jendela yang dipilih akan diarahkan ke URL peluncuran.
Pohon aksesibilitas penuh di Chrome DevTools
Tinjau pohon aksesibilitas halaman penuh yang baru di DevTools, serta desain dan implementasi pohon ini.
- Chrome
Menggunakan jendela kotak kerja
Terkadang pengguna offline. Pelajari cara beradaptasi, dan bantu mereka melanjutkan permintaan ketika akhirnya mereka kembali online.
Menyajikan audio dan video yang disimpan dalam cache
Berurusan dengan permintaan sumber daya audio dan video di pekerja layanan adalah hal yang sulit. Pelajari cara menggunakan permintaan-rentang-kotak kerja untuk menangani permintaan tersebut dengan cara yang dapat diprediksi.
Memaksa waktu tunggu jaringan
Pelajari cara memaksa waktu tunggu jaringan saat koneksi jaringan lambat, dan cara mendapatkan waktu yang tepat.
Akses cache dari jendela
Mengakses instance Cache tidak hanya dibatasi pada cakupan pekerja layanan. Anda juga dapat mengaksesnya dari konteks jendela, dan dalam artikel ini, Anda akan mempelajari caranya.
Mengelola respons penggantian
Terkadang pengguna mengalami kegagalan jaringan atau menjadi offline. Pelajari cara beradaptasi dengan situasi tersebut dan memberikan respons penggantian.
Mencoba ulang permintaan saat kembali online
Terkadang pengguna offline. Pelajari cara beradaptasi, dan bantu mereka melanjutkan permintaan ketika akhirnya mereka kembali online.
Menyimpan resource ke dalam cache selama runtime
Pelajari cara menangani resource caching selama runtime, termasuk resource lintas asal.
Menangani update pekerja layanan dengan segera
Terkadang saat Anda memperbarui pekerja layanan, ada baiknya memberi tahu pengguna. Di sini, Anda akan belajar bagaimana melakukannya.
Yang Baru di DevTools (Chrome 97)
Panel Perekam baru, muat ulang daftar perangkat dalam Mode Perangkat, dan lainnya.
- Chrome
Membantu developer membangun aplikasi web yang canggih dan dapat diinstal
Tinjauan mengenai dampak fitur PWA yang ditambahkan ke Chrome.
- Chrome
Penghentian dan penghapusan di Chrome 97
Rangkuman penghentian penggunaan dan penghapusan di Chrome 97 untuk membantu Anda melakukan perencanaan.
- Chrome
Baru di Chrome 96
Chrome 96 kini diluncurkan! Ada dua properti baru di manifes aplikasi web. Properti ID memungkinkan Anda menentukan ID unik untuk PWA Anda, dan properti protocol_handlers memungkinkan Anda mendaftarkan PWA secara otomatis sebagai pengendali protokol saat penginstalan. Ada uji coba origin baru yang memungkinkan Anda menentukan prioritas pengambilan untuk mendownload resource. Dan masih banyak lagi!
- Chrome
Yang baru di Lighthouse 9.0
Lighthouse 9.0 hadir dengan pembaruan laporan dan pratinjau dukungan untuk alur pengguna.
- Chrome
Pemecahan masalah dan logging
Lihat fitur logging Workbox, dan alat proses debug pekerja layanan dalam browser.
Precaching dengan Workbox
Pelajari cara melakukan precache aset di pekerja layanan dengan Workbox.
Pramuat Navigasi untuk HTML yang mengutamakan Jaringan
Apa itu Pramuat Navigasi, bagaimana fitur ini dapat membuat navigasi lebih cepat, dan cara menggunakannya di Workbox.
Integrasi framework
Referensi cepat framework dan plugin yang terintegrasi dengan Workbox
Pekerja layanan dan model shell aplikasi
Cara menyambungkan model shell aplikasi dengan pekerja layanan di SPA Anda.
Cara-cara Workbox
Pelajari beberapa cara menggunakan Workbox.
Menggunakan Workbox tanpa precaching
Cara mem-build pekerja layanan di Workbox tanpa workbox-build.
Praktis anjuran dan larangan
Pelajari anjuran dan larangan dalam meng-cache.
Merekam, memutar ulang, dan mengukur alur penggunaan
Merekam, memutar ulang, mengukur alur penggunaan, dan mengedit langkah-langkahnya dengan panel Perekam.
- Chrome DevTools
Mengimplementasikan proses debug CSP dan Jenis Tepercaya di Chrome DevTools
Cara kami mengimplementasikan proses debug masalah Kebijakan Keamanan Konten dan Jenis Tepercaya di Chrome DevTools.
- Chrome
Memaksa versi utama Chrome ke 100 di string Agen Pengguna
Nomor versi Chrome akan segera berubah dari dua digit menjadi tiga, yang dapat memengaruhi kode apa pun yang menguraikan string Agen Pengguna (UA). Tombol fitur yang tersedia mulai Chrome 96 hingga 99 memungkinkan pengujian awal dengan memaksa nomor versi utama dalam string UA menjadi 100.
- Chrome
Memilih warna piksel apa pun di layar dengan EyeDropper API
Developer aplikasi materi iklan dapat menggunakan EyeDropper API untuk menerapkan pemilih yang memungkinkan pengguna memilih warna dari piksel di layar, termasuk piksel di luar browser.
Yang Baru di DevTools (Chrome 96)
Panel Ringkasan CSS baru, mengemulasi CSS yang lebih disukai media kontras, mode gelap otomatis Chrome, dan lain-lain.
- Chrome
Membuat Komponen Gambar yang efektif
Gambar merupakan sumber umum bottleneck performa untuk aplikasi web dan area fokus utama untuk pengoptimalan. Dokumen ini menjelaskan bagaimana tim Aurora di Google merancang komponen gambar yang canggih di Next.js yang terintegrasi dengan sejumlah pengoptimalan menggunakan antarmuka yang ramah developer. Postingan ini membahas bagaimana komponen ini dirancang dan pelajaran yang kita pelajari selama ini.
Tema Gelap Otomatis
Pembuatan otomatis tema gelap untuk situs bertema terang.
- Chrome
Ringkasan CSS: Mengidentifikasi potensi peningkatan CSS
Identifikasi potensi peningkatan CSS dengan panel Ringkasan CSS.
- Chrome DevTools
Penghentian dan penghapusan di Chrome 96
Rangkuman penghentian penggunaan dan penghapusan di Chrome 96 untuk membantu Anda melakukan perencanaan.
- Chrome
Ekspektasi seputar deployment pekerja layanan
Memahami efek yang dimiliki pekerja layanan pada situs setelah di-deploy.
Menghapus pekerja layanan yang berisi bug
Cara memperbaiki pekerja layanan yang menyebabkan masalah.
Meningkatkan pengalaman pengembangan pekerja layanan
Cara menyelesaikan beberapa masalah pengembangan lokal yang mungkin Anda temui saat menggunakan pekerja layanan.
Strategi pekerja layanan yang berbeda untuk arsitektur yang berbeda
Pengantar dua arsitektur {i>website<i} yang berbeda.
Memantau aplikasi web dengan Reporting API
Gunakan Reporting API untuk memantau pelanggaran keamanan, panggilan API yang tidak digunakan lagi, dan lainnya.
Bermigrasi ke Reporting API v1
Reporting API versi baru telah tersedia. API baru ini lebih ramping dan lebih mungkin didukung di berbagai browser.
- Chrome
Baru di Chrome 95
Chrome 95 sekarang diluncurkan! Routing menjadi lebih mudah dengan URLPattern yang dimasukkan ke dalam browser, Eye Dropper API menyediakan alat bawaan untuk memilih warna, ada uji coba origin baru untuk menerima string UA yang dikurangi sekarang, dan masih banyak lagi.
- Chrome
Pembahasan mendalam tentang RenderingNG: LayoutNG
Cara perubahan arsitektur besar pada LayoutNG mengurangi dan memitigasi berbagai jenis bug dan masalah performa.
- Chromium
Chromium Chronicle #25: Anotasi Keamanan Thread
Pelajari bagaimana framework analisis statis Clang mengambil alih kerja keras bukti keamanan thread.
- Chrome
Laporan karakteristik perangkat pengguna Chrome
Developer terus bertanya-tanya untuk jenis audiens apa mereka berkembang. Berapa banyak RAM yang mereka miliki? Mereka menggunakan Wi-Fi seperti apa? Laporan baru memberikan jawaban untuk berbagai negara dan platform.
- Chrome
Pembaruan kebijakan Chrome Web Store untuk K3 2021
Memperbarui persyaratan keamanan kami dan memperjelas beberapa kebijakan untuk menjaga kualitas ekstensi tetap tinggi, dan pengalaman developer tetap konsisten.
- Chrome
- Chrome Extensions
Masa pakai pekerja layanan
Memahami cara pekerja layanan berperilaku untuk memungkinkan aplikasi offline.
Strategi untuk caching pekerja layanan
Ringkasan caching di pekerja layanan.
Ringkasan pekerja layanan
Ringkasan pekerja layanan.
Apa itu Workbox?
Memperkenalkan Workbox, serangkaian modul yang menyederhanakan caching dan perutean pekerja layanan umum.
Penghentian dan penghapusan di Chrome 95
Rangkuman penghentian penggunaan dan penghapusan di Chrome 95 untuk membantu Anda melakukan perencanaan.
- Chrome
Transisi ekstensi Chrome ke Manifes V3
Membagikan detail tentang rencana untuk memindahkan ekstensi ke Manifes V3
- Chrome Extensions
- Chrome
Baru di Chrome 94
Chrome 94 kini diluncurkan! Ruang warna default untuk elemen `` sekarang secara resmi ditentukan sebagai SRGB, dan Anda dapat mengubahnya menjadi Tampilan P3. Ada cara baru dan sederhana untuk mengakses codec audio dan video bawaan, penting untuk streaming game, editor video, dan semacamnya. WebGPU memulai uji coba originnya. Dan, masih banyak lagi!
- Chrome
Yang Baru di DevTools (Chrome 95)
Alat penulisan panjang CSS baru, menyembunyikan masalah di tab Issues, menyempurnakan tampilan properti, dan lain-lain.
- Chrome
Pembahasan Mendalam: VideoNG
Pelajari sistem pemutaran modern dan cara Chromium mendukung ratusan juta jam waktu tonton setiap hari.
- Chromium
Memodernisasi infrastruktur CSS di DevTools
Cara kami meneliti dan memperbarui infrastruktur CSS di DevTools.
- Chrome
Yang baru di Lighthouse 8.4
Lighthouse 8.4 kini melindungi dari pemuatan gambar LCP yang lambat dan FID yang gagal tanpa area pandang seluler.
- Chrome
Kontrol penuh dengan VirtualKeyboard API
Mengelola sendiri transaksi browser dengan oklusi konten saat keyboard virtual perangkat sentuh muncul.
Baru di Chrome 93
Chrome 93 kini diluncurkan! Sekarang Anda dapat memuat lembar gaya CSS dengan pernyataan impor, seperti modul JavaScript. PWA yang terinstal dapat mendaftar sebagai pengendali URL, sehingga memungkinkan pengguna untuk langsung memasuki PWA Anda. Multi-Screen Window Placement API telah diperbarui berdasarkan masukan Anda, dan memulai uji coba origin kedua. Kami mempersingkat siklus rilis untuk stabil menjadi empat minggu. Dan masih banyak lagi.
- Chrome
Penghentian dan penghapusan di Chrome 93
Rangkuman penghentian penggunaan dan penghapusan di Chrome 93 untuk membantu Anda melakukan perencanaan.
- Chrome
Penghentian dan penghapusan di Chrome 94
Rangkuman penghentian penggunaan dan penghapusan di Chrome 94 untuk membantu Anda melakukan perencanaan.
- Chrome
Pembaruan Akses Jaringan Pribadi: Memperkenalkan uji coba penghentian
Chrome menghentikan akses ke endpoint jaringan pribadi dari situs publik yang tidak aman di Chrome 94 sebagai bagian dari spesifikasi Akses Jaringan Pribadi. Lanjutkan membaca untuk mengetahui tindakan yang disarankan.
- Chrome
Chromium Chronicle #24: StrongAlias, IdType, dan TokenType
Jenis yang sama terkadang dapat mewakili nilai dari domain yang tidak kompatibel, yang dapat menyebabkan bug. Untungnya, //base Chromium memudahkan pemunculan jenis yang eksplisit dan berbeda.
- Chrome
Pemilihan rute sisi klien modern: Navigation API
Pelajari Navigation API, API baru yang menambahkan peningkatan fungsi untuk membuat aplikasi web satu halaman.
Yang Baru di DevTools (Chrome 94)
Gunakan DevTools dalam bahasa pilihan Anda, perangkat Nest Hub baru, badge kueri container CSS baru, dan lainnya.
- Chrome
Struktur data utama dalam RenderingNG
Memahami komponen arsitektur RenderingNG, dan bagaimana pipeline rendering mengalir melaluinya.
- Chromium
Alat Petak CSS di DevTools
Cara kami mendesain dan mengimplementasikan dukungan alat Petak CSS di DevTools.
- Chrome
- Chrome DevTools
Penghentian dan penghapusan di Chrome 92
Rangkuman penghentian penggunaan dan penghapusan di Chrome 92 untuk membantu Anda melakukan perencanaan.
- Chrome
Alat Petak CSS di DevTools
Cara kami mendesain dan mengimplementasikan dukungan alat Petak CSS di DevTools.
Memecahkan masalah uji coba origin Chrome
Mengatasi masalah umum pada token uji coba di tag meta, header, dan skrip. Anda juga akan mempelajari dukungan proses debug di Chrome DevTools.
Kebijakan penyemat lintas asal
Dokumentasi referensi untuk properti cross_origin_embedder_policy manifest.json.
- Chrome Extensions
Penghentian dan penghapusan di Chrome 91
Rangkuman penghentian penggunaan dan penghapusan di Chrome 91 untuk membantu Anda melakukan perencanaan.
- Chrome
Kebijakan pembuka lintas asal
Dokumentasi referensi untuk properti cross_origin_opener_policy manifest.json.
- Chrome Extensions
Kebijakan penyemat lintas asal
Dokumentasi referensi untuk properti cross_origin_embedder_policy manifest.json.
- Chrome Extensions
Isolasi lintas asal
Ringkasan isolasi lintas origin untuk ekstensi
- Chrome Extensions
Kebijakan pembuka lintas asal
Dokumentasi referensi untuk properti cross_origin_opener_policy manifest.json.
- Chrome Extensions
Memulai PWA secara otomatis saat Login OS
Banyak sistem operasi menawarkan kemampuan untuk meluncurkan aplikasi secara otomatis saat pengguna masuk. Kemampuan ini sekarang tersedia untuk aplikasi web terinstal.
- Chrome
Membatasi berbagi modul Wasm ke origin yang sama
Berbagi modul WebAssembly antar-lingkungan situs yang sama akan dibatasi hanya untuk asal yang sama.
- Chrome
WebDriver BiDi - Masa depan otomatisasi lintas browser
Mengenal apa itu WebDriver BiDi dan mengapa ini menjadi masa depan otomatisasi lintas browser
- Chrome
Memuat resource lintas origin tanpa header CORP menggunakan COEP: tanpa kredensial
`Cross-Origin-Embedder-Policy: credentialless` akan tersedia dalam uji coba origin mulai Chrome 93. Nilai baru ini memungkinkan halaman web mengaktifkan isolasi lintas asal tanpa memerlukan resource lintas origin untuk merespons dengan header `CORP: cross-origin` dengan mengirimkan permintaan tanpa kredensial.
- Chrome
Verifikasi nomor telepon di desktop menggunakan WebOTP API
Mulai Chrome 93, situs dapat memverifikasi nomor telepon dari Chrome desktop.
Chromium Chronicle #23: Build terverifikasi di Chrome Infra
Dengan menerapkan pemeriksaan penegakan kebijakan untuk Chrome dan infrastruktur, kami dapat memverifikasi bahwa standar minimum tertentu untuk keamanan terpenuhi.
- Chrome
Yang Baru di DevTools (Chrome 93)
Kueri penampung CSS yang dapat diedit, pratinjau paket web, penanganan string yang lebih baik di Konsol, dan lainnya.
- Chrome
Arsitektur RenderingNG
Pelajari komponen arsitektur RenderingNG, dan bagaimana pipeline rendering mengalir melaluinya.
- Chromium
Konsep Android (untuk Developer Web)
Konsep Android yang relevan dan penting untuk developer web yang baru mengenal Android dan Play.
URLPattern menghadirkan pemilihan rute ke platform web
Pendekatan untuk menstandardisasi kasus penggunaan pencocokan pola umum.
Ekstensi Chrome: mengklarifikasi kebijakan ekstensi kami untuk web store yang lebih aman dan konsisten
Memperbarui persyaratan keamanan kami dan memperjelas beberapa kebijakan untuk menjaga kualitas ekstensi tetap tinggi, dan pengalaman developer tetap konsisten.
- Chrome
- Chrome Extensions
Penyelarasan resource dalam framework JavaScript
Pelajari pengoptimalan terbaru yang diterapkan di framework JavaScript melalui kerja sama dengan project Aurora.
The Chromium Chronicle #22: Kenali Alat Anda (Depot)
Depot Tools adalah kumpulan alat yang di-build berdasarkan Git untuk menyederhanakan alur kerja developer yang berkontribusi pada codebase Chromium dan project terkait.
- Chrome
Tindakan ekstensi di Manifes V3
Ekstensi Chrome memiliki Browser dan Page Actions API selama bertahun-tahun, tetapi Manifest V3 mengganti keduanya dengan Actions API generik. Postingan ini mempelajari histori API ini dan apa saja yang berubah di Manifes V3.
- Chrome
- Chrome Extensions
RenderingNG
Pada tahun 2021, kami telah menyelesaikan sebagian besar proses desain, pembangunan, dan pengiriman RenderingNG, yaitu arsitektur rendering generasi berikutnya untuk Chromium.
- Chromium
Penyimpanan berperforma tinggi untuk aplikasi Anda: Storage Foundation API
Storage Foundation API mengusulkan API penyimpanan yang menyerupai sistem file dasar, dengan akses langsung ke data yang disimpan melalui buffer dan offset.
TablesNG Menyelesaikan 72 Bug Chromium untuk Interoperabilitas yang Lebih Baik
-- Mesin rendering baru untuk tabel membuatnya lebih konsisten untuk menulis data tabel di seluruh web.
- Chrome
Memastikan CSP efektif melawan serangan XSS
Pelajari cara mencegah serangan pembuatan skrip lintas situs (XSS) dengan Kebijakan Keamanan Konten (CSP) yang ketat.
Memperkenalkan Aurora
Artikel ini memperkenalkan Aurora, sebuah inisiatif Chrome untuk berkolaborasi erat dengan framework open source
Kesesuaian untuk Framework
Artikel ini menjelaskan Kesesuaian, metodologi yang digunakan dalam framework di Google, dan rencana kami untuk menjadikannya open source pada ekosistem framework JavaScript
- Chrome
Memperkenalkan Pemeriksa Memori
Artikel ini memperkenalkan Pemeriksa Memori yang telah tersedia di Chrome 91. Dengan API ini, Anda dapat memeriksa ArrayBuffer, TypedArray, DataView, dan Memori Wasm.
- Chrome
Memperkenalkan chrome.scripting
Scripting API adalah Manifest V3 API baru yang berfokus pada pembuatan skrip. Mari kita gali motivasi untuk perubahan ini dan apa perbedaannya.
- Chrome Extensions
- Chrome
Memeriksa tata letak petak CSS
Pelajari cara menggunakan Chrome DevTools untuk melihat dan mengubah petak CSS.
- Chrome DevTools
Komputasi Tekanan API
Komputasi Tekanan menawarkan status tingkat tinggi yang mewakili tekanan pada sistem. Hal ini memungkinkan implementasi untuk menggunakan metrik hardware dasar yang tepat untuk memastikan bahwa pengguna dapat memanfaatkan semua daya pemrosesan yang tersedia bagi mereka selama sistem tersebut tidak berada dalam tekanan yang tidak terkendali.
PWA sebagai Pengendali URL
Setelah mendaftarkan PWA sebagai pengendali URL, saat pengguna mengklik hyperlink yang cocok dengan salah satu pola URL terdaftar, PWA yang terdaftar akan terbuka.
Yang Baru di DevTools (Chrome 92)
Editor petak CSS, dukungan untuk pernyataan ulang konstanta di konsol, penampil urutan sumber, dan lainnya.
- Chrome
Chromium Chronicle #21: Otomatisasi UI Menyeluruh ChromeOS
Tast adalah library UI baru yang telah dibuat dan menggunakan hierarki a11y (aksesibilitas) Chrome untuk mengontrol UI ChromeOS. Library ini memungkinkan developer membuat pengujian Menyeluruh dengan mudah terhadap platform UI yang terlihat.
- Chrome
Baru di Chrome 91
Chrome 91 diluncurkan! Aplikasi web yang berinteraksi dengan file kini dapat menyarankan nama dan direktori file saat menggunakan File System Access API. Anda juga dapat membaca file dari papan klip. Jika situs Anda memiliki lebih dari satu domain, dan domain tersebut memiliki backend pengelolaan akun yang sama, Anda dapat memberi tahu Chrome bahwa domain tersebut sama, sehingga pengelola sandi dapat menyarankan kredensial yang tepat. Selain itu, kini semua video dari I/O tersedia, dan masih banyak lagi.
- Chrome
Pilih bagaimana link dalam cakupan dapat membuka PWA Anda dengan Pengambilan Link Deklaratif
Perekaman Link Deklaratif adalah proposal untuk properti manifes aplikasi web yang disebut "capture_links" yang memungkinkan developer menentukan secara deklaratif apa yang harus terjadi saat browser diminta untuk membuka URL yang ada dalam cakupan navigasi aplikasi, dari konteks di luar cakupan navigasi.
Cara menyetel tanda browser di Chromium
Untuk beberapa API baru yang kami perkenalkan di Chromium, Anda perlu menetapkan tanda browser untuk eksperimen. Pelajari cara melakukannya di berbagai turunan Chromium seperti Google Chrome, Microsoft Edge, dan lainnya.
- Chrome
Pendaftaran pengendali protokol URL untuk PWA
Setelah mendaftarkan PWA sebagai pengendali protokol, saat pengguna mengklik hyperlink dengan skema tertentu seperti mailto, bitcoin, atau musik web dari browser atau aplikasi khusus platform, PWA yang terdaftar akan terbuka dan menerima URL.
Aktivitas Web Tepercaya yang mula-mula Offline
Cara menampilkan layar offline fallback, jika pertama kali pengguna membuka aplikasi, tidak ada konektivitas.
Cara kami mempercepat pelacakan tumpukan Chrome DevTools sebesar 10x
Cara kami mempercepat pelacakan tumpukan Chrome DevTools sebesar 10x.
- Chrome
Streaming yang dapat disisipkan untuk MediaStreamTrack
Streaming yang dapat disisipkan untuk MediaStreamTrack adalah tentang mengekspos konten MediaStreamTrack sebagai aliran yang dapat dimanipulasi atau digunakan untuk menghasilkan konten baru.
Chromium Chronicle #20: Alat Uji Tolok Ukur
Menambahkan tolok ukur adalah cara mudah untuk mencegah regresi performa dan membantu meningkatkan performa.
- Chrome
Pengonversi Manifes Ekstensi
Alat open source untuk mengonversi ekstensi ke Manifes V3. Anda masih perlu memperbarui kode apa pun secara manual dengan perubahan non-mekanis, seperti beradaptasi untuk menggunakan pekerja layanan atau beberapa injeksi skrip.
- Chrome
- Chrome Extensions
UI penginstalan PWA yang lebih lengkap
Pengantar UI Instal yang Lebih Kaya dengan panduan tentang cara menerapkannya.
- Chrome
Yang Baru di DevTools (Chrome 91)
Pop-up informasi Web vitals, memvisualisasikan scroll-snap CSS, Pemeriksa memori baru, dan lainnya.
- Chrome
Menyelaraskan timer dengan pembatasan isolasi lintas asal
Mulai Chrome 91, resolusi timer eksplisit akan dibatasi hingga 100 mikrodetik di seluruh platform tanpa isolasi lintas asal.
- Chrome
Resource yang Dapat Diakses Web untuk Manifes V3
Resource yang Dapat Diakses Web untuk Manifes V3 telah hadir! Sekarang `manifest.json` mendukung definisi izin. Developer dapat membatasi resource berdasarkan ID ekstensi atau asal situs yang meminta.
- Chrome
Baru di Chrome 90
Chrome 90 kini diluncurkan! Ada nilai baru untuk properti tambahan CSS. Feature Policy API telah diganti namanya menjadi Kebijakan Izin. Dan ada cara baru untuk mengimplementasikan dan menggunakan Shadow DOM secara langsung di HTML. Selain itu masih banyak lagi.
- Chrome
Pembaruan arsitektur DevTools: memigrasikan DevTools ke TypeScript
Cara kami memigrasikan Chrome DevTools dari pemeriksa jenis Closure Compiler ke TypeScript.
- Chrome
Chromium Chronicle #19: Pengembangan Lebih Cepat dengan CLion
CLion IDE memungkinkan Anda menjelajahi simbol, menelusuri codebase, dan lainnya.
- Chrome
Penghentian dan penghapusan di Chrome 90
Rangkuman penghentian penggunaan dan penghapusan di Chrome 90 untuk membantu Anda melakukan perencanaan.
- Chrome
Menambahkan Magnitudo Peringkat ke Laporan CrUX di BigQuery
Menambahkan Magnitudo Peringkat ke Laporan CrUX di BigQuery.
- Chrome
Panduan VersionHistory API
Panduan cara menggunakan VersionHistory Web Service API untuk mengakses informasi histori versi Google Chrome secara terprogram.
Mempercepat siklus rilis Google Chrome
Akhir tahun ini, kami berencana untuk mempersingkat siklus rilis dan mengirimkan versi baru Google Chrome ke saluran stabil setiap empat minggu, lebih rendah dari siklus rilis saat ini selama enam minggu.
- Chrome
Referensi VersionHistory API
Informasi referensi teknis tentang VersionHistory Web Service API.
Contoh VersionHistory API
Contoh penggunaan VersionHistory Web Service API.
Baru di Chrome 89
Chrome 89 kini diluncurkan! WebHID, WebNFC, dan Web Serial telah lulus dari uji coba originnya dan kini tersedia dalam versi stabil. Kami menutup celah yang digunakan beberapa developer untuk mengakali pemeriksaan kemampuan penginstalan PWA. Web Share dan Web Share Target hadir di desktop. Dan masih banyak lagi!
- Chrome
Yang Baru di DevTools (Chrome 90)
Dukungan proses debug untuk CSS Flexbox, tampilan peringatan performa di halaman, pembaruan tab masalah, dan lainnya.
- Chrome
Dukungan CSS-in-JS di DevTools
Cara kami mendukung CSS-in-JS di DevTools dan apa perbedaannya dengan CSS biasa.
Dukungan CSS-in-JS di DevTools
Cara kami mendukung CSS-in-JS di DevTools dan apa perbedaannya dengan CSS biasa.
- Chrome
- Chrome DevTools
Mempersiapkan mode tampilan besok
Properti display_override memungkinkan developer menentukan rantai penggantian yang disesuaikan dari mode yang harus digunakan untuk menampilkan PWA mereka.
Chromium Chronicle #18: Cakupan Kode Chromium
Cakupan pengujian mengukur berapa banyak kode sumber yang dieksekusi saat rangkaian pengujian tertentu berjalan.
- Chrome
Update kemampuan animasi dengan akselerasi hardware
Chromium sedang mengupdate kemampuan akselerasi hardware ke animasi SVG, transformasi berbasis persentase, jalur klip, gambar latar, dan banyak lagi.
- Chrome
Memformat dan menyesuaikan gaya pesan di Konsol
Pelajari cara memformat dan menyesuaikan gaya pesan di Konsol.
- Chrome DevTools
Hari Bahasa Ibu Internasional 2021
Hari Bahasa Ibu Internasional adalah perayaan tahunan keberagaman budaya yang dirayakan di seluruh dunia pada 21 Februari. Program ini mendukung pelestarian dan perlindungan bahasa yang digunakan di seluruh dunia serta merayakan multibahasa.
- Chrome
Meningkatkan deteksi dukungan offline Progressive Web App
Verifikasi dukungan offline telah menjadi bagian dari kriteria kemampuan penginstalan PWA sejak awal.
- Chrome
Meningkatkan waktu memulai DevTools
Kurangi overhead performa DevTools untuk pengiriman pesan di front-end.
- Chrome
Penghentian dan penghapusan di Chrome 89
Rangkuman penghentian penggunaan dan penghapusan di Chrome 89 untuk membantu Anda melakukan perencanaan.
- Chrome
Chromium Chronicle #17: Kombinasi Pengujian Browser
Saat menulis pengujian browser, Anda sering kali ingin melakukan tindakan penyiapan secara terprogram yang dapat dilakukan pengguna secara manual. Untuk membantu Anda melakukan hal ini, mixins adalah serangkaian alat untuk melakukan penyiapan pengujian browser yang tidak umum dengan cara yang dapat digunakan kembali.
- Chrome
Menerima Pembayaran melalui Layanan Penagihan Google Play dengan Digital Goods API dan Payment Request API
Terima Pembayaran melalui Layanan Penagihan Google Play di PWA Anda dengan Digital Goods API, Payment Request API, dan Aktivitas Web Tepercaya
Mengotomatiskan pemilihan resource dengan petunjuk klien
Pengoptimalan gambar bersifat sulit dan otomatisasi adalah kunci kesuksesan.
- Chrome
Memindahkan Puppeteer ke TypeScript
Cara kami memigrasikan Puppeteer ke TypeScript.
- Chrome
Baru di Chrome 88
Chrome 88 kini diluncurkan! Kini Anda dapat mengupload ekstensi menggunakan manifes v3 ke Chrome Web Store. Properti CSS rasio aspek memudahkan untuk menetapkan rasio aspek di elemen apa pun. Anda kini dapat menggunakan Layanan Penagihan Play di Aktivitas Web Tepercaya, dan masih banyak lagi. Mari selami dan lihat apa yang baru untuk developer di Chrome 88!
- Chrome
Yang Baru di DevTools (Chrome 89)
Dukungan proses debug untuk pelanggaran Jenis Tepercaya, ambil screenshot node di luar area pandang, tab Trust Tokens baru untuk permintaan jaringan, dan lainnya.
- Chrome
Update SharedArrayBuffer di Android Chrome 88 dan Chrome Desktop 92
SharedArrayBuffer akan hadir di Android Chrome 88. Data ini hanya akan tersedia untuk halaman yang diisolasi lintas asal. Mulai Chrome Desktop 92, versi ini juga hanya akan tersedia untuk halaman terisolasi lintas origin. Anda dapat mendaftar ke uji coba origin untuk mempertahankan perilaku saat ini hingga Chrome Desktop 113.
- Chrome
Throttling berat timer JS yang dirantai mulai Chrome 88
Throttling intensif akan berlaku jika halaman telah disembunyikan selama lebih dari 5 menit, halaman telah diam minimal selama 30 detik, WebRTC tidak digunakan, dan rangkaian timer adalah 5 atau lebih besar.
- Chrome
Chromium Chronicle #16: Memperbarui Google Apps di Desktop
Pernahkah Anda bertanya-tanya bagaimana cara Chrome selalu mendapatkan pembaruan di desktop Anda? Atau bagaimana update ditampilkan di Chromebook, Chromecast, atau Android?
- Chrome
Men-debug WebAssembly dengan alat modern
Ringkasan langkah demi langkah pengalaman proses debug baru untuk WebAssembly di Chrome DevTools.
- Chrome
Pembaruan arsitektur DevTools: bermigrasi ke Komponen Web
Alasan dan cara kami memigrasikan Chrome DevTools ke Komponen Web.
- Chrome
Penghentian dan penghapusan di Chrome 88
Rangkuman penghentian penggunaan dan penghapusan di Chrome 88 untuk membantu Anda melakukan perencanaan.
- Chrome
Selamat datang di developer.chrome.com yang baru!
Mengumumkan pembaruan situs, dan ringkasan rencana kami untuk tahun 2021.
- Chrome
Menambahkan aplikasi ke Play Store
Tambahkan TWA ke Play Store
Yang baru untuk Web In Play
Pelajari fitur baru untuk aplikasi web yang menggunakan Aktivitas Web Tepercaya.
Menggunakan Layanan Penagihan Google Play
Layanan Penagihan Google Play menawarkan alat untuk mengelola katalog, harga dan langganan, laporan, serta alur checkout yang didukung oleh Play Store.
Pemuatan lambat resource pihak ketiga dengan fasad
Pelajari peluang untuk memperlambat pemuatan resource pihak ketiga dengan fasad.
Chromium Chronicle #15: Membatasi Visibilitas Target
Di Chromium, biasanya menemukan kode yang ditulis untuk satu komponen yang akan berguna di tempat lain, tetapi mungkin memiliki batasan tersembunyi. Demi keamanan, batasi akses eksternal ke fungsi berbahaya dengan membatasi visibilitas target.
- Chrome
Menggunakan Layanan Penagihan Play di Aktivitas Web Tepercaya Anda
Pelajari cara mengintegrasikan Layanan Penagihan Google Play ke project Aktivitas Web Tepercaya Anda.
Menyimulasikan kekurangan penglihatan warna di Blink Renderer
Alasan dan cara kami menerapkan simulasi defisiensi penglihatan warna di DevTools dan Blink Renderer.
- Chromium
Penjadwalan JS yang lebih baik dengan isInputMenunggu()
JavaScript API baru yang dapat membantu Anda menghindari kompromi antara performa pemuatan dan responsivitas input.
Baru di Chrome 87
Chrome 87 kini diluncurkan! Anda sekarang dapat mengontrol geser, kemiringan, dan zoom pada webcam yang mendukungnya, permintaan rentang dan pekerja layanan tidak memerlukan banyak solusi, API akses font memulai uji coba originnya, dan banyak lagi. Mari selami dan lihat apa yang baru untuk developer di Chrome 87!
- Chrome
resep-resep-workbox
Gunakan pola kotak kerja umum dengan mudah tanpa perlu menyiapkannya sendiri dari paket individu.
Yang Baru di DevTools (Chrome 88)
Alat visualisasi sudut CSS baru, mengemulasi jenis gambar dan kuota penyimpanan yang tidak didukung, jalur Data Web baru, dan lainnya.
- Chrome
Aktifkan Target Berbagi Web di Aktivitas Web Tepercaya
Pelajari cara mengaktifkan Target Berbagi Web dalam project menggunakan Aktivitas Web Tepercaya.
Puppetaria: skrip Puppeteer yang mengutamakan aksesibilitas
Puppetaria - skrip Puppeteer yang mengutamakan aksesibilitas, memungkinkan pengendali kueri alternatif berdasarkan pada kueri hierarki aksesibilitas, bukan mengandalkan pemilih CSS.
- Chrome
Tentang Manifes V2
Dokumentasi untuk developer ekstensi Chrome.
- Chrome Extensions
Masukan diperlukan: CORS untuk jaringan pribadi (RFC1918)
Paparan yang tidak disengaja terhadap perangkat dan server di jaringan internal klien ke web akan membuat perangkat dan server rentan terhadap serangan berbahaya. CORS-RFC1918 adalah proposal untuk memblokir permintaan dari jaringan publik secara default di browser dan mewajibkan perangkat internal untuk ikut serta dalam permintaan tersebut.
- Chrome
Chromium Chronicle #14: Menambahkan Pengujian ke Waterfall
Ingin mendeteksi regresi untuk fitur baru di Chrome? Tambahkan pengujian Anda ke waterfall, build berkelanjutan Chrome, dan infrastruktur pengujian!
- Chrome
Cara kami membuat tab WebAuthn di Chrome DevTools
Cara kami membangun tab WebAuthn di Chrome DevTools agar developer dapat mengemulasi pengautentikasi, menyesuaikan kemampuan, dan memeriksa statusnya.
Mengizinkan aplikasi web terinstal menjadi pengendali file
Daftarkan aplikasi sebagai pengendali file dengan sistem operasi. Setelah aplikasi web mampu membaca dan menulis file, langkah logis berikutnya adalah mengizinkan developer mendeklarasikan aplikasi web ini sebagai pengendali file untuk file yang
Penghentian dan penghapusan di Chrome 87
Rangkuman penghentian penggunaan dan penghapusan di Chrome 87 untuk membantu Anda melakukan perencanaan.
- Chrome
Pemrosesan video dengan WebCodec
Berfungsi dengan komponen streaming video, seperti bingkai dan potongan tidak dicampur dari video atau audio yang dienkode.
Mendapatkan keamanan dan privasi dengan mempartisi cache
Partisi cache HTTP Chrome membantu keamanan dan privasi yang lebih baik.
- Chrome
Baru di Chrome 86
Chrome 86 kini diluncurkan! API akses sistem file sekarang tersedia secara stabil. Ada uji coba origin baru untuk Web HID dan Multi-Screen Window Placement API. Ada beberapa hal baru di CSS, dan masih banyak lagi. Mari selami dan lihat apa yang baru untuk developer di Chrome 86!
- Chrome
Uji coba origin pihak ketiga
Pelajari bagaimana penyedia konten tersemat dapat menguji fitur platform web baru atau eksperimental di beberapa situs.
Yang Baru di DevTools (Chrome 87)
Alat proses debug Grid CSS baru, tab Web Authn, alat yang dapat dipindahkan, dan panel sidebar Computed.
- Chrome
Cara kami membuat tab Chrome DevTools Issues
Cara kami membangun tab Chrome DevTools Issues untuk meningkatkan pengalaman developer mengenai penemuan masalah dan solusinya.
- Chrome
Sensor: Emulasi sensor perangkat
Gunakan panel Sensor untuk mengganti geolokasi, menyimulasikan orientasi perangkat, memaksa sentuh, dan mengemulasi status tidak ada aktivitas.
- Chrome DevTools
Bermigrasi dari Workbox v5 ke v6
Panduan untuk bermigrasi dari Workbox v5 ke v6.
Menghubungkan ke perangkat HID yang tidak umum
WebHID API memungkinkan situs mengakses keyboard tambahan alternatif dan gamepad eksotis.
Mengelola beberapa tampilan dengan Window Management API
Window Management API memungkinkan Anda menghitung tampilan yang terhubung ke komputer dan menempatkan jendela di layar tertentu.
Pembaruan arsitektur DevTools: bermigrasi ke modul JavaScript
Cara kami memigrasikan Chrome DevTools ke modul JavaScript.
- Chrome
Penghentian dan penghapusan di Chrome 86
Rangkuman penghentian penggunaan dan penghapusan di Chrome 86 untuk membantu Anda melakukan perencanaan.
- Chrome
Baru di Chrome 85
Chrome 85 kini diluncurkan! Anda dapat meningkatkan performa rendering dengan visibilitas konten: otomatis. Properti CSS sekarang dapat disetel... di CSS. Sekarang Anda dapat memeriksa apakah aplikasi Windows atau PWA Anda telah diinstal dengan getinstalledrelatedApps() API. Pintasan ikon aplikasi juga berfungsi di Windows (untuk saat ini). Ada uji coba origin untuk streaming upload upload. Dan banyak lagi. Mari selami dan lihat apa yang baru untuk developer di Chrome 85!
- Chrome
Menggunakan tipografi lanjutan dengan font lokal
Local Font Access API menghitung font lokal yang diinstal pengguna dan memberikan akses tingkat rendah ke berbagai tabel TrueType/OpenType
Yang Baru di DevTools (Chrome 86)
Panel Media baru, screenshot node tangkapan, pembaruan tab Issues, mengemulasi font lokal yang hilang, pengguna yang tidak aktif, dan preferred-Reduced-data.
- Chrome
Membaca dari dan menulis ke port serial
Web Serial API menjembatani web dan dunia fisik dengan memungkinkan situs berkomunikasi dengan perangkat serial.
Menambahkan Header Permintaan HTTP tambahan
Panduan untuk menambahkan header CORS HTTP di Intent Tab Kustom.
Kebijakan Perujuk default baru untuk Chrome - strict-origin-when-cross-origin
Kebijakan Perujuk default baru untuk Chrome - strict-origin-when-cross-origin
- Chrome
Mengambil Kunci dengan Keyboard Lock API
Keyboard Lock API memungkinkan situs web menangkap kunci yang biasanya disediakan oleh sistem operasi yang mendasarinya. Ini ditujukan untuk aplikasi web yang memberikan pengalaman imersif layar penuh (seperti game atau aplikasi akses jarak jauh).
Membaca dan menulis file serta direktori dengan library browser-fs-access
Semua browser modern dapat membaca file dan direktori lokal; namun, akses tulis yang sebenarnya, yaitu, lebih dari sekadar mengunduh file, terbatas pada browser yang mengimplementasikan File System Access API. Postingan ini memperkenalkan library dukungan yang disebut browser-fs-access yang bertindak sebagai lapisan abstraksi di atas File System Access API dan secara transparan kembali ke pendekatan lama untuk menangani file.
Penghentian dan penghapusan di Chrome 85
Rangkuman penghentian penggunaan dan penghapusan di Chrome 85 untuk membantu Anda melakukan perencanaan.
- Chrome
Permintaan streaming dengan fetch API
Chromium kini mendukung streaming upload mulai versi 105, yang berarti Anda dapat memulai permintaan sebelum seluruh tubuh tersedia.
Houdini - Mengupas Tuntas CSS
Houdini adalah kumpulan API yang mengekspos internal mesin CSS kepada developer
Baru di Chrome 84
Chrome 84 kini diluncurkan! Pengguna dapat memulai tugas umum dalam aplikasi Anda dengan Pintasan Ikon Aplikasi. Web Animations API menambahkan dukungan untuk banyak fitur yang sebelumnya tidak didukung. Wake Lock, dan Content Indexing API lulus dari uji coba origin. Ada uji coba origin baru untuk Deteksi tidak ada aktivitas dan SIMD. Dan masih banyak lagi. Mari selami dan lihat apa yang baru untuk developer di Chrome 84!
- Chrome
Menggunakan Tab Khusus dengan Android 11
Cara menggunakan Tab Khusus dengan Android 11
- Chrome
Menghapus JavaScript yang tidak digunakan
Pelajari cara lulus audit Lighthouse "Hapus audit JavaScript yang tidak digunakan.
Yang Baru di DevTools (Chrome 85)
Pengeditan gaya untuk kerangka kerja CSS-in-JS, Lighthouse 6.0, fitur JavaScript baru, dan banyak lagi.
- Chrome
Meningkatkan privasi pengguna dan pengalaman developer dengan Petunjuk Klien Agen Pengguna
User-Agent Client Hints adalah perluasan baru untuk Client Hints API, yang memungkinkan developer mengakses informasi tentang browser pengguna dengan cara yang menjaga privasi dan ergonomis. Client Hints memungkinkan developer secara aktif meminta
Cara menggunakan CrUX API
Pelajari cara menggunakan Chrome UX Report API untuk mendapatkan akses RESTful ke data pengalaman pengguna nyata di jutaan situs.
- Chrome UX Report
Cara membangun Dasbor CrUX di Looker Studio
Looker Studio adalah alat visualisasi data canggih yang memungkinkan Anda membuat dasbor berdasarkan sumber big data, seperti Laporan UX Chrome. Dalam panduan ini, pelajari cara membuat Dasbor CrUX kustom Anda sendiri untuk melacak pengalaman pengguna origin.
- Chrome UX Report
Cara menggunakan {i>dataset<i} BigQuery CrUX
Dalam panduan ini, pelajari cara menggunakan BigQuery untuk menulis kueri terhadap set data CrUX guna mendapatkan hasil yang lengkap dan mendalam tentang status pengalaman pengguna di web.
- Chrome UX Report
Menggunakan WebTransport
WebTransport adalah API yang menawarkan pengiriman pesan klien-server berlatensi rendah dan dua arah. Pelajari lebih lanjut kasus penggunaannya, dan cara memberikan masukan tentang masa depan penerapannya.
Penghentian dan penghapusan di Chrome 84
Rangkuman penghentian penggunaan dan penghapusan di Chrome 84 untuk membantu Anda melakukan perencanaan.
- Chrome
Baru di Chrome 83
Chrome 83 kini diluncurkan! Versi ini menambahkan dukungan untuk jenis tepercaya, yang membantu mencegah kerentanan pembuatan skrip lintas situs. Elemen formulir mendapatkan perubahan penting. Ada cara baru untuk mendeteksi kebocoran memori. Dan API sistem file native memulai uji coba origin baru dengan fungsi tambahan. Mari selami dan lihat apa yang baru untuk developer di Chrome 83!
- Chrome
Yang Baru di Lighthouse 6.0
Metrik baru, pembaruan Skor performa, audit baru, dan lainnya. Hari ini kami merilis Lighthouse 6.0. Lighthouse adalah alat audit situs otomatis yang membantu developer dengan peluang dan diagnostik untuk meningkatkan pengalaman pengguna situs
- Chrome
Mendeteksi pengguna yang tidak aktif dengan Idle Detection API
Idle Detection API memberi tahu developer saat pengguna tidak ada aktivitas, yang menunjukkan hal-hal seperti kurangnya interaksi dengan keyboard, mouse, layar, aktivasi screensaver, penguncian layar, atau berpindah ke layar lain. Nilai minimum yang ditentukan developer memicu notifikasi.
Menangani Intervensi Iklan Berat
Menangani Intervensi Iklan Berat
- Chrome
Masalah: Menemukan dan memperbaiki masalah
Gunakan panel Issues untuk menemukan dan memperbaiki masalah di situs Anda.
- Chrome DevTools
Yang Baru di DevTools (Chrome 84)
Tab Issues baru, informasi aksesibilitas di tooltip Inspect Mode, dan lainnya.
- Chrome
Deklarasi karakter tidak ada atau terlambat muncul di HTML
Pelajari cara menambahkan deklarasi encoding karakter ke HTML Anda.
Penghentian dan penghapusan di Chrome 83
Rangkuman penghentian penggunaan dan penghapusan di Chrome 83 untuk membantu Anda melakukan perencanaan.
- Chrome
Baru di Chrome 81
Chrome 81 kini diluncurkan! Ikon aplikasi yang memberi badge kepada lulusan uji coba originnya. Hit testing untuk augmented reality kini tersedia di browser. Web NFC akan memulai uji coba originnya. Dan saya mendapatkan update tentang jadwal rilis Chrome yang disesuaikan. Mari selami dan lihat apa yang baru untuk developer di Chrome 81!
- Chrome
WebSocketStream: mengintegrasikan streaming dengan WebSocket API
WebSocketStream mengintegrasikan streaming dengan WebSocket API. Hal ini memungkinkan aplikasi Anda menerapkan backpressure ke pesan yang diterima.
Chromium Chronicle #13: Proses Debug Waktu Perjalanan dengan RR
Apakah Anda menjalankan pengujian yang sama berulang-ulang di debugger, mencoba mencari tahu bagaimana kode berada dalam keadaan buruk? Kami punya alat untuk Anda! RR akan merekam pelacakan eksekusi, sehingga memudahkan untuk melangkah mundur, berjalan mundur, melihat di mana variabel berubah nilainya, atau kapan fungsi terakhir dipanggil pada suatu objek.
- Chrome
Yang Baru di DevTools (Chrome 83)
Emulasi kekurangan penglihatan warna, emulasi lokalitas, proses debug COOP dan COEP, dan masih banyak lagi.
- Chrome
Penghentian dan penghapusan di Chrome 81
Rangkuman penghentian penggunaan dan penghapusan di Chrome 81 untuk membantu Anda melakukan perencanaan.
- Chrome
Berinteraksi dengan perangkat NFC di Chrome untuk Android
Membaca dan menulis ke tag NFC kini dapat dilakukan di Chrome untuk Android.
Menambahkan data izin notifikasi ke Laporan Pengalaman Pengguna Chrome
Untuk membantu pemilik situs memahami metrik izin notifikasi, kami menambahkan data ini ke Laporan Pengalaman Pengguna Chrome (CrUX) dalam set data tahun 20201 sehingga pemilik situs mendapatkan pemahaman yang lebih baik tentang respons izin notifikasi pengguna umum untuk situs mereka dan situs yang sebanding dalam kategorinya.
- Chrome
Chromium Chronicle #10: Menangkap Regresi UI dengan Pengujian Pixel
Strategi pengujian Chrome sangat bergantung pada pengujian ketepatan fungsional otomatis dan pengujian manual, tetapi keduanya tidak dapat menangkap regresi UI kecil. Gunakan pengujian piksel untuk mengotomatiskan pengujian UI browser desktop Anda.
- Chrome
Ringkasan Tab Khusus Android
Pelajari kapan waktu terbaik untuk menggunakan Tab Khusus Android untuk membuka URL di aplikasi Android.
Baru di Chrome 80
Chrome 80 sedang diluncurkan sekarang, dan ada banyak hal baru di dalamnya bagi para developer! Ada dukungan untuk modul dalam pekerja, perantai opsional dalam JavaScript, uji coba origin baru, fitur yang telah lulus dari uji coba origin, dan banyak lagi. Mari selami dan lihat apa yang baru untuk developer di Chrome 80!
- Chrome
Memeriksa apakah perangkat Android memiliki browser yang mendukung Tab Khusus
Pelajari cara memeriksa apakah perangkat Android memiliki browser yang mendukung Tab Khusus.
Panduan Integrasi
Pelajari cara menggunakan Aktivitas Web Tepercaya di aplikasi Android Anda.
Membuka Tab Khusus untuk link di WebView
Gabungkan WebView dan Tab Khusus untuk pengalaman pengguna yang lebih baik.
Ringkasan
Pelajari cara mengintegrasikan Progressive Web App ke dalam Aplikasi Android dengan lancar menggunakan Aktivitas Web Tepercaya.
Menggunakan API level rendah Tab Khusus
Pelajari cara menggunakan Tab Khusus tanpa support library browser androidx.
Lay of the Land
Ringkasan library dan alat untuk membuat Aktivitas Web Tepercaya.
Yang Baru di DevTools (Chrome 81)
Moto G4 di Mode Perangkat, fitur baru terkait cookie, dan lainnya.
- Chrome
Aktivitas Web Tepercaya Multi-Origin
Cara membuat satu aplikasi menggunakan Aktivitas Web Tepercaya yang mendukung pembukaan beberapa asal dalam layar penuh.
Meneruskan Informasi ke Aktivitas Web Tepercaya menggunakan Parameter Kueri
Cara meneruskan informasi dari shell native ke aplikasi web saat meluncurkan Aktivitas Web Tepercaya.
android-browser-helper, library baru untuk membuat Aktivitas Web Tepercaya.
Memperkenalkan android-browser-helper, library baru untuk membuat Aktivitas Web Tepercaya.
Largest Contentful Paint (LCP)
Pelajari tentang metrik Largest Contentful Paint (LCP) Lighthouse dan cara mengukur serta mengoptimalkannya.
Penghentian dan penghapusan di Chrome 80
Rangkuman penghentian penggunaan dan penghapusan di Chrome 80 untuk membantu Anda melakukan perencanaan.
- Chrome
Bermigrasi dari Workbox v4 ke v5
Panduan untuk bermigrasi dari Workbox v4 ke v5.
Chromium Chronicle #9: ClusterFuzz
Anda mungkin diminta untuk memperbaiki bug keamanan prioritas tinggi yang ditemukan oleh ClusterFuzz. Apa ini? Haruskah Anda menanggapi {i>bug<i} tersebut dengan serius? Bagaimana kamu bisa membantu?
- Chrome
Mengindeks halaman yang mampu offline dengan Content Indexing API
PWA Anda mungkin menyimpan artikel dan file media ke dalam cache, tetapi bagaimana pengguna akan mengetahui bahwa halaman Anda berfungsi saat offline? Content Indexing API adalah salah satu jawaban untuk pertanyaan ini. Setelah indeks diisi dengan konten dari PWA Anda, serta PWA lain yang terinstal, indeks akan muncul di area khusus browser yang didukung.
Baru di Chrome 79
Chrome 79 kini diluncurkan! Progressive Web App yang diinstal di Android mendapatkan dukungan untuk ikon yang dapat disamarkan. Sekarang Anda dapat membuat pengalaman imersif dengan WebXR Device API. Uji coba origin dimulai untuk Wake Lock API, dan atribut rendersubtree. Semua video dari Chrome Dev Summit 2019 kini tersedia secara online. Mari selami dan lihat apa yang baru untuk developer di Chrome 79!
- Chrome
Peningkatan proses debug WebAssembly di Chrome DevTools
Langkahi kode, tetapkan titik henti sementara, dan selesaikan pelacakan tumpukan dalam bahasa sumber Anda dari dalam DevTools.
- Chrome
Yang Baru di DevTools (Chrome 80)
Dukungan untuk deklarasi ulang class dan let di Console, peningkatan proses debug WebAssembly, dan lainnya.
- Chrome
Chromium Chronicle #8: GWP-ASan: Mendeteksi bug di alam liar
GWP-ASan adalah detektor error memori khusus heap yang dirancang untuk digunakan di aktivitas bebas. Modifikasi ini dapat mendeteksi use-after-free, buffer overflow/underflow, dan double-free. Tidak seperti ASan, metode ini tidak mendeteksi error pada stack atau di global.
- Chrome
Mulai Menggunakan Web Bundle
Paket Web memungkinkan Anda berbagi situs web sebagai satu file melalui Bluetooth dan menjalankannya secara offline dalam konteks asal Anda.
Pengalaman offline yang lebih kaya dengan Periodic Background Sync API
Periodic Background Sync memungkinkan aplikasi web menyinkronkan data secara berkala di latar belakang, mendekatkan aplikasi web dengan perilaku aplikasi iOS/Android/desktop.
Menerima data yang dibagikan dengan Web Share Target API
Di perangkat seluler atau desktop, aktivitas berbagi harus semudah mengklik tombol Bagikan, memilih aplikasi, lalu memilih dengan siapa akan berbagi. Web Share Target API memungkinkan aplikasi web terinstal untuk mendaftar ke sistem operasi yang mendasarinya untuk menerima konten bersama.
Penghentian dan penghapusan di Chrome 79
Rangkuman penghentian penggunaan dan penghapusan di Chrome 79 untuk membantu Anda melakukan perencanaan.
- Chrome
Chromium Chronicle #7: Sumber Pra-pemrosesan
Mengompilasi satu file sumber Chromium secara manual dapat membantu developer bereksperimen dengan opsi pengoptimalan compiler, memahami detail makro yang samar, atau meminimalkan bug compiler. Bulan ini, kami melihat cara melakukan prapemrosesan sumber.
- Chrome
API Pemicu Notifikasi
Notification Triggers API memungkinkan developer menjadwalkan notifikasi lokal yang tidak memerlukan koneksi jaringan, sehingga ideal untuk kasus penggunaan seperti aplikasi kalender.
Baru di Chrome 78
Chrome 78 kini diluncurkan! Kini Anda dapat memberikan "jenis" untuk variabel CSS. Anda mendapatkan pekerja layanan yang lebih baru karena pemeriksaan byte per byte kini dilakukan untuk skrip yang diimpor oleh importScripts(). Dan saya mendapatkan detail untuk dua uji coba origin baru yang menyediakan beberapa fungsi baru yang rapi termasuk Sistem File Native dan Penerima SMS. Plus Chrome DevSummit akan diselenggarakan pada 11-12 November 2019. Mari selami dan lihat apa yang baru untuk developer di Chrome 78!
- Chrome
Yang Baru di DevTools (Chrome 79)
Debug alasan cookie diblokir, simulasikan pilihan warna-skema: gelap, pembaruan cakupan kode, dan lainnya.
- Chrome
Total Waktu Pemblokiran
Pelajari tentang metrik Total Blocking Time Lighthouse dan cara mengukur dan mengoptimalkannya.
Memverifikasi nomor telepon di web dengan WebOTP API
Menemukan, menghafal, dan mengetik OTP yang dikirim melalui SMS tidaklah mudah. WebOTP API menyederhanakan alur kerja OTP bagi pengguna.
Chromium Chronicle #6: Tampilan Petak Monorail
Issue tracker Chrome, Monorail, menawarkan tampilan petak yang memungkinkan Anda memvisualisasikan masalah dalam papan gaya Kanban. Episode ini menjelaskan cara menggunakan mode petak.
- Chrome
Pemberian skor performa Lighthouse
Pelajari cara Lighthouse menghasilkan keseluruhan skor Performa untuk halaman Anda.
Penghentian dan penghapusan di Chrome 78
Rangkuman penghentian penggunaan dan penghapusan di Chrome 78 untuk membantu Anda melakukan perencanaan.
- Chrome
Pekerja layanan yang lebih baru, secara default
Permintaan HTTP yang memeriksa update skrip pekerja layanan tidak akan lagi dipenuhi oleh cache HTTP secara default, dan skrip yang diimpor dapat memicu alur update pekerja layanan.
- Chrome
Skor aksesibilitas Lighthouse
Pelajari cara Lighthouse menghasilkan skor aksesibilitas untuk halaman Anda.
Baru di Chrome 77
Chrome 77 kini diluncurkan! Ada cara yang lebih baik untuk melacak performa situs Anda menggunakan Largest Contentful Paint. Formulir mendapatkan beberapa kemampuan baru. Pemuatan lambat native telah hadir. Chrome DevSummit akan diselenggarakan pada 11-12 November 2019. Dan masih banyak lagi. Mari selami dan lihat apa yang baru untuk developer di Chrome 77!
- Chrome
Men-debug layanan latar belakang
Lihat laporan dan debug layanan latar belakang, seperti pengambilan latar belakang, sinkronisasi latar belakang, notifikasi, pesan push, dan lainnya.
- Chrome DevTools
Yang Baru di DevTools (Chrome 78)
Lighthouse 5.2 di panel Audits, dan Largest Contentful Paint di panel Performance.
- Chrome
Panduan Memulai Cepat
Panduan untuk mulai membangun Aktivitas Web Tepercaya dasar dan sederhana.
Mulai menggunakan Komputasi GPU di web
Postingan ini mengeksplorasi WebGPU API eksperimental melalui contoh-contoh dan membantu Anda memulai dengan melakukan komputasi paralel data menggunakan GPU.
Chromium Chronicle #5: Coding di Luar Sandbox
Semua kode memiliki bug. Proses Browser Chrome tidak memiliki sandbox, artinya bug tersebut dapat memberikan akses penuh ke seluruh perangkat kepada kode berbahaya. Episode ini menjelaskan anjuran dan larangan melakukan coding tanpa sandbox.
- Chrome
Mengetahui kondisi kode dengan ReportingObserver API
ReportingObserver memungkinkan Anda mengetahui saat situs menggunakan API yang tidak digunakan lagi atau mengalami intervensi browser. Fungsi dasar awalnya tersedia di Chrome 69. Mulai Chrome 84, fitur ini dapat digunakan oleh pekerja. Cukup sederhana.
Penghentian dan penghapusan di Chrome 77
Rangkuman penghentian penggunaan dan penghapusan di Chrome 77 untuk membantu Anda melakukan perencanaan.
- Chrome
Pemilih kontak untuk web
Akses ke kontak pengguna telah menjadi fitur aplikasi iOS/Android sejak (hampir) sejak awal. Contact Picker API adalah API on demand yang memungkinkan pengguna memilih entri atau entri dari daftar kontak mereka dan membagikan detail terbatas tentang kontak yang dipilih ke situs. Layanan ini memungkinkan pengguna membagikan apa yang mereka inginkan, kapan pun mereka mau, dan memudahkan pengguna untuk menjangkau dan terhubung dengan teman dan keluarga mereka.
Chromium Chronicle #4: Menguji Fitur Platform Web Anda dengan WPT
Pengujian Platform Web (WPT) adalah cara yang direkomendasikan untuk menguji fitur yang terekspos web, karena fitur tersebut dibagikan dengan browser lain melalui GitHub. Bulan ini, kita akan melihat praktik terbaik WPT.
- Chrome
Baru di Chrome 76
Chrome 76 kini diluncurkan! Versi ini menambahkan dukungan untuk kueri media skema lebih suka warna, yang membawa mode gelap ke situs. Tombol instal di omnibox untuk mempermudah penginstalan Progressive Web App di desktop. Cara untuk mencegah infobar mini muncul di perangkat seluler. Meningkatkan frekuensi WebAPK diupdate. Dan masih banyak lagi. Mari selami dan lihat apa yang baru untuk developer di Chrome 76!
- Chrome
Yang Baru di DevTools (Chrome 77)
Salin gaya elemen, visualisasikan pergeseran tata letak, dan lainnya.
- Chrome
Update media di Chrome 75
Memprediksi apakah pemutaran akan lancar dan hemat daya untuk media terenkripsi dan dukungan petunjuk atribut "playsInline" elemen video.
- Chrome
Update Komponen Web - lebih banyak waktu untuk mengupgrade ke API v1
Pengguna Web Components v0 memiliki lebih banyak waktu untuk mengupgrade ke v1; tetapi pastikan dan lakukan pengujian.
- Chrome
Chromium Chronicle #3: Cakupan Kode di Gerrit
Pengujian sangat penting karena mereka menemukan bug dan regresi, menerapkan desain yang lebih baik, dan membuat kode lebih mudah dipelihara. Bulan ini, kami melihat cara melakukan pengujian menyeluruh dengan Gerrit.
- Chrome
Penghentian dan penghapusan di Chrome 76
Rangkuman penghentian penggunaan dan penghapusan di Chrome 76 untuk membantu Anda melakukan perencanaan.
- Chrome
Lebih Sering Memperbarui WebAPK
Mulai Chrome 76, WebAPK akan lebih sering diupdate.
- Chrome
LayoutNG
Mesin tata letak baru untuk Chromium
- Chrome
Baru di Chrome 75
Chrome 75 sedang diluncurkan. Ada cara baru untuk mengurangi latensi pada elemen kanvas. Aplikasi web kini dapat berbagi file ke aplikasi terinstal lainnya menggunakan sheet berbagi tingkat sistem. Semua diskusi dari Google I/O ada di channel YouTube kami. Dan masih banyak lagi. Mari selami dan lihat apa yang baru untuk developer di Chrome 75!
- Chrome
Yang Baru di DevTools (Chrome 76)
Pelengkapan otomatis dengan nilai CSS, UI baru untuk setelan jaringan, dan lainnya.
- Chrome
Chromium Chronicle #2: Melawan Kegagalan Uji
Pengujian yang tidak stabil adalah masalah umum di Chrome. Software ini memengaruhi produktivitas developer lain dan dinonaktifkan dari waktu ke waktu. Bulan ini, kita akan membahas cara melawan kegagalan pengujian.
- Chrome
Di Chrome 76, Anda dapat menyembunyikan panel info mini Tambahkan ke Layar utama
Menambahkan kontrol lebih besar ke infobar mini untuk PWA di Chrome 76.
- Chrome
Augmented reality dengan model-viewer
Pada bulan Februari, kami memperkenalkan komponen web penampil model yang memungkinkan Anda menambahkan model 3D ke halaman web secara deklaratif. Sekarang kami mengumumkan dukungan untuk AR di Android dengan penambahan atribut ar.
- Chrome
Paint Holding - mengurangi flash warna putih pada navigasi asal yang sama
Ringkasan singkat tentang penyimpanan cat. Fitur Chrome untuk mengurangi flash putih pada navigasi asal yang sama
- Chrome
Hindari pengalihan beberapa halaman
Pelajari alasan pengalihan halaman memperlambat kecepatan pemuatan halaman web dan cara menghindarinya.
Sesuaikan ukuran gambar dengan benar
Pelajari tentang audit penggunaan-responsif-gambar.
Halaman memiliki urutan tab yang logis
Pelajari cara mempermudah pengguna keyboard menavigasi laman web Anda dengan menempatkan tab-stop dalam urutan yang logis.
Menyertakan library JavaScript front-end yang memiliki kerentanan keamanan umum
Pelajari cara membuat halaman lebih aman dengan mengganti library JavaScript yang memiliki kerentanan umum.
Elemen interaktif menunjukkan tujuan dan statusnya
Pelajari cara meningkatkan aksesibilitas kontrol kustom di halaman web Anda dengan memperjelas tujuan dan statusnya bagi semua pengguna.
Urutan visual di halaman mengikuti urutan DOM
Pelajari audit visual-order-follows-dom.
Dokumen tidak memiliki rel=canonical yang valid
Pelajari "Dokumen tidak memiliki audit rel=canonical" Lighthouse yang valid.
Meminifikasi JavaScript
Pelajari audit JavaScript yang tidak diminifikasi.
Menyalurkan aset statis dengan kebijakan cache yang efisien
Pelajari bagaimana penyimpanan resource statis halaman web ke dalam cache dapat meningkatkan performa dan keandalan bagi pengunjung berulang.
Halaman tidak memiliki doctype HTML sehingga memicu quirks mode
Pelajari cara memastikan halaman Anda tidak memicu quirks mode di browser lama.
Hapus CSS yang tidak digunakan
Pelajari audit unused-css-rules.
Potensi Maksimal Penundaan Input Pertama
Pelajari tentang metrik Max Potential First Input Delay yang tidak digunakan lagi di Lighthouse dan cara mengukur serta mengoptimalkannya.
Halaman diblokir dari pengindeksan
Pelajari tentang "Halaman diblokir dari audit Lighthouse pengindeksan.
Menggunakan API yang tidak digunakan lagi
Pelajari cara menghapus dan mengganti API yang tidak digunakan lagi dari halaman web Anda.
Dokumen tidak menggunakan ukuran font yang dapat dibaca
Pelajari tentang audit Lighthouse "Dokumen tidak menggunakan ukuran font yang dapat dibaca".
Menggunakan Cache Aplikasi
Pelajari cara memigrasikan halaman web Anda dari Cache Aplikasi yang tidak digunakan lagi ke Cache API.
Mengurangi waktu respons server
Pelajari audit waktu respons server.
Kontrol kustom memiliki peran ARIA
Pelajari cara meningkatkan aksesibilitas dengan menambahkan ARIA ke kontrol kustom, sehingga teknologi pendukung dapat ditafsirkan.
Target ketuk tidak memiliki ukuran yang tepat
Pelajari "Target ketuk tidak memiliki ukuran yang tepat" di audit Lighthouse.
Menampilkan gambar dengan rasio aspek yang salah
Pelajari cara menampilkan gambar responsif dengan rasio aspek yang benar.
Meminimalkan pekerjaan thread utama
Pelajari thread utama browser dan cara mengoptimalkan halaman web Anda untuk mengurangi beban thread utama dan meningkatkan performa.
Mencegah pengguna menempelkan konten ke kolom input
Pelajari cara meningkatkan pengalaman pengguna layar login situs Anda dengan mengizinkan pengguna menempelkan konten ke kolom input.
Dokumen tidak memiliki hreflang yang valid
Pelajari tentang "Dokumen tidak memiliki audit Lighthouse hreflang yang valid.
Menggunakan pemroses pasif untuk meningkatkan performa scroll
Pelajari cara meningkatkan responsivitas scroll halaman dengan menghindari pemroses peristiwa pasif.
Menggunakan document.write()
Pelajari cara mempercepat waktu muat halaman dengan menghindari document.write().
Meminta izin notifikasi saat pemuatan halaman
Pelajari cara meminta izin notifikasi secara bertanggung jawab dengan cara yang memberikan pengalaman pengguna yang baik.
Dokumen tidak memiliki deskripsi meta
Mempelajari tentang "Dokumen tidak memiliki deskripsi meta" audit Lighthouse.
Gambar Pertama yang Penuh Makna
Pelajari metrik First Meaningful Paint yang tidak digunakan lagi di Lighthouse serta cara mengukur dan mengoptimalkannya.
Dokumen menggunakan plugin
Pelajari tentang 'Dokumen menggunakan audit Lighthouse plugin'.
Enkode gambar secara efisien
Pelajari tentang audit penggunaan gambar yang dioptimalkan.
Link ke tujuan lintas asal tidak aman
Pelajari cara menautkan ke resource di host lain dengan aman.
Hubungkan ke origin yang diperlukan
Pelajari tentang audit usage-rel-preconnect.
Pertahankan jumlah permintaan tetap rendah dan ukuran transfer tetap kecil
Pelajari pengaruh jumlah resource yang tinggi dan ukuran transfer yang besar terhadap performa pemuatan. Dapatkan strategi untuk mengurangi jumlah permintaan dan ukuran transfer.
Mengurangi waktu eksekusi JavaScript
Pelajari bagaimana eksekusi JavaScript dapat memperlambat performa halaman dan cara mempercepatnya.
Library JavaScript yang terdeteksi
Pelajari tentang audit "library JavaScript yang Terdeteksi dari diagnostik Lighthouse.
Aktifkan kompresi teks
Pelajari bagaimana pengaktifan kompresi teks dapat meningkatkan performa pemuatan halaman Anda.
Menggunakan format video untuk konten animasi
Pelajari audit konten animasi yang efisien.
Kontrol interaktif dapat difokuskan pada keyboard
Pelajari cara membuat kontrol khusus di halaman web Anda dapat difokuskan sehingga pengguna keyboard dapat mengaksesnya.
Fokus pengguna tidak terjebak secara tidak sengaja di sebuah wilayah
Pelajari cara meningkatkan aksesibilitas bagi pengguna keyboard dengan mencegah fokus terjebak di wilayah halaman.
Tidak menggunakan HTTP/2 untuk semua resource-nya
Pelajari alasan pentingnya HTTP/2 untuk waktu muat halaman dan cara mengaktifkan HTTP/2 di server Anda.
Kontrol kustom memiliki label terkait
Pelajari cara meningkatkan aksesibilitas dengan memastikan bahwa semua kontrol kustom memiliki label yang dapat diakses pengguna teknologi pendukung.
Meminta izin geolokasi pada pemuatan halaman
Pelajari cara meminta izin geolokasi secara bertanggung jawab dengan cara yang memberikan pengalaman pengguna yang baik.
Fokus pengguna diarahkan ke konten baru yang ditambahkan ke halaman
Pelajari cara membuat perubahan di status aplikasi web yang dapat dipahami oleh pengguna teknologi pendukung dengan memindahkan fokus ke konten yang baru ditambahkan.
Menghilangkan resource yang memblokir rendering
Pelajari audit resource pemblokiran render.
First Contentful Paint
Pelajari tentang metrik First Contentful Paint Lighthouse dan cara mengukur serta mengoptimalkannya.
Elemen penanda HTML5 digunakan untuk meningkatkan navigasi
Pelajari cara meningkatkan aksesibilitas halaman web Anda dengan memberikan tempat terkenal yang dapat digunakan pengguna keyboard untuk bernavigasi.
Waktu untuk Interaktif
Pelajari tentang metrik Waktu untuk Interaktif Lighthouse dan cara mengukur dan mengoptimalkannya.
Konten di luar layar disembunyikan dari teknologi pendukung
Pelajari cara meningkatkan aksesibilitas bagi pengguna teknologi pendukung dengan menyembunyikan konten di luar layar dari teknologi pendukung.
Menayangkan gambar dalam format modern
Pelajari audit penggunaan-webp-image.
robots.txt tidak valid
Pelajari tentang "robots.txt tidak valid" audit Lighthouse.
Pramuat permintaan utama
Pelajari audit use-rel- pramuat.
Minifikasikan CSS
Pelajari audit css yang tidak diminifikasi.
Mengurangi dampak kode pihak ketiga
Pelajari bagaimana kode pihak ketiga, seperti jaringan iklan dan layanan analisis, memengaruhi performa pemuatan halaman, dan cara mengoptimalkan kode pihak ketiga.
Data terstruktur valid
Pelajari "Data terstruktur valid" untuk audit Lighthouse.
Link tidak memiliki teks deskriptif
Pelajari tentang "Link tidak memiliki teks deskriptif" audit Lighthouse.
Tunda gambar di balik layar
Pelajari tentang audit gambar di luar layar.
Tanda dan pengukuran Waktu Pengguna
Pelajari bagaimana User Timing API dapat membantu Anda mendapatkan data performa nyata untuk halaman web Anda.
Penghentian dan penghapusan di Chrome 75
Rangkuman penghentian penggunaan dan penghapusan di Chrome 75 untuk membantu Anda melakukan perencanaan.
- Chrome
Indeks Kecepatan
Pelajari tentang metrik Speed Index Lighthouse dan cara mengoptimalkannya.
Menghindari payload jaringan yang sangat besar
Pelajari cara memperbaiki waktu muat halaman web dengan mengurangi ukuran total file resource yang Anda salurkan kepada pengguna.
Rendering latensi rendah dengan petunjuk yang tidak disinkronkan
Aplikasi menggambar berbasis stilus yang dibangun untuk web mengalami masalah latensi karena halaman web harus menyinkronkan pembaruan grafik dengan DOM. Petunjuk yang tidak disinkronkan untuk konteks akan mengabaikan DOM untuk menghilangkan latensi.
- Chrome
Halaman tidak memiliki kode status HTTP yang gagal
Pelajari tentang audit Lighthouse 'Halaman tidak berhasil dengan kode status HTTP'.
Estimasi Latensi Input
Pelajari tentang metrik Estimasi Latensi Input Lighthouse serta cara mengukur dan mengoptimalkannya.
CPU Pertama Tidak Ada Aktivitas
Pelajari metrik First CPU Idle yang tidak digunakan lagi di Lighthouse dan cara mengoptimalkannya.
Error browser dicatat ke konsol
Pelajari cara mengidentifikasi dan memperbaiki error browser.
Menghindari rantai permintaan penting
Pelajari apa yang dimaksud dengan rantai permintaan yang penting, bagaimana pengaruhnya terhadap performa halaman web, dan cara Anda dapat mengurangi dampaknya.
Baru di Chrome 74
Tepat waktunya untuk Google I/O, Chrome 74 akan segera hadir! Ini menambahkan dukungan untuk kolom class pribadi; memungkinkan Anda mendeteksi kapan pengguna meminta pengurangan pengalaman gerakan; menambahkan dukungan untuk peristiwa transisi CSS, dan banyak lagi. Mari selami dan lihat apa yang baru untuk developer di Chrome 74!
- Chrome
Mencatat pesan di dalam Console
Pelajari cara mencatat pesan ke dalam Konsol.
- Chrome DevTools
Referensi fitur konsol
Referensi komprehensif tentang setiap fitur dan perilaku yang terkait dengan UI Console di Chrome DevTools.
- Chrome DevTools
Lihat nilai JavaScript secara real time dengan Ekspresi Langsung
Jika Anda sering mengetik ekspresi JavaScript yang sama ke dalam Konsol, coba Ekspresi Langsung.
- Chrome DevTools
Yang Baru di DevTools (Chrome 75)
Nilai preset pelengkapan otomatis yang bermakna, menghapus data situs dari Menu Perintah, dan lainnya.
- Chrome
Chromium Chronicle #1: Praktik Terbaik Penjadwalan Tugas
Tim Chrome dengan bangga memperkenalkan Chromium Chronicle, yaitu seri bulanan yang ditujukan khusus untuk developer Chromium - para developer yang membuat browser. Bulan ini, kita membahas praktik terbaik penjadwalan.
- Chrome
Tidak Digunakan Lagi: Melihat Data Cache Aplikasi dengan Chrome DevTools
Cara melihat data Cache Aplikasi dari panel Aplikasi Chrome DevTools.
- Chrome DevTools
Melihat data Web SQL
Cara melihat data Web SQL dari panel Aplikasi Chrome DevTools.
- Chrome DevTools
Melihat data cache
Cara melihat data cache dari panel Aplikasi Chrome DevTools.
- Chrome DevTools
Penghentian dan penghapusan di Chrome 74
Rangkuman penghentian penggunaan dan penghapusan di Chrome 74 untuk membantu Anda melakukan perencanaan.
- Chrome
Node DOM yang sedang dipilih
Pelajari pintasan konsol cepat untuk mendapatkan node DOM yang saat ini dipilih.
- Chrome
Melihat dan mengubah data IndexedDB
Cara melihat dan mengubah data IndexedDB dengan panel Application dan Snippets.
- Chrome DevTools
Lihat dan edit penyimpanan sesi
Cara melihat dan mengedit `sessionStorage` dengan panel Penyimpanan Sesi dan Konsol.
- Chrome DevTools
Lihat dan edit penyimpanan lokal
Cara melihat dan mengedit `localStorage` dengan panel Local Storage dan Console.
- Chrome DevTools
Baru di Chrome 73
Chrome 73 mempermudah pembuatan konten portabel dengan Signed HTTP Exchange. Mengubah gaya secara dinamis menjadi jauh lebih mudah dengan lembar gaya yang dapat dibuat. Dan menambahkan dukungan untuk Progressive Web App di Mac, yang menghadirkan dukungan untuk PWA ke semua platform desktop dan seluler, sehingga mempermudah pembuatan aplikasi yang dapat diinstal, yang ditayangkan melalui web. Mari selami dan lihat apa yang baru untuk developer di Chrome 73!
- Chrome
Penyimpanan KV - Modul Bawaan Pertama Web
Pengantar KV Storage API baru, modul bawaan, dan peta impor.
- Chrome
Yang Baru di DevTools (Chrome 74)
Sorot node yang terpengaruh oleh properti CSS, Lighthouse v4, penampil pesan biner WebSocket, dan lainnya.
- Chrome
Mulai melihat dan mengubah DOM
Cara melihat node, menelusuri node, mengedit node, node referensi di Console, menghentikan perubahan node, dan lainnya.
- Chrome DevTools
Tim Ekosistem Web Dev - Rangkuman bulan Februari
Pada bulan Februari, kita akan melihat kembali apa yang terjadi dalam tim Ekosistem Developer Web.
- Chrome
Bermigrasi dari Workbox v3 ke v4
Panduan untuk bermigrasi dari Workbox v3 ke v4.
jendela-kerja
Modul yang membantu mendaftarkan pekerja layanan, mengelola update, dan merespons peristiwa siklus proses.
Mengganti jalur hot di JavaScript aplikasi Anda dengan WebAssembly
Salah satu manfaat utama yang ditawarkan WebAssembly adalah performa yang _dapat diprediksi_ di seluruh browser. Namun, bagaimana cara mengubah hot path yang ditulis dalam JavaScript menjadi WebAssembly?
- Chrome
Membuat roda scroll cepat secara default
Responsivitas scroll sangat penting bagi interaksi pengguna dengan situs di perangkat seluler, namun pemroses peristiwa wheel sering menyebabkan masalah performa scroll yang serius. Pelajari cara kami membantu pengguna dan developer untuk bekerja dengan cepat secara default.
- Chrome
Penghentian dan penghapusan di Chrome 73
Rangkuman penghentian penggunaan dan penghapusan di Chrome 73 untuk membantu Anda melakukan perencanaan.
- Chrome
Hasil pencocokan yang lebih baik dengan String.prototype.matchAll()
Chrome 73 memperkenalkan metode String.prototype.matchAll(). Perilaku ini mirip dengan match(), tetapi menawarkan cara sederhana untuk melakukan iterasi pada kecocokan, terutama ketika Anda memerlukan akses ke grup tangkapan.
- Chrome
Update media di Chrome 73
Dukungan kunci media hardware, pemeriksaan kebijakan HDCP, uji coba origin Picture-in-Picture, dan lainnya.
- Chrome
Template dan Komponen Web secepat kilat - lit-html & LitElement
lit-html dan LitElement menghadirkan template yang cepat dan ringan, serta komponen yang dapat dioperasikan bersama ke web modern.
- Chrome
Nonaktifkan JavaScript
Buka Menu Perintah dan jalankan perintah Nonaktifkan JavaScript.
- Chrome DevTools
RTCQuicTransport Akan Segera Hadir untuk Uji Coba Origin di Dekat Anda (Chrome 73)
RTCQuicTransport adalah API platform web baru yang memungkinkan pertukaran data arbitrer dengan pembanding jarak jauh menggunakan protokol QUIC.
- Chrome
Baru di Chrome 72
Di Chrome 72, pembuatan kolom class publik di JavaScript sekarang jauh lebih rapi, Anda dapat melihat apakah halaman telah diaktifkan dengan User Aktivasi API baru, pelokalan daftar menjadi jauh lebih mudah, dan masih banyak lagi. Mari selami dan lihat apa yang baru untuk developer di Chrome 72!
- Chrome
Membuat prototipe Stack Packs untuk Lighthouse
Daripada hanya menampilkan saran umum, Stack Packs akan memperluas Lighthouse agar menyertakan pesan tambahan untuk alat tertentu.
- Chrome
Yang Baru di DevTools (Chrome 73)
Logpoint, tooltip mendetail dalam Mode Pemeriksaan, dan banyak lagi.
- Chrome
Membuat aktivasi pengguna konsisten di seluruh API
Pada versi 72, Chrome mengirimkan Aktivasi Pengguna v2 yang membuat ketersediaan aktivasi pengguna selesai untuk semua API yang dibatasi aktivasi, sehingga menyelesaikan banyak inkonsistensi aktivasi pengguna.
- Chrome
Shape Detection API: sebuah gambar bernilai ribuan kata, wajah, dan kode batang
Shape Detection API mendeteksi wajah, kode batang, dan teks dalam gambar.
Membuat perangkat untuk WebUSB
Buat perangkat untuk memanfaatkan WebUSB API sepenuhnya. Artikel ini menjelaskan cara mem-build perangkat untuk memanfaatkan sepenuhnya WebUSB API. Untuk pengantar singkat tentang API itu sendiri, lihat Mengakses Perangkat USB di Web. Universal
Tetap terjaga dengan Screen Wake Lock API
Agar baterai tidak habis, sebagian besar perangkat akan segera beralih ke mode tidur saat tidak ada aktivitas. Meskipun sering kali hal ini tidak menjadi masalah, ada beberapa aplikasi yang perlu menjaga layar tetap aktif untuk menyelesaikan beberapa pekerjaan. Screen Wake Lock API menyediakan cara untuk mencegah perangkat meredup atau mengunci layar saat aplikasi harus tetap berjalan.
Penghentian dan penghapusan di Chrome 72
Rangkuman penghentian penggunaan dan penghapusan di Chrome 72 untuk membantu Anda melakukan perencanaan.
- Chrome
Buka Chrome DevTools
Semua cara yang dilakukan untuk membuka Chrome DevTools.
- Chrome DevTools
Melacak fokus elemen
Buka Console, buat Ekspresi Langsung, dan tetapkan ekspresi ke document.activeElement.
- Chrome DevTools
Badge untuk ikon aplikasi
App Badging API memungkinkan aplikasi web terinstal menyetel badge di seluruh aplikasi, yang ditampilkan di tempat khusus sistem operasi yang terkait dengan aplikasi, seperti rak atau layar utama. {i>Badge<i} memudahkan untuk memberi tahu pengguna secara halus bahwa ada beberapa aktivitas baru yang mungkin memerlukan perhatian mereka, atau dapat digunakan untuk menunjukkan sejumlah kecil informasi, seperti jumlah yang belum dibaca.
Baru di Chrome 71
Chrome 71 membuat tampilan nilai waktu relatif lebih mudah dengan Intl.RelativeTimeFormat() API yang baru. Anda dapat menentukan sisi teks mana yang akan diberi garis bawah untuk teks yang mengalir secara vertikal. Dan penggunaan API sintesis ucapan sekarang mengharuskan aktivasi pengguna sebelum komputer mulai berbicara dengan Anda! Mari selami dan lihat apa yang baru untuk developer di Chrome 71!
- Chrome
Memperkenalkan Pengambilan Latar Belakang
Pengambilan latar belakang memungkinkan Anda menangani download berukuran besar, meskipun browser ditutup.
- Chrome
Yang Baru di DevTools (Chrome 72)
Visualisasikan metrik performa, tandai node teks, salin jalur JS ke node DOM, dan pembaruan panel Audits.
- Chrome
Audio Web, Kebijakan Putar Otomatis, dan Game
Pada September 2017, kami mengumumkan perubahan mendatang pada cara audio ditangani dengan kebijakan perilaku pemutaran otomatis di Chrome. Perubahan kebijakan ini dirilis dengan Chrome 66 Stabil pada Mei 2018. Setelah menerima masukan dari komunitas
- Chrome
Status kemampuan baru
Aplikasi web harus dapat melakukan apa pun yang dapat dilakukan aplikasi khusus platform. Temukan status kemampuan baru untuk aplikasi web.
Signed HTTP Exchanges
Signed HTTP Exchange memungkinkan situs web menandatangani konten web dengan cara yang aman agar konten dapat didistribusikan kembali dan diverifikasi dengan aman.
- Chrome
Penghentian dan penghapusan di Chrome 71
Rangkuman penghentian penggunaan dan penghapusan di Chrome 71 untuk membantu Anda melakukan perencanaan.
- Chrome
Update Audio/Video di Chrome 70
Rangkuman update audio/video di Chrome 70 - Buffering dan pemutaran lintas codec dan lintas bytestream, Opus dalam MP4 dengan MSE, dan pemutaran konten yang dilindungi diizinkan secara default di Android.
- Chrome
Tonton video menggunakan Picture-in-Picture
Kontrol Picture-in-Picture untuk elemen video di situs Anda.
- Chrome
Baru di Chrome 70
Chrome 70 menambahkan dukungan untuk Desktop Progressive Web Apps di Windows dan Linux, dukungan untuk Kredensial Kunci Publik untuk Credential Management API, memungkinkan Anda memberikan nama untuk pekerja khusus, dan banyak lagi. Mari selami dan lihat apa yang baru untuk developer di Chrome 70!
- Chrome
Tweaks untuk cache.addAll() dan importScripts() akan hadir di Chrome 71
Beberapa perubahan kecil akan hadir pada cache.addAll() dan importScripts serta di Chrome 71.
- Chrome
Masalah Paint Timing Chrome 69
Chrome 69 menyertakan perubahan yang salah pada metrik paint-time, yang dimaksudkan untuk menangkap lebih banyak pipeline rendering, tetapi menghasilkan beberapa stempel waktu yang tidak akurat.
- Chrome
Yang Baru di DevTools (Chrome 71)
Sorot node DOM dari Ekspresi langsung, simpan node sebagai variabel global, dan lainnya.
- Chrome
Worklet Animasi Houdini
Animation Worklet memungkinkan Anda menulis animasi imperatif yang berjalan pada kecepatan frame asli perangkat untuk kehalusanTM bebas jank yang ekstra mentega, membuat animasi Anda lebih tahan terhadap jank thread utama dan dapat ditautkan untuk di-scroll, bukan waktu.
- Chrome
Kontrol pengguna untuk izin host: panduan transisi
Panduan mengupdate Ekstensi untuk menangani perubahan izin host runtime mulai Chrome 70.
- Chrome Extensions
Tampilan mendalam pada browser web modern (bagian 4)
Penanganan peristiwa input dengan thread compositor
- Chrome
Tampilan mendalam pada browser web modern (bagian 3)
Cara kerja bagian dalam mesin rendering browser
- Chrome
Update media di Chrome 70
Buffering dan pemutaran lintas codec dan lintas bytestream, Opus dalam MP4 dengan MSE, dan pemutaran konten yang dilindungi diizinkan secara default di Android.
- Chrome
Penghentian dan Penghapusan di Chrome 70
Rangkuman penghentian penggunaan dan penghapusan di Chrome 68 untuk membantu Anda melakukan perencanaan.
- Chrome
Tampilan mendalam pada browser web modern (bagian 2)
Pelajari cara browser menangani permintaan navigasi.
- Chrome
Akses Asinkron ke Cookie HTTP
Cookie Store API menawarkan akses asinkron ke cookie HTTP, dan membuka penyimpanan cookie untuk pekerja layanan.
- Chrome
Tampilan mendalam pada browser web modern (bagian 1)
Pelajari cara browser mengubah kode Anda menjadi situs yang fungsional, mulai dari arsitektur tingkat tinggi hingga spesifikasi pipeline rendering.
- Chrome
Baru di Chrome 69
Sudah sepuluh tahun sejak Chrome pertama kali dirilis. Banyak hal telah berubah sejak saat itu, tetapi tujuan kami untuk membangun fondasi yang kuat bagi aplikasi web modern belum juga! Di Chrome 69, ada dukungan CSS Scroll Snapping, dukungan untuk notch, kunci web, dan beberapa fitur CSS4 baru yang keren. Mari selami dan lihat apa yang baru untuk developer di Chrome 69!
- Chrome
Yang Baru di DevTools (Chrome 70)
Ekspresi Langsung di Konsol, sorot node DOM selama Evaluasi Eager, dan lain-lain.
- Chrome
Update media di Chrome 69
Rangkuman update media di Chrome 69: Pemeriksaan kebijakan AV1 dan HDCP.
- Chrome
ReportingObserver: mengetahui kondisi kode Anda
ReportingObserver memberikan insight kepada developer tentang fungsi kode mereka di dunia nyata. ReportingObserver menampilkan informasi tentang masalah seperti penghentian penggunaan dan intervensi, pesan yang sebelumnya hanya tersedia di konsol DevTools.
- Chrome
Kecepatan kini menjadi faktor halaman landing untuk Google Penelusuran dan Iklan
Kecepatan sekarang menjadi faktor halaman landing untuk Google Penelusuran dan Iklan.
- Chrome
Baru di Chrome 68
Chrome 68 menghadirkan perubahan pada perilaku Tambahkan ke Layar Utama di Android, yang memberi Anda lebih banyak kontrol. API siklus proses halaman memberi tahu Anda saat tab telah ditangguhkan atau dipulihkan. Selain itu, Payment Handler API memungkinkan aplikasi pembayaran berbasis web mendukung pengalaman Permintaan Pembayaran. Mari selami dan lihat apa yang baru untuk developer di Chrome 68!
- Chrome
Memperkenalkan NoState Prefetch
Chrome 63 dikirimkan dengan Prefetch NoState. NoState Prefetch adalah mekanisme untuk mengambil resource di awal yang menggunakan lebih sedikit memori daripada proses pra-rendering yang tidak digunakan lagi.
- Chrome
PWACompat - Manifes Aplikasi Web untuk semua browser
Gunakan library PWACompat untuk menghadirkan Manifes Aplikasi Web Anda ke semua browser.
- Chrome
pramuat-navigasi kotak kerja
Aktifkan pramuat navigasi agar mendapatkan respons jaringan atas permintaan navigasi lebih cepat.
Isolasi Situs untuk developer web
Chrome 67 di desktop memiliki fitur baru bernama Isolasi Situs\* yang diaktifkan secara default. Artikel ini menjelaskan apa yang dimaksud dengan Isolasi Situs, mengapa hal ini diperlukan, dan mengapa developer web harus mengetahuinya.
- Chrome
Bereksperimen dengan Penundaan Input Pertama di Laporan UX Chrome
Mengumumkan penambahan metrik eksperimental Penundaan Input Pertama (FID) ke Laporan Pengalaman Pengguna Chrome.
- Chrome
Memahami kuota penyimpanan
Panduan tentang cara mengonfigurasi Workbox untuk menghindari masalah kuota penyimpanan.
Pengantar Kebijakan Fitur
Kebijakan Fitur memungkinkan developer mengaktifkan, menonaktifkan, dan memodifikasi perilaku API dan fitur tertentu di browser secara selektif. Ini seperti CSP, tetapi untuk fitur! Dikirimkan pada Chrome 60.
- Chrome
Pembatalan gema native lebih banyak
Dukungan pengurangan gema native lebih banyak
- Chrome
Pola desain worklet audio
Pola desain worklet audio
- Chrome
Augmented reality untuk web
Augmented reality memungkinkan penempatan dan pelacakan objek virtual dalam tampilan dunia nyata.
- Chrome
Chacmool: Augmented reality di Chrome Canary
Chacmool, sebuah demo web edukasi, menunjukkan betapa mudahnya AR berbasis web dapat menghadirkan pengalaman yang menarik.
- Chrome
FAQ migrasi penghentian penginstalan inline
Pertanyaan umum (FAQ) tentang penghentian penginstalan inline untuk Ekstensi Chrome.
- Chrome Extensions
Penghentian dan Penghapusan di Chrome 68
Rangkuman penghentian penggunaan dan penghapusan di Chrome 68 untuk membantu Anda melakukan perencanaan.
- Chrome
Perubahan untuk ditambahkan ke perilaku layar utama
Mulai Chrome 68 di Android, perilaku Tambahkan ke Layar Utama berubah untuk memberi Anda kontrol lebih atas waktu dan cara meminta pengguna. Jika situs Anda memenuhi kriteria tambahkan ke layar utama, Chrome tidak akan lagi otomatis menampilkan banner tambahkan ke layar utama. Sebagai gantinya, Anda harus memanggil prompt() pada peristiwa beforeinstallprompt yang disimpan untuk menampilkan perintah dialog tambahkan ke layar utama kepada pengguna.
- Chrome
Baru di Chrome 67
Chrome 67 menghadirkan Progressive Web App ke desktop. Menambahkan dukungan untuk API sensor generik, yang mempermudah akses ke sensor perangkat seperti akselerometer, giroskop, dan lainnya. Dan menambahkan dukungan untuk BigInts yang mempermudah penanganan bilangan bulat besar. Mari selami dan lihat apa yang baru untuk developer di Chrome 67!
- Chrome
Yang Baru di DevTools (Chrome 68)
Evaluasi segera, petunjuk argumen, pelengkapan otomatis fungsi, Lighthouse 3.0, dan banyak lagi.
- Chrome
Mengaktifkan Autentikasi Kuat dengan WebAuthn
Chrome 67 beta memperkenalkan Web Authentication (WebAuthn) API, yang memungkinkan browser berinteraksi dengan dan mengelola kredensial berbasis kunci publik. Hal ini memungkinkan autentikasi kuat menggunakan kunci keamanan yang dapat dilepas dan pengautentikasi platform bawaan seperti pemindai sidik jari.
Menggunakan Lighthouse untuk meningkatkan performa pemuatan halaman
Audit perf baru untuk pramuat, preconnect, GIF, dan lainnya.
- Chrome
Panduan Migrasi Lighthouse v3
Cara melakukan migrasi dari Lighthouse v2 ke v3.
Mengumumkan Lighthouse 3.0
Audit lebih cepat, varian yang lebih sedikit, UI laporan baru, audit baru, dan lainnya.
- Chrome
Penghentian dan Penghapusan di Chrome 67
Rangkuman penghentian penggunaan dan penghapusan di Chrome 67 untuk membantu Anda melakukan perencanaan. Pada versi ini, penghentian penyematan kunci publik, penghapusan AppCache pada konteks yang tidak aman, dan penghapusan awalan lainnya.
- Chrome
Bermigrasi ke skrip latar belakang berbasis peristiwa
Cara memigrasikan skrip latar belakang persisten ke model non-persisten berbasis peristiwa untuk meningkatkan performa Ekstensi Chrome Anda.
- Chrome Extensions
Menjalankan JavaScript di Console
Pelajari cara menjalankan JavaScript di Console.
- Chrome DevTools
Baru di Chrome 66
Chrome 66 membuat manipulasi CSS lebih mudah dengan CSS Typed Model Object yang baru, akses ke clipboard sekarang asinkron, ada konteks proses rendering baru untuk elemen kanvas, dan cara yang lebih baik untuk memproses Audio menggunakan JavaScript. Mari selami dan lihat apa yang baru untuk developer di Chrome 66!
- Chrome
Capai performa puncak
Panduan tentang cara membuat Ekstensi Chrome berperforma tinggi.
- Chrome Extensions
Yang Baru di DevTools (Chrome 67)
Telusuri seluruh header jaringan, permintaan penyalinan sebagai pengambilan, audit halaman menggunakan kondisi desktop, dan lainnya.
- Chrome
Mengedit dan menyimpan file di ruang kerja
Pelajari cara menyimpan perubahan yang dibuat dalam DevTools ke file sumber Anda.
- Chrome DevTools
Mempresentasikan halaman web ke layar sekunder yang dilampirkan
Chrome 66 memungkinkan halaman web menggunakan tampilan terlampir sekunder melalui Presentation API dan mengontrol kontennya melalui Presentation Receiver API.
- Chrome
Penghentian dan penghapusan di Chrome 66
Rangkuman penghentian penggunaan dan penghapusan di Chrome 66 untuk membantu Anda melakukan perencanaan. Pada versi ini, keamanan pekerja layanan yang ditingkatkan, perubahan pada nilai posisi CSS, dan banyak lagi.
- Chrome
Pembatalan gema native macOS
Menggunakan echo canceller macOS native di Chrome
- Chrome
FAQ tentang SmooshGate
Apa yang dapat diajarkan SmooshGate tentang pengembangan standar dan Platform Web? Uraian ini memberikan gambaran umum.
- Chrome
Lindungi privasi pengguna
Panduan untuk memastikan bahwa Ekstensi Chrome Anda melindungi privasi pengguna.
- Chrome Extensions
Lindungi privasi pengguna
Panduan untuk memastikan bahwa Ekstensi Chrome Anda melindungi privasi pengguna.
- Chrome Extensions
Mendesain antarmuka pengguna
Panduan UI dan desain untuk Ekstensi Chrome.
- Chrome Extensions
Bermigrasi dari Workbox v2 ke v3
Panduan untuk bermigrasi dari Workbox v2 ke v3.
Baru di Chrome 65
Chrome 65 menambahkan dukungan untuk CSS Paint API baru, yang memungkinkan Anda membuat gambar secara terprogram. Anda dapat menggunakan Server Timing API untuk memberikan informasi waktu performa server melalui header HTTP, dan tampilan CSS yang baru: properti content dapat membuat kotak menghilang. Mari selami dan lihat apa yang baru untuk developer di Chrome 65!
- Chrome
Tetap aman
Cara menjaga keamanan Ekstensi Chrome Anda.
- Chrome Extensions
Tetap aman
Cara menjaga keamanan Ekstensi Chrome Anda.
- Chrome Extensions
Yang Baru di DevTools (Chrome 66)
Abaikan skrip di panel Jaringan, sesuaikan otomatis zoom dalam Mode Perangkat, dan lainnya.
- Chrome
Lighthouse 2.8 Pembaruan
Audit performa dan SEO baru, performa sebagai bagian pertama dalam laporan, dan lainnya.
- Chrome
Penghentian dan penghapusan di Chrome 65
Rangkuman penghentian penggunaan dan penghapusan di Chrome 65 untuk membantu Anda melakukan perencanaan. Dalam versi ini, pengingat tentang sertifikat Symantec, download lintas asal diblokir, dan document.all kini hanya baca.
- Chrome
Meltdown/Spectre
Implikasi untuk Developer Web dan mitigasi Chrome.
- Chrome
pembuatan kotak kerja
Modul yang dapat menghasilkan pekerja layanan, memasukkan manifes precache ke dalam kode yang ada, atau membuat manifes precache.
Bermigrasi dari sw-precache atau sw-toolbox
Panduan untuk bermigrasi dari sw-precache atau sw-toolbox ke Workbox.
Laporan Pengalaman Pengguna Chrome - Dimensi negara baru
Mengumumkan rilis dimensi negara baru dalam Laporan Pengalaman Pengguna Chrome.
- Chrome
Baru di Chrome 64
Chrome 64 menambahkan dukungan untuk ResizeObservers, yang akan memberi tahu Anda ketika kotak konten elemen telah berubah ukurannya. Modul kini dapat mengakses ke metadata tertentu dengan import.metadata Pemblokir pop-up semakin kuat dan masih banyak lagi. Mari selami dan lihat apa yang baru untuk developer di Chrome 64!
- Chrome
CSS Paint API
CSS Paint API Houdini memungkinkan Anda menggambar gambar CSS secara terprogram.
- Chrome
Yang Baru di DevTools (Chrome 65)
Penggantian Lokal, alat aksesibilitas, audit performa serta SEO, dan lainnya.
- Chrome
Chrome Headless: jawaban untuk situs JavaScript rendering sisi server
Headless Chrome adalah solusi siap pakai untuk mengubah situs JavaScript dinamis menjadi halaman HTML statis.
Yang Baru di DevTools (Chrome 64)
Pengelompokan Performance Monitor, Sidebar Konsol, dan Konsol.
- Chrome
Menonaktifkan peredam bising hardware
Menonaktifkan peredam bising hardware secara eksperimental di Chrome 64.
- Chrome
Info terbaru tentang iklan yang lebih baik
Info terbaru tentang iklan yang lebih baik.
- Chrome
workbox-webpack-plugin
Buat pekerja layanan atau memasukkan manifes precache, menggunakan alat build webpack.
Penghentian dan Penghapusan di Chrome 64
Rangkuman penghentian penggunaan dan penghapusan di Chrome 64 untuk membantu Anda melakukan perencanaan. Dalam versi ini, API performa berubah, penghapusan dukungan untuk beberapa root bayangan, dan penghapusan WebKit API.
- Chrome
Laporan Pengalaman Pengguna Chrome - memperluas hingga ke 1 Juta+ asal teratas
Hari ini, kami mengumumkan Laporan Pengalaman Pengguna Chrome baru dengan cakupan yang diperluas ke lebih dari 1 juta origin teratas di web.
- Chrome
Chrome 64 akan menghentikan penggunaan chrome.loadTimes() API
chrome.loadTimes() API non-standar tidak akan digunakan lagi di Chrome 64 karena sekarang padanan berbasis standar ada untuk semua fiturnya yang berguna.
- Chrome
Worklet Audio kini tersedia secara default
Chrome 64 dilengkapi dengan fitur baru yang sangat dinantikan di API Audio Web - Audio Worklet
- Chrome
Hosting mandiri untuk Linux
Cara mengemas, menghosting, dan mengupdate file crx dari server pribadi untuk pengguna Linux.
- Chrome Extensions
Menginstal ekstensi di Linux
Cara mengemas, menghosting, dan mengupdate file crx dari server pribadi.
- Chrome Extensions
Pembaruan Lighthouse 2.6
Audit performa baru, perombakan skor aksesibilitas, pelaporan peningkatan UX, dan perbaikan bug.
- Chrome
Update media di Chrome 63/64
Pemutaran media yang dapat diprediksi, HDR di Windows 10, pemutaran offline dengan lisensi persisten, dan banyak lagi menunggu Anda di Chrome 64.
- Chrome
Device Memory API
Device Memory API memungkinkan developer untuk menyajikan berbagai sumber daya kepada pengguna berdasarkan kemampuan memori perangkat mereka.
- Chrome
Baru di Chrome 63
Chrome 63 memungkinkan Anda mengimpor modul JavaScript secara dinamis. Pertanyaan pengkodean wawancara favorit saya menjadi sangat mudah dengan iterator dan generator asinkron. Anda juga dapat mengganti perilaku scroll tambahan default browser dengan properti perilaku overscroll CSS.
- Chrome
workbox-broadcast-update
Mengirim pesan ke halaman saat cache diperbarui dengan respons baru.
Yang Baru di DevTools (Chrome 63)
Proses debug jarak jauh multiklien, notifikasi push dengan data kustom, dan Workspace 2.0.
- Chrome
strategi-workbox
Serangkaian strategi caching runtime yang akan menangani respons terhadap permintaan, biasanya digunakan dengan `workbox-routing`.
sinkronisasi-latar belakang-workbox
Gunakan sinkronisasi latar belakang untuk membuat permintaan jaringan secara andal meskipun pengguna sedang offline.
workbox-google-analytics
Dukungan untuk memutar ulang interaksi offline Google Analytics.
workbox-cli
Buat pekerja layanan, injeksikan manifes precache, atau buat salinan lokal library Workbox dari command line.
workbox-core
Mengubah level log dan mengubah nama cache. Berisi kode bersama yang digunakan oleh semua library Workbox.
{i>workbox-sw<i}
Menyediakan cara untuk memuat runtime Workbox tanpa langkah build.
perutean kotak kerja
Merutekan permintaan dalam pekerja layanan Anda ke strategi caching atau fungsi callback tertentu.
masa berlaku kotak kerja
Permintaan yang di-cache berdasarkan jumlah item dalam cache atau usia permintaan yang di-cache.
permintaan-rentang-workbox
Modul ini memberikan dukungan untuk merespons permintaan `Range:` menggunakan sepotong data yang di-cache sebelumnya.
{i>workbox-precaching<i}
Membuat precache kumpulan file dengan mudah dan mengelola update file secara efisien.
respons yang dapat di-cache dan workbox
Membatasi permintaan mana yang di-cache berdasarkan kode status atau header respons.
Kendalikan scroll Anda - menyesuaikan efek pull-to-refresh dan overflow
Pengantar properti perilaku overscroll CSS.
- Chrome
Menghapus ::shadow dan /deep/ di Chrome 63
Ucapkan selamat tinggal pada pemilih CSS penusuk bayangan.
- Chrome
Penghentian dan penghapusan di Chrome 63
Rangkuman penghentian penggunaan dan penghapusan di Chrome 63 untuk membantu Anda melakukan perencanaan. Dalam versi ini, perilaku baru pada properti antarmuka, penghapusan fungsi webkit, dan perubahan pada RTCRtcpMuxPolicy.
- Chrome
Melebihi kuota buffering
Ada beberapa cara untuk menangani QuotaKelebihanedError.
- Chrome
Pembaruan Lighthouse 2.5
Lima audit baru, modul Node mandiri peluncur Chrome, dan panduan throttling baru.
- Chrome
Baru di Chrome 62
Chrome 62 meningkatkan API informasi jaringan dengan indikator kualitas jaringan, dukungan untuk Font Variabel OpenType telah tersedia, dan Anda kini dapat merekam serta memproses streaming media dari HTMLMediaElements dengan Media Capture dari API elemen DOM.
- Chrome
Menganimasikan buram
Ada beberapa trik yang diperlukan untuk menganimasikan blur secara efisien.
- Chrome
Perubahan WebVR di Chrome 62
Pelajari apa saja yang berubah di WebVR API.
- Chrome
Pengambilan yang dapat dibatalkan
Membatalkan pengambilan menggunakan primitif web baru – Pengontrol pembatalan.
- Chrome
Peristiwa untuk CSS position:sticky
Menggunakan posisi - sticky dan IntersectionObserver secara bersamaan untuk menentukan kapan elemen menjadi melekat. Terapkan efek scroll tanpa peristiwa scroll.
Sensor untuk web
Sensor digunakan di banyak aplikasi untuk mengaktifkan fitur lanjutan seperti game yang mempertimbangkan orientasi atau akselerasi perangkat tempatnya berjalan. Generic Sensor API menyediakan antarmuka umum untuk mengakses data sensor tersebut di web.
Penghentian dan penghapusan di Chrome 62
Rangkuman penghentian penggunaan dan penghapusan di Chrome 62 untuk membantu Anda melakukan perencanaan. Dalam versi ini, peningkatan keamanan, penghentian penggunaan webkit lebih lanjut, dan banyak lagi.
- Chrome
Kebijakan putar otomatis di Chrome
Pelajari praktik terbaik untuk pengalaman pengguna yang baik dengan kebijakan putar otomatis yang baru di Chrome.
- Chrome
Menjelajahi back-forward cache untuk Chrome
bfcache membuat cache yang memungkinkan navigasi instan ke halaman yang sebelumnya dikunjungi.
- Chrome
Update media di Chrome 62
Pemutaran offline dengan lisensi tetap dan Widevine L1 di Android, pengoptimalan trek video, layar penuh video otomatis saat perangkat diputar, rentang yang dapat dicari yang dapat disesuaikan di streaming MS live, FLAC dalam MP4 dengan MSE ada di sini.
- Chrome
Picture-in-Picture (PiP)
Mari kita bahas Web API yang memungkinkan situs membuat jendela video mengambang di atas desktop.
- Chrome
Baru di Chrome 61
Chrome 61 kini mendukung modul JavaScript secara native, yang menyatukan cara JavaScript modular dapat ditulis. Anda kini dapat menggunakan berbagi titik navigator untuk memicu dialog berbagi Android native. Dan WebUSB API telah tersedia, yang memungkinkan aplikasi web untuk mengakses perangkat USB yang diizinkan pengguna. Dan, masih banyak lagi.
- Chrome
Memperkenalkan visualViewport
API area pandang visual memberikan detail tentang cara pengguna memperbesar/memperkecil dan men-scroll halaman Anda.
- Chrome
Yang Baru di DevTools (Chrome 62)
Operator tingkat atas menunggu di Konsol, alur kerja screenshot baru, penyorotan Petak CSS, dan lainnya.
- Chrome
Penghentian dan penghapusan di Chrome 61
Rangkuman penghentian penggunaan dan penghapusan di Chrome 61 untuk membantu Anda melakukan perencanaan. Dalam versi ini, peningkatan keamanan, penghentian penggunaan webkit lebih lanjut, dan banyak lagi.
- Chrome
Memperkirakan Ruang Penyimpanan yang Tersedia
navigator.storage.estimated() memberi Anda analisis tentang batasan penyimpanan aplikasi web Anda.
- Chrome
Update Audio/Video di Chrome 61
Rangkuman update audio dan video di Chrome 61.
- Chrome
Update media di Chrome 61
Pengoptimalan trek video di latar belakang dan layar penuh otomatis saat perangkat diputar kini tersedia.
- Chrome
Baru di Chrome 60
Dengan Chrome 60, Anda kini dapat mengukur waktu untuk first paint dan waktu untuk first contentful paint dengan Paint Timings API. Anda dapat mengontrol cara font dirender dengan properti CSS tampilan font. WebAssembly telah hadir dan masih banyak lagi!
- Chrome
Fitur regular expression mendatang
Ringkasan fitur baru menarik yang segera hadir di ekspresi reguler JavaScript, termasuk tangkapan bernama, flag dotAll, escape properti Unicode, dan pernyataan Looker.
- Chrome
Yang Baru di DevTools (Chrome 61)
Fitur dan perubahan baru akan hadir di DevTools di Chrome 61.
- Chrome
Peristiwa input yang disejajarkan
Memberikan pengalaman pengguna yang lancar adalah hal penting untuk web. Selama beberapa rilis Chrome terakhir, kami telah menurunkan latensi input di perangkat ini.
- Chrome
Blog livestream yang ditingkatkan - Pemisahan kode
Kami mengimplementasikan pembagian kode dan pemotongan berbasis rute seperti WebPack.
- Chrome
DOMException - Permintaan play() terganggu
Apa yang sebenarnya terjadi dengan "DOMException - Permintaan play() terganggu"?
- Chrome
Pengujian otomatis dengan Headless Chrome
Pengujian otomatis dengan Headless Chrome
- Chrome
Update terbaru pada API pengelolaan kredensial
Update terbaru pada API pengelolaan kredensial
- Chrome
Penghentian dan penghapusan di Chrome 60
Rangkuman penghentian penggunaan dan penghapusan di Chrome 60 untuk membantu Anda melakukan perencanaan. Dalam versi ini, peningkatan keamanan, penghentian penggunaan webkit lebih lanjut, dan banyak lagi.
- Chrome
Pengantar Budget API
Dengan Budget API, developer dapat melakukan tindakan latar belakang tanpa memberi tahu pengguna, sehingga memungkinkan kasus penggunaan seperti push senyap.
- Chrome
Baru di Chrome 59
Dengan Chrome 59, Anda dapat menjalankan Chrome di lingkungan otomatis tanpa antarmuka pengguna atau periferal; notifikasi di macOS ditampilkan langsung oleh sistem notifikasi macOS native; Anda kini dapat mengambil foto resolusi penuh dengan API pengambilan gambar, dan masih banyak lagi!
- Chrome
Yang Baru di DevTools (Chrome 60)
Fitur dan perubahan baru akan hadir di DevTools di Chrome 60.
- Chrome
Penghentian dan Penghapusan di Chrome 59
Rangkuman penghentian penggunaan dan penghapusan di Chrome 59 untuk membantu Anda melakukan perencanaan.
- Chrome
Mulai Menggunakan Chrome Headless
Mulai menggunakan Chrome Headless
- Chrome
Berpindah ke sistem notifikasi native di macOS
Mulai Chrome 59, notifikasi akan ditampilkan sebagai notifikasi native di macOS.
- Chrome
Baru di Chrome 58
Dengan Chrome 58, Progressive Web App menjadi lebih imersif dengan tampilan: layar penuh. IndexedDB 2.0 sekarang didukung dan iFrame dengan sandbox mendapatkan lebih banyak opsi. Pete LePage memiliki semua detail dan cara menggunakan fitur developer baru ini di Chrome 58.
- Chrome
Yang Baru di DevTools (Chrome 59)
Fitur dan perubahan baru yang akan hadir di DevTools di Chrome 59.
- Chrome
Kebijakan Chromium pada dialog JavaScript
Dialog JavaScript sinkron modal aplikasi biasanya (dan sayangnya) digunakan untuk membahayakan pengguna. Karena itu, tim Chromium sangat menyarankan agar Anda tidak menggunakan dialog JavaScript.
- Chrome
Membuat animasi luaskan & ciutkan yang berperforma tinggi
Saat membuat efek luaskan dan ciutkan, Anda dapat menggunakan transformasi skala untuk menjaga performa UI Anda.
- Chrome
CSS Deep-Dive - matrix3d() untuk scrollbar khusus bingkai yang sempurna
Matriks transformasi kustom memungkinkan Anda membuat scrollbar kustom yang sempurna dengan frame.
Update media di Chrome 58
Penyesuaian kontrol media, putar otomatis untuk Progressive Web App yang ditambahkan ke layar utama, menjeda pemutaran otomatis video yang dibisukan saat tidak terlihat, dan ada kueri media gamut warna.
- Chrome
Kita akan melintasi streaming (media), Ray
Saat ini, jika menggunakan Media Source Extensions (MSE) di Chrome, Anda tidak dapat beralih antara streaming yang terenkripsi dan jelas. Mulai Chrome 58, semua perubahan ini.
- Chrome
Update Audio/Video di Chrome 58
Rangkuman update audio dan video di Chrome 58.
- Chrome
Penghentian dan Penghapusan di Chrome 58
Rangkuman penghentian penggunaan dan penghapusan di Chrome 58 untuk membantu Anda melakukan perencanaan.
- Chrome
Tab latar belakang di Chrome 57
Tab latar belakang di Chrome 57
- Chrome
Baru di Chrome 57
Dengan Chrome 57, Anda kini dapat menggunakan display: petak untuk tata letak berbasis petak, menggunakan API sesi media untuk menyesuaikan layar kunci dan notifikasi dengan informasi tentang media yang diputar, dan lainnya. Pete LePage memiliki semua detail dan cara menggunakan fitur developer baru ini di Chrome 57.
- Chrome
Yang baru di DevTools (Chrome 58)
Fitur dan perubahan baru yang akan hadir di DevTools di Chrome 58.
- Chrome
Update Lighthouse Januari 2017
Apa yang baru di Lighthouse 1.5.
- Chrome
Sesuaikan notifikasi media dan tangani playlist
Sesuaikan notifikasi media web dan menanggapi peristiwa terkait media dengan Media Session API baru.
- Chrome
Manifes - Pengendali Tindakan
Dokumentasi referensi untuk properti action_handlers manifest.json.
Penghentian dan Penghapusan API di Chrome 57
Rangkuman penghentian penggunaan dan penghapusan di Chrome 57 untuk membantu Anda melakukan perencanaan.
- Chrome
Perubahan pada API permintaan pembayaran
Pada Chrome 56 dan 57, ada beberapa perubahan pada Payment Request API setelah perubahan spesifikasi. Pelajari apa itu API dan buat perubahan pada implementasi Anda sendiri.
- Chrome
Petak CSS – Tata letak tabel kembali. Selalu siap menemani dan mendukung
Petak CSS adalah sistem tata letak baru untuk web.
Baru di Chrome 56
Dengan Chrome 56, aplikasi web kini dapat berkomunikasi dengan perangkat Bluetooth Hemat Energi terdekat menggunakan Web Bluetooth API. Posisi CSS: melekat; kembali - sehingga memudahkan pembuatan elemen yang dapat di-scroll secara normal hingga tetap berada di bagian atas area pandang. Dan HTML5 secara Default diaktifkan untuk semua pengguna.
- Chrome
Membuat scroll sentuh cepat secara default
Responsivitas scroll sangat penting bagi interaksi pengguna dengan situs di perangkat seluler, namun pemroses peristiwa sentuh sering kali menyebabkan masalah performa scroll yang serius. Pelajari cara kami membantu pengguna dan developer untuk bekerja dengan cepat secara default.
- Chrome
Referensi proses debug JavaScript
Temukan alur kerja proses debug baru dalam referensi komprehensif tentang fitur proses debug Chrome DevTools ini.
- Chrome DevTools
Membangun web yang lebih baik dengan Lighthouse
Yang baru di Lighthouse. Merancang ulang, audit praktik terbaik baru, dan penampil laporan {i>online<i}.
- Chrome
Pengubahan ukuran kolom URL
Menyembunyikan kolom URL tidak lagi mengubah ukuran halaman seluler.
- Chrome
Chrome DevTools - Profil CPU JavaScript di Chrome 58
"Rekam Profil CPU JavaScript" telah diubah di Chrome 58.
- Chrome
Chrome DevTools: JavaScript Profiling CPU di Chrome 58
Merekam Profil CPU JavaScript telah diubah di Chrome 58.
- Chrome
Penghentian dan Penghapusan API di Chrome 56
Rangkuman penghentian penggunaan dan penghapusan di Chrome 56 untuk membantu Anda melakukan perencanaan.
- Chrome
position:sticky kembali tersedia di Chrome
position:melekat. Datang kembali!
- Chrome
Mengambil foto dan mengontrol setelan kamera
Pengambilan Gambar adalah API untuk mengontrol setelan kamera dan mengambil foto.
- Chrome
Paralaks Berperforma Tinggi
Dengan sedikit kegelisahan matematis, ada kemungkinan efek paralaks dapat berfungsi optimal dengan arsitektur browser.
- Chrome
Baru di Chrome 55
Dengan Chrome 55, Anda dapat menulis kode berbasis promise seolah-olah kode tersebut sinkron, menggunakan async dan await. PointerEvents menyediakan cara terpadu untuk menangani semua peristiwa input. Dan penyimpanan persisten yang lulus dari uji coba originnya.
- Chrome
Bersiaplah untuk Chrome Dev Summit 2016
Chrome Dev Summit 2016 akan hadir pada hari Kamis, 10 dan 11 November.
- Chrome
Menghindari peringatan tidak aman di Chrome
Chrome akan segera menandai halaman tidak aman yang berisi kolom input sandi dan kartu kredit sebagai Tidak Aman di kolom URL.
- Chrome
Mengelola tanda hubung dengan CSS
Chrome 55 menerapkan properti tanda hubung untuk mengontrol kapan tanda hubung ringan muncul dan perilakunya.
Ringkasan DevTools, Oktober 2016
Fitur Konsol baru, update pada bug pemilih konteks, dan agen pengguna UC Browser baru.
- Chrome
Penghentian dan Penghapusan API di Chrome 55
Rangkuman penghentian penggunaan dan penghapusan di Chrome 56 untuk membantu Anda melakukan perencanaan.
- Chrome
Opsi tindakan sentuh
Tindakan sentuh memungkinkan developer menentukan cara pengguna dapat berinteraksi dengan suatu elemen, dan Chrome kini memiliki dukungan yang lebih luas untuk opsi tindakan sentuh di Chrome 55.
- Chrome
Merekam MediaStream dari elemen kanvas, video, atau audio
Metode captureStream() memungkinkan MediaStream direkam dari elemen kanvas, audio atau video, pada Android dan desktop.
- Chrome
Menunjukkan arah ke depan
Peristiwa pointer menyatukan model input pointer untuk browser, sehingga menghadirkan sentuhan, pena, dan mouse menjadi satu kumpulan peristiwa.
- Chrome
Setelah pemroses peristiwa
addEventListener sekarang mendukung opsi sekali, sehingga mempermudah untuk menentukan peristiwa yang akan dibersihkan setelah itu sendiri.
- Chrome
auxclick akan hadir di Chrome 55
Peristiwa auxclick baru akan diaktifkan untuk klik tombol mouse non-utama.
- Chrome
Baru di Chrome 54
Dengan Chrome 54, kini Anda dapat membuat tag HTML kustom sendiri dan membuat komponen web yang dapat digunakan kembali dengan Custom Elements v1; lebih mudah mengirim pesan antara jendela yang terbuka atau tab pada asal yang sama dengan BroadcastChannel API; pengalaman media menjadi lebih baik di Android dan pengambilan data asing kini tersedia sebagai uji coba origin.
- Chrome
Pembaruan pada developers.google.com/web
Dasar-Dasar Web baru - navigasi yang lebih baik, konten baru, dan banyak lagi!
- Chrome
Pengantar Lighthouse
Pelajari cara menyiapkan Lighthouse untuk mengaudit aplikasi web Anda.
Me-raster ulang lapisan yang digabungkan pada perubahan skala
will-change - transformasi berarti harap animasikan dengan cepat
- Chrome
Pekerja Layanan Lintas asal - Bereksperimen dengan Pengambilan Asing
Layanan pihak ketiga dapat mulai men-deploy pengendali permintaan jaringannya sendiri.
- Chrome
CacheQueryOptions Tiba di Chrome 54
Set lengkap CacheQueryOptions didukung, sehingga lebih mudah untuk menemukan respons yang di-cache yang Anda cari.
- Chrome
Opsi PushSubscription
Sekarang Anda dapat mengakses opsi yang digunakan saat membuat pengguna berlangganan push.
- Chrome
Ringkasan DevTools, September 2016 - Rangkuman Perf
Peningkatan alat kinerja di DevTools selama beberapa rilis Chrome terakhir.
- Chrome
BroadcastChannel API - Bus pesan untuk web
BroadcastChannel API dapat digunakan untuk pub/sub sederhana antara jendela, tab, iframe, atau pekerja.
- Chrome
Intervensi terhadap document.write()
Chrome memblokir beberapa skrip yang ditambahkan menggunakan document.write()
- Chrome
Web Animations API mencapai tonggak pencapaian lintas browser
Firefox 48 bergabung dengan Chrome dalam mengirimkan implementasi native Web Animations API.
- Chrome
Penghentian dan Penghapusan API di Chrome 53
Rangkuman penghentian penggunaan dan penghapusan di Chrome untuk membantu Anda melakukan perencanaan.
- Chrome
Ringkasan DevTools, Agustus 2016
Hal yang terjadi pada panel Referensi, fitur baru, dan aktivitas komunitas.
- Chrome
Putar Otomatis Tanpa Suara di Perangkat Seluler - Tak perlu lagi menggunakan trik kanvas dan GIF animasi.
Putar otomatis tanpa suara untuk video didukung di Android dari Chrome 53. Sebelumnya, elemen video memerlukan gestur pengguna untuk memulai pemutaran.
- Chrome
Kemenangan Interoperabilitas Web Push
Web push memiliki beberapa update pada Chrome versi terbaru. GCM kini mendukung protokol web push dan jika Anda menggunakan VAPID, Anda tidak perlu mendaftar ke Proyek Pengembang Google dan Anda akan diberikan titik akhir FCM.
- Chrome
Men-debug Progressive Web App
Gunakan panel Application untuk memeriksa, memodifikasi, dan men-debug manifes aplikasi web, pekerja layanan, dan cache pekerja layanan.
- Chrome DevTools
Google Analytics offline jadi mudah
Pustaka sw-offline-google-analytics memberikan semua yang Anda butuhkan.
- Chrome
Kompleksitas scroller tanpa batas
Scroller tanpa batas adalah pola UI yang umum. Di sini kita akan mempelajari cara menerapkan pola ini dengan cara konservatif dalam memori yang berperforma pada 60 fps.
- Chrome
Selamat tinggal sesi singkat - Proposal untuk menggunakan pekerja layanan guna meningkatkan pengelolaan cookie di web
Memperkenalkan bukti desain konsep untuk mempertahankan sesi menggunakan Service Worker.
- Chrome
Pembuatan cache pekerja layanan, URL PlaybackRate, dan Blob untuk audio dan video di Chrome untuk Android
Mulai versi 52, Android Chrome menggunakan stack media yang sama dengan Chrome desktop, bukan mengandalkan implementasi platform yang mendasarinya. Hal ini memungkinkan penyimpanan media pekerja layanan ke dalam cache, kecepatan pemutaran variabel, URL blob di Android, MediaStream yang melewati API, dan proses debug lintas platform yang lebih mudah.
- Chrome
Flexbox mendapatkan perilaku baru untuk turunan dengan posisi absolut
Flexbox mendapatkan perilaku baru untuk turunan dengan posisi absolut
- Chrome
ECDSA untuk WebRTC - Keamanan dan privasi yang lebih baik, serta performa yang lebih baik
Mulai versi 52, Chrome menggunakan ECDSA secara default — algoritme yang jauh lebih efisien dan aman untuk pembuatan kunci sertifikat WebRTC. Selain itu, RTCCertificates sekarang dapat disimpan dengan IndexedDB.
- Chrome
Penghentian dan Penghapusan API di Chrome 52
Rangkuman penghentian penggunaan dan penghapusan di Chrome untuk membantu Anda melakukan perencanaan.
- Chrome
Pembatasan CSS di Chrome 52
Properti Penahanan CSS yang baru memungkinkan developer membatasi cakupan gaya, tata letak, dan pekerjaan gambar browser.
- Chrome
Performance observer - Akses efisien ke data performa
Baru di Chrome 52, antarmuka Performance Observer memberikan akses berbasis peristiwa yang lebih efisien ke data linimasa performa.
- Chrome
Ringkasan DevTools, September 2016 - DevTools 2016 dan Setelahnya
Tema dan tren besar untuk DevTools pada 2016 dan seterusnya.
- Chrome
Streaming Cara Anda untuk Mendapatkan Respons Langsung
Mulailah memproses respons pekerja layanan Anda sesegera mungkin, berkat ReadableStreams.
- Chrome
Meningkatkan performa scroll dengan pemroses peristiwa pasif
Baru di Chrome 51, pemroses peristiwa pasif memberikan potensi peningkatan besar untuk performa scroll.
- Chrome
Ringkasan DevTools - Lebih banyak kemampuan dengan menu perintah baru
Baca tentang menu perintah baru DevTools dan lebih dari 60 tindakan yang memungkinkan alur kerja super cepat.
- Chrome
Geolocation API dihapus dari origin yang tidak aman di Chrome 50
Mulai versi 50, Chrome tidak lagi mendukung API Geolokasi HTML5 melalui koneksi yang tidak aman.
- Chrome
Penghentian dan Penghapusan API di Chrome 51
Rangkuman penghentian penggunaan dan penghapusan di Chrome untuk membantu Anda melakukan perencanaan.
- Chrome
Menyederhanakan alur login menggunakan API pengelolaan kredensial
Untuk memberikan pengalaman pengguna yang canggih, penting untuk membantu pengguna mengautentikasi diri mereka ke situs web. Tetapi membuat, mengingat, dan mengetik sandi cenderung merepotkan pengguna akhir, terutama di perangkat seluler
- Chrome
Apa yang baru di KeyboardEvents? Kunci dan kode!
Dua atribut baru menghadirkan penanganan peristiwa keyboard yang konsisten ke web.
- Chrome
Waktu Eksperimen - Anchor Scroll
Penambatan scroll akan menghentikan halaman web setelah Anda mulai membaca konten.
- Chrome
Mengakses Perangkat USB di Web
WebUSB API membuat USB lebih aman dan lebih mudah digunakan dengan membawanya ke Web.
Ringkasan
Mulai menggunakan alat developer web bawaan Google Chrome.
- Chrome DevTools
Referensi Console API
Gunakan Console API untuk menulis pesan ke Console.
- Chrome DevTools
Mode Perangkat Baru untuk Generasi Pertama Seluler
Pelajari semua tentang Mode Perangkat Chrome DevTools yang baru dan diperbarui yang diperkenalkan di Chrome 49.
- Chrome
Membuat perangkat IoT yang mendukung web dengan Intel Edison
{i>Internet of Things<i} benar-benar siap digunakan oleh semua orang saat ini, tetapi bagaimana jika Anda dapat membuat perangkat IoT yang Anda akses dari {i>browser<i} web Anda? Dalam artikel ini, kami melihat bagaimana Anda dapat melakukannya menggunakan Web Fisik, Bluetooth Web, serta Node.js, yang berjalan di papan kerja kelompok Intel® Edison Arduino.
- Chrome
Validasi DOMTokenList Ditambahkan di Chrome 50
Periksa dukungan untuk berbagai fitur secara langsung dalam kode, yang akan hadir di Chrome 50.
- Chrome
Hilangkan sakit kepala dari pengelolaan fokus
Fitur 'titik awal navigasi fokus berurutan' menentukan di mana kita mulai mencari elemen yang dapat difokuskan untuk navigasi fokus berurutan ([Tab] atau [Shift-Tab]) saat tidak ada area yang difokuskan. Ini sangat membantu untuk fitur aksesibilitas seperti melewatkan link dan mengelola fokus dalam dokumen.
- Chrome
Perubahan Orientasi Perangkat Akan Segera hadir di Chrome 50
DeviceOrientationEvent menggunakan derajat relatif, dan DeviceOrientationAbsoluteEvent baru.
- Chrome
Peningkatan Animasi Web di Chrome 50
Kepatuhan spesifikasi yang lebih baik dan fitur baru yang akan hadir di Chrome 50.
- Chrome
Dukungan toBlob() Canvas ditambahkan di Chrome 50
Dukungan untuk Canvas.toBlob akan hadir di Chrome 50.
- Chrome
API Sumber Media - Secara otomatis memastikan pemutaran segmen media yang lancar dalam urutan penambahan
API Sumber Media memungkinkan JavaScript membuat streaming media untuk pemutaran. Mulai Chrome 50, mode urutan SourceBuffer dapat digunakan untuk memastikan segmen media otomatis dipindahkan di linimasa sesuai urutan penambahannya, tanpa ada celah di antara segmen tersebut.
- Chrome
Metode FormData untuk inspeksi dan modifikasi
Di Chrome 50, Anda kini dapat berinteraksi dengan instance FormData sebelum mengirimnya dalam perjalanan.
- Chrome
Penghentian dan Penghapusan API di Chrome 50
Rangkuman penghentian penggunaan dan penghapusan API di Chrome untuk membantu Anda melakukan perencanaan.
- Chrome
Chrome mendukung createImageBitmap() di Chrome 50
Dukungan untuk decoding gambar pada pekerja yang akan diluncurkan di Chrome 50.
- Chrome
Enkripsi Payload Web Push
Web Push sekarang mendukung payload! Cari tahu cara memanfaatkan fitur baru yang canggih ini.
- Chrome
Peningkatan Notifikasi Web di Chrome 50 - Ikon, Tutup Acara, Pemberitahuan Ulang Preferensi, dan Stempel Waktu
Ada banyak fitur baru yang hebat di Chrome 50 untuk Notifikasi, berikut ini ikhtisarnya.
- Chrome
Memprioritaskan Materi Anda dengan link rel=' pramuat'
Chrome 50 menambahkan dukungan untuk rel=' pramuat', dan menghentikan penggunaan rel='subresource'.
- Chrome
HTMLMediaElement.play() menampilkan promise
Selamat tinggal ketidakpastian pemutaran otomatis. play() sekarang menampilkan Promise.
- Chrome
Proses debug jarak jauh yang super cepat, kelas roggle, dan pertunjukan larut malam kita sendiri?
Pelajari semua tentang UI "Inspect Devices" yang telah diubah, beralih kelas dengan mudah di panel gaya yang kini telah diperbaiki, dan tonton uji coba DevTools Tonight.
- Chrome
Lihat variabel di Sumber
Chrome DevTools memungkinkan Anda melihat banyak variabel dengan mudah di seluruh aplikasi.
- Chrome DevTools
DevTools menjadi gelap, pengeditan @keyframe dan pelengkapan otomatis yang lebih cerdas
Pelajari bagaimana DevTools membuat Anda lebih jarang mengetik dengan fitur pelengkapan otomatis Console yang lebih cerdas, cara mengedit aturan @keyframe secara langsung di panel Styles, cara bersenang-senang dengan Variabel Khusus CSS, dan cara bergabung dengan sisi gelap.
- Chrome
Update audio web di Chrome 49
Ringkasan beberapa edisi terbaru untuk Web Audio API di Chrome.
- Chrome
Memperkenalkan proxy ES2015
Proxy ES2015 (di Chrome 49 dan yang lebih baru) menyediakan API intersesi untuk JavaScript, yang memungkinkan kami menjebak atau mencegat semua operasi pada objek target dan mengubah cara operasi target ini.
- Chrome
Scrolling yang lancar di Chrome 49
Lelah dengan scroll yang bertele-tele? Bagus, karena Chrome 49 dikirimkan dengan scroll halus baru yang siap digunakan!
- Chrome
Mengontrol Performa Font dengan tampilan font
Deskripsi tampilan font baru untuk @font-face memungkinkan developer memutuskan bagaimana font web mereka akan dirender (atau fallback), bergantung pada berapa lama waktu yang dibutuhkan untuk memuat font.
- Chrome
Variabel CSS - Mengapa Anda harus peduli?
Variabel CSS, yang lebih dikenal secara akurat sebagai properti khusus CSS, akan tersedia di Chrome 49. Composable ini dapat berguna untuk mengurangi pengulangan di CSS, dan juga untuk efek runtime yang kuat seperti pengalihan tema dan berpotensi memperluas/mem-polyfill fitur CSS di masa mendatang.
Merekam audio dan video dengan MediaRecorder
API MediaRecorder memungkinkan Anda merekam audio dan video dari aplikasi web. API ini kini tersedia di Firefox dan Chrome untuk Android serta desktop.
- Chrome
VP9 kini tersedia di WebRTC
Mulai Chrome 48 di desktop dan Android, VP9 akan menjadi codec video opsional untuk panggilan video menggunakan WebRTC.
- Chrome
Tindakan Notifikasi di Chrome 48
Pengguna dapat berinteraksi dengan situs Anda tanpa membuka halaman menggunakan tombol Tindakan Notifikasi
- Chrome
Stempel waktu resolusi tinggi untuk acara
Mencari tahu kapan peristiwa terjadi dengan presisi mikrodetik, berkat DOMHighResTimeStamp.
- Chrome
Manipulasi URL yang mudah dengan URLSearchParams
TURLSearchParams akses dan manipulasi sederhana dari string kueri URL
- Chrome
Google Cast untuk Chrome di Android
Chrome di Android kini memungkinkan situs seluler melakukan presentasi ke perangkat Google Cast menggunakan Presentation API dan Cast Web SDK.
- Chrome
Memulai Progressive Web App
Pelajari cara mulai membuat Progressive Web App
- Chrome
Panel keamanan diluncurkan di Chrome DevTools
Pelajari semua tentang Panel Keamanan baru di Chrome DevTools.
- Chrome
Memperkenalkan Sinkronisasi Latar Belakang
Sinkronisasi latar belakang adalah API web baru yang memungkinkan Anda menunda tindakan hingga pengguna memiliki konektivitas yang stabil. Hal ini berguna untuk memastikan bahwa apa pun yang ingin dikirim pengguna benar-benar terkirim.
- Chrome
DevTools Digest (Edisi CDS): Sekilas tentang Masa Depan dan Profiling RAIL
Pelajari cara DevTools memanfaatkan perangkat seluler terlebih dahulu dengan Mode Perangkat baru yang disederhanakan yang selalu aktif. Gunakan tombol warna untuk menambahkan warna dengan cepat ke pemilih Anda dan mengetahui apa yang akan segera hadir di DevTools.
- Chrome
Aplikasi Web Pemuatan Instan dengan Arsitektur Shell Aplikasi
Arsitektur shell aplikasi adalah metode untuk membangun aplikasi web progresif saat ini, dengan memanfaatkan berbagai teknologi.
- Chrome
Ringkasan DevTools - Pengeditan elemen yang efisien, proses debug pekerja layanan, dan nuansa desain material
Gunakan menu konteks baru panel DOM untuk mengedit node secara efisien. Men-debug pekerja layanan secara langsung melalui panel Resource. Pilih dari semua nuansa Desain Material di pemilih warna. Blackbox JS dengan lebih mudah.
- Chrome
Resource animasi web
Referensi dan lainnya untuk Web Animations API
Mengelola pemicuan sentuhan untuk menelusuri
Memahami kapan dan bagaimana fitur Sentuh untuk Menelusuri dipicu
- Chrome
Notifikasi membutuhkanInteraksi - UX Notifikasi yang Lebih Lancar di Desktop
Notifikasi di desktop akan otomatis ditutup setelah beberapa saat.
- Chrome
Ringkasan DevTools - Penyusunan Ulang Tab, Console pada 2, dan Pemroses Peristiwa Framework
Urutkan ulang tab DevTools yang menurut Anda paling sesuai dan lihat dengan tepat di mana peristiwa framework terikat.
- Chrome
Kemampuan perangkat input
Metode yang lebih sederhana untuk merasionalisasikan logika sentuh dan mouse ketika tidak ada PointerEvents
- Chrome
Pilih kamera, mikrofon, dan speaker dari aplikasi web Anda
Antarmuka MediaDevices memberikan akses ke perangkat input dan output yang tersedia untuk browser, termasuk kamera, mikrofon, dan speaker.
- Chrome
Menjalankan cuplikan JavaScript
Cuplikan adalah skrip kecil yang bisa Anda tulis dan eksekusi dalam panel Source pada Chrome DevTools. Anda dapat mengakses dan menjalankannya dari halaman mana pun. Ketika dijalankan, cuplikan akan dieksekusi dari konteks halaman yang sedang dibuka.
- Chrome DevTools
Ekstensi logger EME
EME Logger adalah ekstensi Chrome yang mencatat peristiwa dan panggilan Encrypted Media Extensions (EME) ke konsol DevTools.
- Chrome
Update pada Service Worker Cache API
Chrome 46 membawa metode baru ke cache, seperti halnya Chrome 47, dan mungkin 48. Tidak pernah berhenti.
- Chrome
History API - Pemulihan scroll
Update pada History API untuk mencegah scroll yang tidak terlihat jelas.
- Chrome
Penghapusan Tab di Chrome - Eksperimen Menghemat Memori
Mengurangi jejak memori Chrome adalah salah satu prioritas utama tim tahun ini.
- Chrome
Meluncurkan penyematan kunci publik dengan pelaporan HPKP
Chrome 46 dilengkapi dengan fitur yang disebut pelaporan HPKP, yang dapat membantu Anda meluncurkan bentuk SSL yang lebih ketat untuk situs Anda.
- Chrome
Menggunakan manifes aplikasi web untuk menentukan warna tema seluruh situs
Tetapkan warna tema dalam manifes dan sediakan untuk semua halaman di situs Anda saat diluncurkan dari layar utama.
- Chrome
Filter Panel Jaringan yang lebih besar dari lanjutan, dan beberapa lainnya
Tahukah Anda bahwa filter di panel Jaringan mendukung beberapa label penelusuran khusus yang bagus?
- Chrome
Trik keyboard yang sederhana untuk digunakan di Panel Gaya
Pelajari cara menavigasi Panel Gaya secara efektif dengan beberapa trik keyboard yang bermanfaat.
- Chrome
DevTools Digest - Detail Linimasa Gabungan, Palet Warna, dan lainnya
Cari tahu skrip pihak ketiga mana yang menyebabkan masalah performa dengan Detail Gabungan di Linimasa, cara memilih warna yang konsisten dengan palet warna baru, dan lainnya.
- Chrome
Rilis Baru Material Design Lite - 1.0.4
Ada rilis baru Material Design Lite, yang menghadirkan sejumlah perbaikan bug dan peningkatan pada proses build.
- Chrome
Menggunakan gambar poster pada konten plugin
Chrome kini dapat menambahkan gambar poster kustom ke elemen objek untuk meningkatkan performa pemuatan yang dirasakan dari plugin seperti Flash.
- Chrome
Menggunakan requestIdleCallback
requestIdleCallback adalah API performa baru untuk menjadwalkan pekerjaan saat browser tidak ada aktivitas.
- Chrome
Lima trik untuk digunakan di Panel Console
Lima trik untuk digunakan di Panel Console
- Chrome
Duplikasi node DOM dengan mudah
Anda bisa dengan mudah mengubah DOM tanpa harus mengedit HTML sebagai string raksasa.
- Chrome
Mengedit HTML di Panel Console
Menu konteks node DOM, yang mungkin Anda kenali dari panel elemen, juga ada pada panel konsol.
- Chrome
Tempat baru untuk DevTools
Kami telah pindah ke rumah baru kami yang keren di developers.google.com/web/tools/chrome-devtools dan kami menyediakan tutorial dan tips baru yang keren untuk Anda.
- Chrome
Mengedit langsung CSS di sumber
Tahukah Anda bahwa Anda dapat mengedit CSS langsung di Sumber dan memintanya memperbarui halaman secara real-time?
- Chrome
Breadcrumb DOM ditingkatkan
Tahukah Anda bahwa Panel Elements memiliki jejak Breadcrumb?
- Chrome
DevTools Digest - Strip film dan tempat baru untuk throttling
Temukan fungsi strip film baru dan yang lainnya di update DevTools Digest pertama ini.
- Chrome
Menambahkan perangkat kustom baru sebagai preset
Apakah Anda sering mengemulasi perangkat dengan dimensi tertentu? Dalam Mode Perangkat DevTools, Anda dapat menambahkan preset perangkat baru.
- Chrome DevTools
- Chrome
Berkomunikasi dengan perangkat Bluetooth melalui JavaScript
Web Bluetooth API memungkinkan situs berkomunikasi dengan perangkat Bluetooth.
Penghentian MediaStream
MediaStream API mewakili streaming audio atau video yang disinkronkan. MediaStream.ended, MediaStream.label, dan MediaStream.stop() tidak akan digunakan lagi. Sebagai gantinya, gunakan MediaStream.active, MediaStreamTrack.label, dan MediaStreamTrack.stop().
- Chrome
Mengukur Performa pada Pekerja Layanan
Jika Anda tidak dapat mengukur performa permintaan Anda dalam pekerja layanan, bagaimana Anda dapat mengatakan bahwa hal itu meningkatkan performa? Sekarang Anda dapat menjawab pertanyaan tersebut dengan perubahan terbaru di Chrome.
- Chrome
Menggunakan rotasiAngle dan touchRadius
Serangkaian kecil perubahan telah hadir di Chrome 45 yang akan mempermudah developer mem-build aplikasi berbasis sentuh yang lebih baik.
- Chrome
Notifikasi pemutaran media untuk Chrome di Android
Saat audio atau video diputar di halaman web, notifikasi yang menampilkan judul halaman dan tombol putar/jeda akan ditampilkan di baki notifikasi dan di layar kunci. Notifikasi dapat digunakan untuk menjeda/melanjutkan pemutaran atau kembali ke halaman yang memutar media.
- Chrome
Memeriksa dan memicu kueri media CSS
Device Mode memiliki pemeriksa kueri media bawaan yang memungkinkan desain responsif yang lebih mudah.
- Chrome
Pintasan untuk memilih kejadian berikutnya
Di editor Panel Sumber, Anda dapat memilih kejadian berikutnya dengan Cmd + D.
- Chrome
Memilih dan menjalankan blok kode di Panel Sumber
Gunakan pintasan Ctrl + Shift + E untuk menjalankan blok kode yang disorot di Panel Sumber.
- Chrome
Menetapkan titik henti sementara berdasarkan kondisi tertentu
Saat menetapkan titik henti sementara, Anda dapat membuatnya bersyarat berdasarkan hasil ekspresi.
- Chrome
Berpindah-pindah antara panel DevTools dengan cepat
Anda bisa menggunakan Cmd+] (atau Cmd+[) untuk menelusuri panel di DevTools.
- Chrome
Mencetak pelacakan tumpukan cepat dari Console
Anda dapat menggunakan console.trace() untuk mendapatkan pelacakan tumpukan yang cepat dan mudah agar dapat lebih memahami alur eksekusi kode.
- Chrome
Siapa yang memeriksa pemeriksa itu?
Tahukah Anda bahwa Anda bisa memeriksa DevTools dengan DevTools?
- Chrome
Memicu class pseudo pada elemen
Pernah mencoba men-debug efek arahkan kursor CSS tetapi gagal mempertahankan mouse pada elemen? Berikut cara melakukannya.
- Chrome
Penelusuran luas project dengan cakupan file opsional
Pelajari perintah rahasia untuk melakukan penelusuran seperti seorang profesional di DevTools.
- Chrome
Grup warna jaringan
Pelajari warna mana yang cocok dengan jenis resource untuk memudahkan identifikasi resource.
- Chrome
Pratinjau nilai JavaScript secara inline saat melakukan proses debug
Pelajari cara melihat pratinjau nilai variabel JavaScript di DevTools saat melakukan debug.
- Chrome
Mengedit/melihat resource dengan cepat dari panel Elements
Mengedit/melihat resource dengan cepat dari panel Elements
- Chrome
event_rules
Dokumentasi referensi untuk properti event_rules dari manifest.json.
- Chrome Extensions
event_rules
Dokumentasi referensi untuk properti event_rules dari manifest.json.
- Chrome Extensions
Ekstensi Sumber Media untuk Audio
Media Source Extensions (MSE) memberikan buffering yang diperluas dan kontrol pemutaran untuk elemen audio dan video HTML5. Meskipun awalnya dikembangkan untuk memfasilitasi pemutar video berbasis Dynamic Adaptive Streaming melalui HTTP (DASH), MSE dapat digunakan untuk audio; khususnya untuk pemutaran tanpa jeda.
- Chrome
- Chrome Extensions
Memberi tahu Anda tentang Perubahan pada Notifikasi
Dua API baru telah ditambahkan di Chrome 44 yang membuat penggunaan Notifikasi dengan push lebih mudah digunakan dan disesuaikan.
- Chrome
Klik perintah untuk menambahkan beberapa kursor di panel sumber
Pelajari cara mengedit multi-kursor di panel sumber DevTools.
- Chrome
Permintaan jaringan yang belum selesai
Anda dapat menggunakan Is:running Advanced Network Filter untuk melihat permintaan jaringan yang belum selesai (misalnya permintaan yang berjalan).
- Chrome
Melihat pemilih yang cocok
Saat Anda melihat pemilih di Panel Gaya, bagian pemilih yang dipisahkan koma diberi warna secara berbeda tergantung apakah cocok atau tidak dengan simpul DOM yang dipilih.
- Chrome
Node DOM yang sedang dipilih
Pelajari pintasan konsol cepat untuk mendapatkan node DOM yang saat ini dipilih.
- Chrome
Tampilkan di panel elemen
Tampilkan node DOM di panel elemen dari konsol.
- Chrome
Alt + Klik untuk meluaskan semua node turunan
Alt + Klik untuk meluaskan semua node turunan
- Chrome
- Chrome DevTools
Salin gambar sebagai URI data
Klik kanan pratinjau gambar dalam Panel Resources untuk menyalinnya sebagai Data URI (dienkode base 64).
- Chrome
Beberapa peningkatan UI dan fitur pada alat Pemilih Warna
Alat pemilih warna di DevTools mendapatkan upgrade. Saat ini tersedia di Chrome Canary
- Chrome
Tag Elemen Edit Cepat
Anda dapat mengeklik dua kali pada nama tag pembuka sebuah {i>node<i} di Panel Elemen untuk mengeditnya.
- Chrome
Menggunakan keyboard untuk menjelajahi callstack
Cara menetapkan titik henti sementara dan menjelajahi stack panggilan dengan pintasan keyboard.
- Chrome
Editor easing
Pilih properti CSS easing untuk mendapatkan pratinjau animasi visual terkait perilakunya.
- Chrome
Memantau peristiwa dengan cepat dari Panel Console
Anda bisa mencatat semua peristiwa yang dikirim ke objek dengan menggunakan metode Command Line API monitorEvents(object [, events]).
- Chrome
Mendapatkan dan men-debug pemroses peristiwa
Dapatkan dan debug pemroses peristiwa di DevTools dengan perintah konsol ini.
- Chrome
Secara otomatis dijeda pada pengecualian apa pun
Di DevTools, Anda dapat menjeda pengecualian secara otomatis (terutama berguna untuk pengecualian yang tidak tertangkap).
- Chrome
- Chrome DevTools
Mengubah nilai CSS dengan cepat
Ubah nilai CSS dengan cepat menggunakan keyboard atau roda mouse
- Chrome
Pelengkapan otomatis untuk notasi tanda kurung
Tahukah Anda bahwa Anda dapat melengkapi notasi tanda kurung secara otomatis di panel Sumber?
- Chrome DevTools
- Chrome
Memutar ulang permintaan jaringan di cURL
Pelajari cara men-debug permintaan jaringan dari command line.
- Chrome
Menampilkan dan mengubah titik henti sementara DOM
Cara menampilkan dan mengubah titik henti sementara DOM dengan panel Breakpoints di DevTools.
- Chrome
Men-scroll elemen ke area pandang
Jika elemen yang Anda periksa tidak terlihat, berikut cara menampilkannya ke area pandang.
- Chrome
Pemicuan pseudo class
Pelajari cara memicu class pseudo seperti :active untuk men-debug CSS dengan benar.
- Chrome
Strip film di panel Jaringan
Membuka panel jaringan secara visual dan melihat screenshot yang diambil selama pemuatan halaman
- Chrome
Penerusan port
Penerusan port DevTools bahkan memungkinkan URL localhost berfungsi di perangkat seluler.
- Chrome
Luaskan properti singkat CSS
Di panel {i>style<i}, Anda dapat memperluas properti singkat CSS seperti flex atau {i>padding<i} atau padding dan melihat berbagai properti yang telah ditentukan untuk Anda.
- Chrome
Telusuri hierarki DOM berdasarkan pemilih CSS
Saat menjelajahi DOM dengan panel Elements, coba telusuri node melalui CMD/Ctrl+F berdasarkan pemilih CSS-nya.
- Chrome
Dapatkan notifikasi error JS saat Anda mengetik
Jika Anda mendapatkan pesan {i>error<i} di panel konsol, klik baris tersebut untuk memperlihatkan baris di Panel {i>Source<i} tempat indikasi kesalahan muncul.
- Chrome
Perekaman rentang waktu yang mudah
Coba lepaskan DevTools ke jendela terpisah sehingga tombol rekam diposisikan dekat dengan bagian halaman tempat Anda perlu melakukan tindakan
- Chrome
Manifes - Printer USB
Dokumentasi referensi untuk properti usb_printers pada manifest.json.
Menuju nomor baris di kolom tertentu
Pelajari cara melompat ke nomor baris tertentu di panel Sumber.
- Chrome
Video berperforma tinggi dengan decoding hardware
Dukungan video hardware menghadirkan decoding yang efisien pada plugin serta video HTML5. Pengguna Flash harus beralih dari objek Video gaya lama ke objek StageVideo.
- Chrome
Langsung ke pemroses peristiwa
Pelajari cara menampilkan definisi fungsi pemroses peristiwa yang terdaftar di node mana pun.
- Chrome
Sorotan pernyataan terperinci
Lihat pernyataan yang dieksekusi persis dengan sorotan terperinci.
- Chrome
Muat ulang paksa
Setelah DevTools terbuka, klik dan tahan tombol muat ulang untuk melihat opsi lainnya.
- Chrome
Modifikasi Lokal
Modifikasi lokal memungkinkan Anda melihat perubahan apa yang telah dibuat (melalui DevTools) pada file sumber tertentu.
- Chrome
Berpindah-pindah antara pengeditan lokasi
Histori posisi kursor Anda dipertahankan di Panel Sumber, yang memungkinkan Anda beralih melalui lokasi pengeditan sebelumnya dengan Alt+(mundur) atau Alt+(maju)
- Chrome
Menyalin respons resource jaringan ke papan klip Anda
Selain menyalin header permintaan/respons resource jaringan, Anda juga dapat menyalin respons itu sendiri.
- Chrome
Lakukan pemilihan kolom dengan menarik
Anda dapat membuat pilihan kolom di editor Panel Sources dengan menahan Alt sambil menyeret mouse.
- Chrome
Cuplikan standar
Cara menjalankan cuplikan kode standar di halaman web apa pun.
- Chrome
Tag elemen edit cepat
Anda dapat mengeklik dua kali pada nama tag pembuka sebuah {i>node<i} di Panel Elemen untuk mengeditnya.
- Chrome
Salin gambar sebagai URI data
Klik kanan pratinjau gambar dalam Panel Resources untuk menyalinnya sebagai Data URI (dienkode base 64).
- Chrome
Buka di panel Elemen
Tampilkan node DOM di panel Elements dari Console.
- Chrome
Melihat pemilih yang cocok
Saat Anda melihat pemilih di Panel Gaya, bagian pemilih yang dipisahkan koma diberi warna secara berbeda tergantung apakah cocok atau tidak dengan simpul DOM yang dipilih.
- Chrome
Memantau peristiwa dengan cepat dari Panel Console
Anda bisa mencatat semua peristiwa yang dikirim ke objek dengan menggunakan metode Command Line API monitorEvents(object [, events]).
- Chrome
Klik perintah untuk menambahkan beberapa kursor di panel sumber
Pelajari cara mengedit multi-kursor di panel sumber DevTools.
- Chrome
Alt + Klik untuk meluaskan semua node turunan
Alt + Klik untuk meluaskan semua node turunan
- Chrome
- Chrome DevTools
Mengalihkan status dok DevTools dengan pintasan keyboard
Gunakan Cmd + Shift + D untuk mengalihkan status dok DevTools ke antara dua status terakhir yang baru saja digunakan.
- Chrome
Mengalihkan status dok DevTools dengan pintasan keyboard
Gunakan Cmd + Shift + D untuk mengalihkan status dok DevTools ke antara dua status terakhir yang baru saja digunakan.
- Chrome
Permintaan jaringan yang belum selesai
Anda dapat menggunakan Is:running Advanced Network Filter untuk melihat permintaan jaringan yang belum selesai (misalnya permintaan yang berjalan).
- Chrome
Editor easing
Pilih properti CSS easing untuk mendapatkan pratinjau animasi visual terkait perilakunya.
- Chrome
Kapitalisasi otomatis untuk seluler
Hal lain terkait entri teks yang mengecewakan pengguna adalah dihapus.
- Chrome
Perintah potong dan salin
Dukungan untuk perintah potong dan salin memungkinkan Anda secara terprogram memotong dan menyalin teks yang dipilih ke papan klip pengguna.
- Chrome
Melihat resource halaman
Mengatur resource menurut bingkai, domain, jenis, atau kriteria lainnya.
- Chrome DevTools
Emulasikan dan Uji Browser Lain
Tugas Anda tidak berakhir dengan memastikan situs Anda berjalan mulus di Chrome dan Android. Meskipun Mode Perangkat dapat menyimulasikan berbagai perangkat lain seperti iPhone, sebaiknya periksa solusi browser lain untuk emulasi.
- Chrome DevTools
Atribut DOM sekarang ada di rantai prototipe
Chrome menjadi sesuai dengan spesifikasi. Periksa situs Anda jika Anda mengasumsikan logika WebKit untuk propagasi atribut
- Chrome
Melakukan debug perangkat Android dari jarak jauh
Melakukan debug konten langsung dari jarak jauh di perangkat Android dari komputer Windows, Mac, atau Linux.
- Chrome DevTools
Referensi Console Utilities API
Referensi fungsi praktis yang tersedia di Chrome DevTools Console.
- Chrome DevTools
Mendebug kode asli Anda, bukan di-deploy dengan peta sumber
Jaga agar kode sisi klien tetap dapat dibaca dan di-debug bahkan setelah Anda menggabungkan, diminifikasi, atau mengompilasinya.
- Chrome DevTools
Men-debug WebView dari jarak jauh
Debug WebView di aplikasi native Android menggunakan Chrome Developer Tools.
- Chrome DevTools
Permissions API untuk Web
Permissions API memberi Anda tempat terpusat untuk memeriksa status izin API.
- Chrome
Konsep yang disederhanakan dalam penamaan animasi web
Sebagai tanggapan atas masukan developer, beberapa fitur Animasi Web yang akan datang diganti namanya.
- Chrome
Tempat baru untuk DevTools
Kami pindah ke rumah baru yang berkilau di developer.google.com/web yang memiliki tutorial dan tips baru yang hebat untuk Anda.
- Chrome
Linimasa DevTools - Kini menyediakan cerita lengkap
Kami telah mengupgrade panel Linimasa untuk Chrome DevTools guna memberikan analisis lebih lanjut kepada developer mengenai performa runtime situs mereka.
- Chrome
Notifikasi Push di Open Web
Pesan dan Notifikasi Push Landing di Chrome 42.
- Chrome
Mengelola Penyimpanan Offline HTML5
Cara menyimpan data sisi klien di Aplikasi Chrome agar dapat berfungsi secara offline.
Membuat situs semantik dengan Komponen Web dan JSON-LD
Tambahkan markup schema.org ke komponen Anda dan buat agar mudah digunakan oleh mesin telusur.
- Chrome
Mendapatkan Literal dengan String Template ES6
Literal String template dengan ekspresi yang disematkan. Sudah lama kita menantikan hal ini. Secara harfiah
- Chrome
Chrome Dev Summit 2014 - Mari kita bangun beberapa aplikasi dengan Polymer
Membuat aplikasi, dengan cara Polymer.
- Chrome
Apa itu Area Pandang Virtual?
Area pandang virtual memisahkan tata letak dan tampilan area pandang.
- Chrome
rendering gambar:pixelated
Pikselasi negara. Kini di Chrome 41
- Chrome
Mempertahankan status selama mutasi DOM dengan moveBefore()
Memindahkan node di sekitar DOM tanpa kehilangan status penting
- Chrome
Modul bersama
Cara berbagi kode antar-Ekstensi Chrome.
- Chrome Extensions
Modul bersama
Cara berbagi kode antar-Ekstensi Chrome.
- Chrome Extensions
Chrome Dev Summit 2014 - Polymer - Negara persatuan
Negara bagian Polymer Union.
- Chrome
Perintah Instal Aplikasi Native
Banner penginstalan aplikasi native memberi Anda kemampuan agar pengguna dapat menginstal aplikasi native dengan cepat dan lancar di perangkat mereka dari app store, tanpa meninggalkan browser.
- Chrome
Fitur Pesan Native
Cara bertukar pesan dengan aplikasi native dari Aplikasi Chrome.
Kontrol pemutaran animasi web di Chrome 39
Pelajari pemutaran animasi web
- Chrome
Dasar-dasar pengembangan web seluler
Sekilas tentang beberapa upaya yang dilakukan tim Chrome untuk membantu developer memulai pengembangan web dan melakukan iterasi di situs mereka.
- Chrome
Masukan developer diperlukan - Frame Timing API
Sebuah API baru sedang dikembangkan untuk membantu mengukur frame per detik secara umum, tetapi API ini memerlukan masukan Anda.
- Chrome
Dukungan untuk warna tema di Chrome 39 untuk Android
Gunakan warna tema untuk menyetel warna toolbar di Chrome untuk Android.
- Chrome
Langkah 2: Impor Aplikasi Web yang Ada
Cara menyesuaikan aplikasi web yang ada untuk platform Aplikasi Chrome.
Langkah 1: Membuat dan Menjalankan Aplikasi Chrome
Cara membuat, menginstal, menjalankan, dan men-debug Aplikasi Chrome dasar.
Langkah 4: Buka Link Eksternal dengan Webview
Cara menampilkan konten web eksternal di Aplikasi Chrome.
Langkah 6: Ekspor Daftar Tugas ke Sistem File
Cara menulis ke sistem file dari Aplikasi Chrome.
Membuat Aplikasi Chrome Todo
Pengantar codelab.
Langkah 5: Tambahkan Gambar dari Web
Cara menambahkan gambar ke Aplikasi Chrome menggunakan XHR dan ObjectURL.
Langkah 7: Memublikasikan Aplikasi
Cara memublikasikan Aplikasi Chrome di Chrome Web Store.
Langkah 3: Tambahkan Alarm dan Notifikasi
Cara mengaktifkan Aplikasi Chrome Anda pada interval tertentu dan menggunakan notifikasi.
Generator - bit rumit
Eksplorasi Generator ES6.
- Chrome
Mengirim data beacon di Chrome 39
Chrome 39 menerapkan Beacon API, yang memungkinkan pengiriman permintaan HTTP asinkron kecil selama peristiwa penghapusan muatan halaman.
- Chrome
Sentuhan presisi untuk gestur yang akurat
TouchEvents telah berubah di Chrome untuk menampilkan nilai float, bukan bilangan bulat, untuk memperhitungkan berbagai kepadatan layar. Hal ini menghasilkan respons yang lebih mendetail selama gestur lambat.
- Chrome
Pengumpulan dan iterasi, cara ES6
Peta, Set, dan untuk...iterasi adalah fitur ES6 yang dapat mengubah cara Anda bekerja dengan koleksi data.
- Chrome
Konversi ArrayBuffer ke String yang lebih mudah dengan Encoding API
Encoding API native menawarkan cara mudah untuk melakukan konversi antara data biner mentah dan string JavaScript.
- Chrome
Perubahan Audio Web di m36
Deskripsi pekerjaan pembersihan standar Audio Web di Chrome 36
- Chrome
elemen dialog yang dikirimkan di Chrome 37 Beta
Chrome Beta telah mendapatkan dukungan native untuk elemen
- Chrome
Ringkasan DevTools - Chrome 35
Update pada Developer Tools di Chrome 35
- Chrome
API notifikasi lengkap
Cara menampilkan notifikasi kepada pengguna Ekstensi Chrome.
- Chrome Extensions
Menggunakan Notifications API
Tampilkan notifikasi kepada pengguna Ekstensi Chrome.
- Chrome Extensions
Dukungan Blob untuk IndexedDB kini ada di Chrome Dev
Fitur yang telah lama ditunggu-tunggu untuk Chrome, dukungan Blob untuk IndexedDB kini hadir di Chrome Dev.
- Chrome
Mengotomatiskan Pengukuran Performa Web
Gunakan PSI untuk memasukkan metrik performa web ke dalam proses build Anda.
- Chrome
Game Engine
Game engine yang direkomendasikan untuk Aplikasi Chrome.
Animasi Web - element.animate() kini ada di Chrome 36
Animasi Web menentukan model untuk mendukung animasi dan sinkronisasi di platform Web. element.animate() adalah model pertama yang ada di Chrome.
- Chrome
Sentuhan yang lebih kompatibel dan lebih halus
Anda dan pengguna ingin aplikasi web seluler yang bereaksi dan bergulir dengan halus saat disentuh. Mengembangkannya seharusnya mudah, tetapi sayangnya, bagaimana browser web seluler bereaksi terhadap peristiwa sentuh selama scrolling dibiarkan sebagai detail implementasi dalam spesifikasi [TouchEvent](https://www.w3.org/TR/touch-events/).
- Chrome
Menjalankan Aplikasi Chrome di Seluler Menggunakan Apache Cordova
Panduan cara menggunakan Apache Cordova untuk menyiapkan Aplikasi Chrome agar berjalan di perangkat Android dan iOS.
Men-debug JavaScript asinkron dengan Chrome DevTools
Fitur canggih yang membuat JavaScript unik adalah kemampuannya untuk bekerja secara asinkron melalui fungsi callback. Menetapkan callback asinkron memungkinkan Anda menulis kode berbasis peristiwa, tetapi juga membuat pelacakan bug menjadi pengalaman
- Chrome
Masuk ke Petak CSS
Tata Letak Petak CSS adalah modul CSS3 baru yang menyediakan primitif tata letak baru yang ideal untuk aplikasi web.
- Chrome
Manifes - Bluetooth
Dokumentasi referensi untuk properti bluetooth dari manifest.json.
Bluetooth
Cara berkomunikasi dengan perangkat Bluetooth dari Aplikasi Chrome.
Perubahan Hosting Chrome 33
Detail tentang perubahan hosting untuk Ekstensi Chrome yang dimulai di Chrome versi 33.
- Chrome Extensions
Aplikasi WebView untuk developer web
Tutorial yang mengajarkan cara menggunakan Yeoman, Gradle, dan Grunt untuk mem-build aplikasi web.
Tips dan trik
Tips dan trik untuk meningkatkan kualitas aplikasi WebView Anda.
Memulai
Petunjuk langkah demi langkah tentang cara membuat Ekstensi Chrome.
- Chrome Extensions
Alur kerja WebView
Tutorial yang mengajarkan cara menggunakan Yeoman, Gradle, dan Grunt untuk mem-build aplikasi web.
Pertanyaan umum (FAQ)
Pertanyaan umum (FAQ) tentang Ekstensi Chrome.
- Chrome Extensions
WebView yang sempurna
Cara membuat UI WebView yang sempurna.
Tutorial: Bermigrasi ke Manifes V2
Panduan tentang cara bermigrasi dari manifes v1 ke manifes v2.
- Chrome Extensions
Ringkasan DevTools
Update pada Alat developer di Chrome 33
- Chrome
chrome.location
Dokumentasi referensi untuk chrome.location API.
- Chrome Extensions
Intisari Bulanan Yeoman
Ringkasan bulanan artikel, generator, dan berita proyek Yeoman berkualitas tinggi.
- Chrome
Mengganti setelan Chrome
Cara mengganti setelan Chrome dari Ekstensi Chrome.
- Chrome Extensions
Mengganti setelan Chrome
Cara mengganti setelan Chrome dari Ekstensi Chrome.
- Chrome Extensions
Yo Polymer – Tur Whirlwind Alat Komponen Web
Tur singkat untuk Komponen Web, Polimer, dan alat front-end.
- Chrome
Aplikasi web yang berbicara - Pengantar API Sintesis Ucapan
Pengantar fitur sintesis Web Speech API.
- Chrome
Chrome Dev Summit - Ringkasan platform
Platform
- Chrome
Chrome Dev Summit - Buka ringkasan platform web
Kemampuan Platform Web Terbuka melaju dengan kecepatan yang belum pernah ada sebelumnya. Di Chrome Dev Summit, kami membahas upaya kami untuk meningkatkan kualitas Blink, Keamanan, dan Media untuk platform ini.
- Chrome
Chrome Dev Summit - Ringkasan performa
Performa Penting
- Chrome
soket
Dokumentasi referensi untuk properti soket manifest.json.
Chrome Dev Summit - Komponen deklaratif, dienkapsulasi, dan dapat digunakan kembali Polymer
Polymer adalah gerbang menuju masa depan Komponen Web yang luar biasa. Pelajari lebih lanjut Komponen Web dan Polimer dari Chrome Dev Summit
- Chrome
Chrome Dev Summit - Ringkasan seluler
Berikut laporan pertama dalam rangkaian laporan dari Chrome Dev Summit. Ada penekanan kuat pada pengembangan Seluler dan Lintas perangkat, jadi kami akan memulainya.
- Chrome
Intisari Bulanan Yeoman
Rangkuman artikel, video, dan diskusi rutin yang ditulis oleh komunitas Yeoman.
- Chrome
Mesin animasi web baru dalam kedipan mendorong animasi dan transisi CSS
Implementasi Animasi Web 1.0 telah hadir di Blink yang mendukung Animasi dan Transisi CSS.
- Chrome
Ringkasan DevTools Desember 2013
Update terbaru untuk perubahan pada Chrome DevTools.
- Chrome
Penundaan ketuk 300 md, menghilang
Setiap interaksi klik di browser seluler terhambat dengan penundaan 300 md, tetapi hal ini tidak ada di Chrome 32 untuk situs yang dioptimalkan untuk seluler.
- Chrome
Terminal DevTools
Menggunakan terminal dari DevTools
- Chrome
Manifes untuk penyimpanan terkelola
Dokumentasi referensi untuk properti penyimpanan manifest.json.
- Chrome Extensions
Manifes untuk area penyimpanan
Dokumentasi referensi untuk properti penyimpanan manifest.json.
- Chrome Extensions
Chrome DevTools untuk seluler
Screencast dan emulasi
- Chrome
Ringkasan Chrome DevTools November
Chrome DevTools bergerak cepat dan kami ingin Anda memperhatikan beberapa fungsi baru dan peningkatan yang telah kami perkenalkan pada beberapa komponen. Yaitu, kita akan membahas beberapa perubahan UI, pembuatan profil JS beresolusi tinggi, dan
- Chrome
Intisari Bulanan Yeoman
Rangkuman artikel, video, dan diskusi rutin yang ditulis oleh komunitas Yeoman.
- Chrome
Lanskap otomatisasi pengembangan front-end (Slide)
Pelajari cara meningkatkan produktivitas front-end Anda dengan alat untuk otomatisasi alur kerja.
- Chrome
Perangkat Seri
Cara berkomunikasi dengan perangkat serial dari Aplikasi Chrome.
Input audio live Audio Web - kini ada di Android
Chrome untuk Android (v31.0.1650+) baru saja mendapatkan dukungan untuk input audio melalui Web Audio API.
- Chrome
Tata letak Flexbox tidak lambat
Kabar baik! flexbox baru 2,3x lebih cepat dari flexbox lama
- Chrome
Jawaban DevTools - Font apa itu?
Pernahkah Anda bertanya-tanya {i>font<i} mana yang sebenarnya digunakan untuk merender teks? Anda jangan heran saat Chrome DevTools mengungkapkan semuanya.
- Chrome
elemen dialog - modal menjadi mudah
Pernahkah Anda membuat kotak dialog modal sendiri? Tidak lama lagi, Anda tidak akan perlu melakukannya lagi; kotak dialog telah menjadi bagian dari platform web.
- Chrome
url_handlers
Dokumentasi referensi untuk properti url_handlers manifest.json.
externally_connectable
Dokumentasi referensi untuk properti external_connectable dari manifest.json.
- Chrome Extensions
externally_connectable
Dokumentasi referensi untuk properti external_connectable dari manifest.json.
- Chrome Extensions
Analytics
Cara mengintegrasikan Google Analytics ke dalam Aplikasi Chrome Anda.
Transparansi alfa di video Chrome
WebM baru saja menambahkan transparansi alfa, dan dukungan untuknya telah hadir di Chrome 31.
- Chrome
Revolusi Chrome DevTools 2013
Seiring dengan meningkatnya kompleksitas dan fungsi aplikasi web, Chrome DevTools juga berkembang. Dalam recap presentasi Paul Irish di Google I/O 2013, Chrome DevTools Revolutions 2013, Anda akan melihat fitur terbaru yang merevolusi cara Anda
- Chrome
Sintaksis sourceMappingURL dan sourceURL diubah
Sintaksis sourceMappingURL dan sourceURL diubah
- Chrome
Versi Manifes
Dokumentasi referensi untuk properti manifest_version dari manifest.json.
- Chrome Extensions
Manifes - Modul Nacl
Dokumentasi referensi untuk properti nacl_modules manifest.json.
- Chrome Extensions
Manifes - kunci
Dokumentasi referensi untuk properti kunci manifest.json.
- Chrome Extensions
Manifes - Ikon
Dokumentasi referensi untuk properti ikon manifest.json.
- Chrome Extensions
Manifes - Sandbox
Dokumentasi referensi untuk properti sandbox manifest.json.
- Chrome Extensions
Manifes V2 - Versi [Tidak digunakan lagi]
Dokumentasi referensi untuk properti versi manifest.json.
- Chrome Extensions
Manifes - Nama dan Nama Pendek
Dokumentasi referensi untuk properti nama dan short_name manifest.json.
- Chrome Extensions
Manifes - Samaran
Dokumentasi referensi untuk properti samaran manifest.json.
- Chrome Extensions
Manifes - Lokalitas Default
Dokumentasi referensi untuk properti default_locale dari manifest.json.
- Chrome Extensions
Manifes - Persyaratan
Dokumentasi referensi untuk properti persyaratan manifest.json.
- Chrome Extensions
Manifes - Resource yang Dapat Diakses Web
Dokumentasi referensi untuk properti web_Accessible_resources manifes.json.
- Chrome Extensions
Manifes - Lokalitas Default
Dokumentasi referensi untuk properti default_locale dari manifest.json.
- Chrome Extensions
Manifes - Persyaratan
Dokumentasi referensi untuk properti persyaratan manifest.json.
- Chrome Extensions
Manifes - Samaran
Dokumentasi referensi untuk properti samaran manifest.json.
- Chrome Extensions
Manifes - Versi
Dokumentasi referensi untuk properti versi manifest.json.
- Chrome Extensions
Manifes - Sandbox
Dokumentasi referensi untuk properti sandbox manifest.json.
- Chrome Extensions
Manifes - Kunci
Dokumentasi referensi untuk properti kunci manifest.json.
- Chrome Extensions
Manifes - short_name
Dokumentasi referensi untuk properti short_name dari manifest.json.
- Chrome Extensions
Manifes - Deskripsi
Dokumentasi referensi untuk properti deskripsi manifest.json.
- Chrome Extensions
Manifes - Deskripsi
Dokumentasi referensi untuk properti deskripsi manifest.json.
- Chrome Extensions
Manifes - URL Halaman Beranda
Dokumentasi referensi untuk properti homepage_url dari manifest.json.
- Chrome Extensions
Manifes - Ikon
Dokumentasi referensi untuk properti ikon manifest.json.
- Chrome Extensions
Manifes - nama
Dokumentasi referensi untuk properti nama manifest.json.
- Chrome Extensions
Manifes - Versi Chrome Minimum
Dokumentasi referensi untuk properti minimum_chrome_version dari manifest.json.
- Chrome Extensions
Manifes - URL Halaman Beranda
Dokumentasi referensi untuk properti homepage_url dari manifest.json.
- Chrome Extensions
Manifes - Resource yang Dapat Diakses Web
Dokumentasi referensi untuk properti web_Accessible_resources manifes.json.
- Chrome Extensions
Manifes - Offline Diaktifkan
Dokumentasi referensi untuk properti offline_enabled dari manifest.json.
- Chrome Extensions
Manifes - Pengendali File
Dokumentasi referensi untuk properti file_handlers manifest.json.
Aplikasi Kios
Dokumentasi referensi untuk properti kios_enabled dari manifest.json.
Manifes - Aplikasi
Dokumentasi referensi untuk properti aplikasi manifest.json.
Pengantar Filter Kustom (alias Shader CSS)
Pengantar Filter Kustom (alias Shader CSS)
Memvisualisasikan konsep DOM bayangan
Memvisualisasikan konsep DOM bayangan
- Chrome
Apa itu ekstensi?
Ringkasan tujuan Ekstensi Chrome dan cara pengembangannya.
- Chrome Extensions
Membuat profil waktu paint yang lama dengan mode menggambar berkelanjutan DevTools
Membuat profil waktu paint yang lama dengan mode menggambar berkelanjutan DevTools
- Chrome
WebRTC - Demo RTCDataChannel, perubahan API... dan Chrome berkomunikasi dengan Firefox
WebRTC - Demo RTCDataChannel, perubahan API... dan Chrome berkomunikasi dengan Firefox
- Chrome
Singkatan Latar Belakang CSS hadir di browser WebKit seluler
Singkatan Latar Belakang CSS hadir di browser WebKit seluler
- Chrome
Aplikasi web berbasis suara - Pengantar Web Speech API
Aplikasi Web Berbasis Suara - Pengantar Web Speech API
- Chrome
Berbagi layar dengan WebRTC
Berbagi layar dengan WebRTC
- Chrome
Gambar latar belakang kanvas
Mendukung latar belakang CSS menggunakan kanvas atau webgl
- Chrome
WebRTC mengklik Firefox, Android, dan iOS
WebRTC mengklik Firefox, Android, dan iOS
- Chrome
Mem-build Aplikasi dengan AngularJS
Panduan tentang membangun Aplikasi Chrome dengan AngularJS.
Merespons perubahan dengan Object.observe
Merespons perubahan dengan Object.observe
- Chrome
Kebijakan keamanan konten 1.0 secara resmi luar biasa
Kebijakan keamanan konten 1.0 secara resmi luar biasa
- Chrome
Membangun Aplikasi dengan Sencha Ext JS
Cara membangun Aplikasi Chrome dengan framework Sencha Ext JS.
Mendeklarasikan izin
Ringkasan nilai yang valid untuk properti izin di manifest.json.
- Chrome Extensions
Globe interaktif dengan shader CSS dan Google Maps
Globe Interaktif dengan shader CSS dan Google Maps
- Chrome
Izin activeTab
Cara menggunakan izin activeTab di Ekstensi Chrome.
- Chrome Extensions
Izin "activeTab"
Cara menggunakan izin activeTab di Ekstensi Chrome.
- Chrome Extensions
Mengganti halaman Chrome
Cara mengganti halaman tab baru, histori, dan pengelola bookmark Chrome dari Ekstensi Chrome Anda.
- Chrome Extensions
Menggunakan eval di ekstensi Chrome
Cara menggunakan eval() di Ekstensi Chrome.
- Chrome Extensions
Pesan yang diteruskan
Cara meneruskan pesan antara ekstensi dan skrip konten.
- Chrome Extensions
Input audio web live diaktifkan
Input audio web live diaktifkan
- Chrome
OAuth2: Mengautentikasi pengguna dengan Google
Petunjuk langkah demi langkah tentang cara membuat ekstensi yang mengakses kontak Google pengguna melalui Google People API, Chrome Identity API, dan OAuth2.
- Chrome Extensions
Ekstensi proses debug
Petunjuk langkah demi langkah tentang cara men-debug Ekstensi Chrome.
- Chrome Extensions
Tutorial: Google Analytics
Petunjuk langkah demi langkah tentang cara melacak penggunaan Ekstensi dengan Google Analytics.
- Chrome Extensions
Format file manifes
Ringkasan properti manifest.json yang dapat Anda gunakan di Ekstensi Chrome.
- Chrome Extensions
Versi manifes
Properti manifest_version dari manifest.json menunjukkan versi spesifikasi manifes yang ditargetkan oleh Ekstensi Chrome.
- Chrome Extensions
Menggunakan eval() di iframe dalam sandbox
Cara menggunakan eval() di Ekstensi Chrome.
- Chrome Extensions
Pesan yang diteruskan
Cara meneruskan pesan antara ekstensi dan skrip konten.
- Chrome Extensions
Mendeklarasikan izin dan memperingatkan pengguna
Cara menerapkan izin untuk melindungi pengguna dan Ekstensi Anda.
- Chrome Extensions
OAuth 2.0: mengautentikasi pengguna dengan Google
Petunjuk langkah demi langkah tentang cara membuat ekstensi yang mengakses kontak Google pengguna melalui Google People API, Chrome Identity API, dan OAuth2.
- Chrome Extensions
Menggunakan Google Analytics 4
Petunjuk langkah demi langkah tentang cara melacak penggunaan Ekstensi dengan Google Analytics 4.
- Chrome Extensions
Apa itu tema?
Panduan cara membuat tema.
- Chrome Extensions
Ringkasan arsitektur
Penjelasan tingkat tinggi tentang arsitektur software Ekstensi Chrome.
- Chrome Extensions
Permintaan jaringan lintas origin
Terapkan permintaan jaringan lintas origin di Ekstensi Chrome.
- Chrome Extensions
Chrome Web Store
Cara menghosting ekstensi Anda di Chrome Web Store dan mengupdate ekstensi yang dihosting di Chrome Web Store.
- Chrome Extensions
Apa itu tema?
Panduan cara membuat tema.
- Chrome Extensions
Pola pencocokan
Memahami pola pencocokan URL di ekstensi Chrome.
- Chrome Extensions
Format file manifes
Ringkasan properti manifest.json Ekstensi Chrome.
- Chrome Extensions
Ekstensi debug
Petunjuk untuk men-debug Ekstensi Chrome.
- Chrome Extensions
Berikan opsi kepada pengguna
Cara mengizinkan pengguna menyesuaikan Ekstensi Anda
- Chrome Extensions
Pola pencocokan
Cara kerja pencocokan pola skrip konten dan izin host, disertai contoh.
- Chrome Extensions
Berikan opsi kepada pengguna
Cara mengizinkan pengguna menyesuaikan ekstensi Anda
- Chrome Extensions
XMLHttpRequest lintas asal
Cara mengimplementasikan XHR lintas asal di Ekstensi Chrome Anda.
- Chrome Extensions
Mengganti halaman Chrome
Cara mengganti halaman tab baru, histori, dan pengelola bookmark Chrome dari Ekstensi Chrome Anda.
- Chrome Extensions
Format pesan pelokalan
Dokumentasi referensi tentang format file messages.json untuk Ekstensi Chrome.
- Chrome Extensions
API Penyimpanan
Cara menangani penyimpanan di Aplikasi Chrome.
Arsitektur Aplikasi Chrome
Ringkasan arsitektur software Aplikasi Chrome.
Update otomatis
Cara mengaktifkan update otomatis Aplikasi Chrome.
Versi Manifes
Dokumentasi referensi untuk properti manifest_version dari manifest.json.
Perangkat USB
Cara berkomunikasi dengan perangkat USB dari Aplikasi Chrome.
Web API
Aplikasi Chrome dapat menggunakan semua API yang tersedia untuk situs.
Arsitektur MVC
Ringkasan model arsitektur software pengontrol tampilan model.
Konten Eksternal
Cara menampilkan konten eksternal di Aplikasi Chrome.
Mendukung aksesibilitas
Cara membuat Ekstensi Chrome Anda dapat diakses.
- Chrome Extensions
Skrip konten
Penjelasan tentang skrip konten dan cara menggunakannya di Ekstensi Chrome Anda.
- Chrome Extensions
Kebijakan Keamanan Konten
Ringkasan CSP untuk Aplikasi Chrome dan cara mematuhinya.
Mengelola peristiwa dengan skrip latar belakang
Cara merespons pemicu browser (peristiwa) dari skrip latar belakang Ekstensi Chrome.
- Chrome Extensions
Aksesibilitas (a11y)
Cara membuat Ekstensi Chrome Manifes V2 Anda dapat diakses.
- Chrome Extensions
Autentikasi Pengguna
Cara mengautentikasi pengguna di Aplikasi Chrome.
Memperluas DevTools
Cara membuat Ekstensi Chrome yang menambahkan fitur ke Chrome DevTools.
- Chrome Extensions
Komunikasi Jaringan
Cara menggunakan TCP dan UDP di Aplikasi Chrome.
Menggunakan metode penginstalan alternatif
Cara menginstal Ekstensi Chrome menggunakan JSON preferensi atau registry Windows.
- Chrome Extensions
Opsi distribusi ekstensi alternatif
Cara mendistribusikan Ekstensi Chrome di luar Chrome Web Store.
- Chrome Extensions
Skrip konten
Penjelasan tentang skrip konten dan cara menggunakannya di Ekstensi Chrome Anda.
- Chrome Extensions
Memperluas DevTools
Cara membuat Ekstensi Chrome yang menambahkan fungsi ke Chrome DevTools.
- Chrome Extensions
Siklus Proses Aplikasi Chrome
Ringkasan siklus proses Aplikasi Chrome.
Offline Terlebih Dahulu
Cara membuat Aplikasi Chrome yang bekerja secara offline.
Ringkasan pengembangan ekstensi
Ringkasan kemampuan dan komponen Ekstensi Chrome.
- Chrome Extensions
Membuat Aplikasi Pertama Anda
Tutorial tentang cara membuat Aplikasi Chrome dasar.
Notifikasi lengkap dengan webKit
Cara menerapkan notifikasi di Ekstensi Chrome.
- Chrome Extensions
Menumpuk perubahan yang akan dilakukan ke posisi:elemen tetap
perubahan penumpukan yang akan dilakukan ke posisi:elemen tetap
- Chrome
Bersiaplah mendarat! posisi - mendarat di WebKit
Bersiaplah mendarat! posisi - mendarat di WebKit
- Chrome
Mengintegrasikan input[type=file] dengan Filesystem API
Mengintegrasikan input[type=file] dengan Filesystem API
- Chrome
Jika milidetik tidak cukup - performance.now
Jika milidetik tidak cukup - performance.now
- Chrome
daftar data untuk input rentang/warna menawarkan beberapa pilihan default
daftar data untuk input rentang/warna menawarkan beberapa pilihan default
- Chrome
FAQ singkat tentang input[type=date] di Google Chrome
FAQ singkat tentang input[type=date] di Google Chrome
- Chrome
Cara mengukur performa grafis browser
Cara mengukur performa grafis browser.
- Chrome
Tarik lalu lepas folder ke Chrome kini tersedia
Tarik lalu lepas folder ke Chrome kini tersedia
- Chrome
Tiba! xhr.send(ArrayBufferViews)
Tiba! xhr.send(ArrayBufferViews)
- Chrome
Memanfaatkan akselerasi GPU di kanvas 2D
Memanfaatkan akselerasi GPU di kanvas 2D
- Chrome
Menulis buku yang dapat dilipat menggunakan Region CSS dan transformasi 3D
Menulis buku yang dapat dilipat menggunakan Region CSS dan transformasi 3D
- Chrome
Kebijakan Keamanan Konten
Kebijakan Keamanan Konten dapat secara signifikan mengurangi risiko dan dampak serangan pembuatan skrip lintas situs di browser modern.
Cara mengonversi ArrayBuffer ke dan dari String
Cara mengonversi ArrayBuffer ke dan dari String
- Chrome
Jangan membuat blob, buatlah secara singkat
Perubahan spesifikasi terbaru pada File API mencakup konstruktor baru untuk Blob, yang pada dasarnya membuat BlobBuilder tidak relevan.
- Chrome
Websocket Frame Inspection sekarang di Chrome DevTools
Menambahkan kemampuan pemeriksaan ke dalam data yang melalui kabel di WebSockets
- Chrome
daftar data hadir di Chrome Canary
Dengan menggunakan `datalist`, aplikasi Anda dapat menentukan daftar hasil yang disarankan yang dapat dipilih pengguna. Mereka dapat memilih opsi dari daftar atau memasukkan teks bentuk bebas.
- Chrome
Memproses upload file XHR2 di PHP
Contoh kode server untuk menggambarkan cara menangani upload file
- Chrome
Prototon WebRTC
Pada 24 Maret, Google menyelenggarakan acara developer WebRTC pertama di dunia, yakni WebRTC Protothon.
- Chrome
requestAnimationFrame API - kini dengan presisi sub-milidetik
Akan ada perubahan pada bagian equestAnimationFrame API
- Chrome
Peningkatan besar pada performa DOM - innerHTML WebKit 240% lebih cepat
Engineer Chrome Kentaro Hara membuat tujuh pengoptimalan kode dalam WebKit, yang meningkatkan performa untuk Safari (JavaScriptCore) dan Chrome (V8).
- Chrome
Rangkuman resource internal browser web
Sebagian besar sumber daya yang menjelaskan cara kerja {i>browser<i} web
- Chrome
Mengambil seluruh halaman secara offline menggunakan API HTML5 FileSystem
FileSystem API memungkinkan penyimpanan file dan hierarki folder secara terprogram di sistem file lokal (dengan sandbox) dan kemudian menambahkan/memperbarui/menghapus resource individual jika diperlukan
- Chrome
Pengantar Peta Sumber JavaScript
Pernahkah Anda berharap dapat membuat kode sisi klien tetap dapat dibaca dan yang lebih penting dapat di-debug bahkan setelah Anda menggabungkan dan mengecilkannya, tanpa memengaruhi performa? Sekarang Anda dapat melakukannya melalui keajaiban peta
- Chrome
Mengoptimalkan JavaScript
JavaScript relatif cepat, tetapi selalu bisa lebih cepat. Baca selengkapnya tentang cara mengoptimalkan JavaScript untuk performa.
- Chrome
Fitur eksperimental baru - stylesheet cakupan
Chromium baru-baru ini menerapkan fitur baru dari HTML5 - stylesheet cakupan.
- Chrome
Rangkuman demo WebGL dan Web Audio API
Berikut adalah beberapa demo WebGL dan Web Audio API keren yang saya lihat selama beberapa minggu terakhir.
- Chrome
SwiftShader menghadirkan rendering 3D software ke Chrome
SwiftShader adalah perender 3D software yang digunakan di Chrome 18 yang memungkinkan Anda menggunakan CSS 3D dan WebGL bahkan pada GPU yang terdaftar dalam daftar yang ditolak.
- Chrome
Mendeteksi perubahan DOM dengan observer mutasi
Pengantar Mutasi Observer.
- Chrome
Membuat Gmail menangani semua mailto - link dengan registerProtocolHandler
Berkat navigator.registerProtocolHandler() Anda dapat menyambungkan Gmail sebagai program email default untuk semua link mailto.
- Chrome
Chrome untuk Android - Mempercepat Web Seluler
Chrome untuk Android Beta didasarkan pada proyek sumber terbuka Chromium, dan dilengkapi dengan banyak fitur HTML5 terbaru yang telah dikenal dan disukai oleh developer Chrome.
- Chrome
Pointer Lock API Menghadirkan game FPS ke browser
Pointer Lock API memungkinkan penulisan penembak orang pertama yang tepat untuk web.
- Chrome
Audio HTML5 dan Web Audio API adalah BFF
createMediaElementSource() memungkinkan Anda menggabungkan HTML5 dengan kemampuan visualisasi, filter, dan pemrosesan Web Audio API.
- Chrome
Menghapus XHR sinkron
Perhatian! Spesifikasi XMLHttpRequest2 baru-baru ini diubah untuk melarang pengiriman permintaan sinkron saat XMLHttpRequest.responseType ditetapkan.
- Chrome
FAQ Audio Web
Pembaruan singkat ini merupakan upaya untuk menjawab beberapa pertanyaan umum agar pengalaman Anda dengan Web Audio API lebih menyenangkan.
- Chrome
Memperkenalkan contoh pemutar video
Video Player Sample adalah aplikasi web pemutar video open source yang dibuat menggunakan arsitektur yang sama dengan aplikasi 60 Minutes dan RedBull.tv.
- Chrome
Efek Filter CSS tiba di WebKit
Adobe telah bekerja keras untuk menghadirkan teknologi luar biasa ini ke CSS. Secara khusus, saya merujuk ke CSS Filter Effects 1.0, yang telah mulai diterapkan WebKit.
- Chrome
Objek yang dapat ditransfer - Secepat kilat
Dengan objek yang dapat ditransfer, data akan ditransfer dari satu konteks ke konteks lainnya. Ini adalah zero-copy, yang sangat meningkatkan performa pengiriman data ke Pekerja.
- Chrome
Menggunakan presisi sedang di WebGL jika memungkinkan
Pemberitahuan awal dari teman kami di Opera, yang telah menguji WebGL pada perangkat keras OpenGL ES 2.0 yang sebenarnya.
- Chrome
Chrome Developer Tools untuk kecepatan
Menggunakan Developer Tools di Chrome untuk meningkatkan kecepatan aplikasi
- Chrome
Streaming video menggunakan MediaSource API
MediaSource API memperluas `HTMLMediaElement` untuk memungkinkan JavaScript menghasilkan streaming media untuk pemutaran.
- Chrome
Rangkuman demo WebGL
Berikut adalah beberapa demo WebGL baru yang keren dari seluruh web untuk menunjukkan apa yang sebenarnya dapat dilakukan browser Anda.
- Chrome
Alat cache aplikasi dan Pembuat Otomatis
Cache aplikasi membantu Anda menjalankan aplikasi web secara offline, mempercepat waktu startup, dan mengurangi tagihan bandwidth.
- Chrome
Menentukan cakupan di transaksi IndexedDB
IndexedDB adalah standar web yang terus berkembang untuk penyimpanan data terstruktur dalam jumlah besar di browser.
- Chrome
Biarkan Konten Anda Berbicara - API Layar Penuh
Fullscreen API memungkinkan aplikasi web untuk secara terprogram memberi tahu konten apa pun di halaman agar masuk ke mode tampilan layar penuh browser, dari JavaScript
- Chrome
WebSocket diupdate ke versi terbaru di Chrome Canary
WebSocket API telah diperbarui ke versi terbaru (13) di Chrome Canary
- Chrome
Dapat mengikuti dukungan HTML5 dan browser
Sebenarnya mengikuti fitur-fitur tersebut bukanlah hal yang mudah, tetapi hanya jika Anda tidak tahu ke mana harus mencari.
- Chrome
Melakukan perjalanan menggunakan Three.js
Kami melihat semakin banyak developer yang memunculkan demo 3D baru, baik mereka sudah menjadi ahli OpenGL maupun petualang baru yang mulai bermain dengan demo 3D.
- Chrome
Kupon Konferensi Game baru untuk developer game HTML5
Buat saya tidak ingin menyelesaikan laporan TPS saya dengan mempelajari cara menulis game HTML5 dan WebGL di New Game.
- Chrome
Video 7 menit - tips konsol JavaScript dan DOM API baru
Naik level di konsol JavaScript di Chrome DevTools.
- Chrome
Pekerja ♥ ArrayBuffer
Chrome 13 dan FF5 mendukung pengiriman `ArrayBuffer` (atau Array Berjenis) ke/dari Web Worker
- Chrome
Apa yang berbeda dalam protokol WebSocket baru
Spesifikasi protokol WebSocket baru-baru ini diperbarui untuk mengatasi masalah keamanan sebelumnya dan sebagian besar sudah stabil
- Chrome
insertAdjacentHTML di mana saja
Cara menyisipkan konten dalam dokumen HTML
- Chrome
Men-debug Filesystem API
Sistem File HTML5 adalah API yang andal. Kekuatan hukum bermunculan. Dengan kompleksitas yang ada, masalah {i>debugging<i} akan semakin besar.
- Chrome
Mencari file lokal dengan File System API
Jika Anda memiliki objek File, Anda dapat mencari ke dalamnya dan membaca potongan tanpa membaca seluruh file ke dalam memori.
- Chrome
Library/polyfill HTML5 - Pertengahan Juli
Lebih banyak perpustakaan keren bermunculan di mana-mana
- Chrome
Jangan lewatkan bingkai - Menggunakan API Visibilitas Halaman + Video HTML5
Page Visibility API dapat digunakan untuk memeriksa apakah tab saat ini terlihat atau tidak.
- Chrome
Mengumumkan Game Baru, konferensi untuk developer game HTML5
Silakan bergabung dengan kami di New Game, yang akan diselenggarakan pada 1-2 November 2011 di San Francisco, CA.
- Chrome
Menggunakan gambar lintas-domain di WebGL
Spesifikasi WebGL memiliki pembaruan penting tentang cara meminta gambar, lintas-domain.
- Chrome
Library HTML5 - Akhir Juni
Beberapa library menarik yang muncul baru-baru ini.
- Chrome
Page Visibility API - Apakah Anda sudah menarik perhatian?
Untungnya, Page Visibility API baru memungkinkan aplikasi Anda mengetahui apakah aplikasi terlihat atau tidak.
- Chrome
Kontra di HTML5 + API Audio Web
Berkat kekuatan GWT, HTML5, dan API Web Audio, kami dapat membangun originator kode cheat favorit semua orang, Contra.
- Chrome
navigator.onLine di saluran Chrome Dev
Dengan API offline di HTML5, tidak ada alasan untuk tidak memberikan pengalaman offline yang sempurna bagi pengguna.
- Chrome
Selamat datang di updates.html5Rock.com
Dalam upaya untuk info developer lebih cepat, kami membuat 'Aliran Pembaruan HTML5' ini untuk menyoroti hal-hal keren yang patut dibagikan
- Chrome
Mengaudit Aplikasi Web untuk Kecepatan
Aplikasi web yang cepat adalah aplikasi web yang sukses. Tugas Anda sebagai developer belum selesai sampai Anda mengoptimalkan performa aplikasi yang sebenarnya dan yang dirasakan. Hal ini tidak hanya merupakan hal yang tepat untuk dilakukan guna
- Chrome
- Chrome DevTools
Pengantar Chrome Developer Tools, bagian satu
Google Chrome adalah browser web yang kaya dan canggih, memelopori apa yang mungkin dilakukan untuk aplikasi di web. Google telah bekerja keras untuk memberikan pengalaman penjelajahan yang sangat cepat, sangat stabil, dan kaya fitur bagi pengguna
- Chrome
Use the Chrome Web Store Publish API
How to programmatically create, update, and publish items in the Chrome Web Store.
- Chrome Extensions
- Workbox
Google Play for Education Addendum to the Google Chrome Web Store Developer Agreement
In connection with the Google Chrome Web Store, Google may make certain Chrome Web Store applications available in Google's Play for Education site. If You or Your organization is interested in participating, please verify that the
- Workbox
- Chrome Extensions
Chrome Web Store API Reference
This reference describes the methods and resource representation available for the Chrome Web Store Publish API. Each resource type has one or more data representations and one or more methods. See Using the Chrome Web Store Publish API for a guide
- Workbox
- Chrome Extensions
Policies
Extension policies
- Workbox
- Chrome Extensions
How Google Search uses speculation rules
Learn about how Google Search used the Speculation Rules API to anonymously prefetch search results to improve user experience
- Chrome
Feedback and support
Receive support for the Chrome User Experience Report (CrUX).
- Workbox
- Chrome UX Report
Capabilities
Find out how to use Chrome's capabilities to build rich and engaging web experiences.
- Workbox
What is ChromeDriver?
ChromeDriver is a standalone server that implements the W3C WebDriver standard.
- Workbox
Design Docs and discussions
WebDriver BiDi Backend Design [Microsoft] Async Command Processing for WebDriver in Chromium Browser Tools- and Testing WG, Day 2, TPAC 2019, Fukuoka Browser Tools- and Testing WG, Day 1, TPAC 2019, Fukuoka
- Workbox
Chrome Web Store
Chrome Web Store An online marketplace where users can browse for extensions and themes. Publish your extension there and make it accessible to the world. dashboard Developer Dashboard Publish your extension and manage your store items. local_mall
- Workbox
- Chrome Extensions
Accessibility
Digital accessibility, commonly abbreviated a11y, is about designing and building websites and web apps that disabled people can interact with in a meaningful and equivalent way. This course is created for beginner and advanced web developers. You
Chrome's 2024 recap for devs: Re-imagining the web with AI in DevTools, built-in Gemini, and new UI capabilities
Check out Chrome for Developers' 2024 year-end roundup of the latest web features, capabilities, and tools.
- Chrome
chrome.systemLog
Use the chrome.systemLog API to record Chrome system logs from extensions. string Adds a new log record. MessageOptions The logging options. function optional The callback parameter looks like: Promise<void> Promises are supported in Manifest
- Workbox
- Chrome Extensions
chrome.webNavigation
Use the chrome.webNavigation API to receive notifications about the status of navigation requests in-flight. All chrome.webNavigation methods and events require you to declare the "webNavigation" permission in the extension manifest. For example: For
- Chrome Extensions
- Workbox
chrome.tts
Use the chrome.tts API to play synthesized text-to-speech (TTS). See also the related ttsEngine API, which allows an extension to implement a speech engine. Chrome provides this capability on Windows (using SAPI 5), Mac OS X, and ChromeOS,
- Chrome Extensions
- Workbox
chrome.input.ime
Use the chrome.input.ime API to implement a custom IME for Chrome OS. This allows your extension to handle keystrokes, set the composition, and manage the candidate window. You must declare the "input" permission in the extension manifest to use the
- Chrome Extensions
- Workbox
Sign up for the Language Detection API origin trial
The Language Detection API is now available in a Chrome origin trial.
- Workbox
Chrome 129
Chrome 129 is rolling out now! You can yield in long tasks to improve performance, you can animate elements with intrinsic sizes, there are some changes to anchor positioning syntax, and there's plenty more.
- Chrome
What's missing from HTML and CSS?
Do you agree with the CSS Day attendees about what should be added to the web?
- Chrome
More efficient IndexedDB storage in Chrome
A new optimization in Chrome improves how IndexedDB data is stored on disk. This document summarizes the key points of this update.
- Chromium
- Workbox
chrome.devtools.network
Use the chrome.devtools.network API to retrieve the information about network requests displayed by the Developer Tools in the Network panel. Network requests information is represented in the HTTP Archive format ( HAR ). The description of HAR is
- Workbox
- Chrome Extensions
Creating a great listing page
Best practices on how to make a high-quality, engaging listing page for your item in the Chrome Web Store.
- Workbox
- Chrome Extensions
Help with ChromeDriver
If you have a general question or need help using ChromeDriver, you can email the chromedriver-users group. Before filing a bug, look at the existing issues for the same topic. ChromeDriver is an open source project, worked on by various
- Workbox
Clicking issues
ChromeDriver clicking works by simulating a mouse click in the middle of the element's first client rect (or bounding client rect if it doesn't have a first client rect). The easiest way to find out where ChromeDriver is attempting to click is to
- Workbox
Contribute to ChromeDriver
ChromeDriver is a Chromium project and the code lives in the Chromium repository. Chromium is the open source project on which Google Chrome is based. Follow the instructions to check out the entire Chromium source tree. After you have your source
- Workbox
Deceptive Installation Tactics FAQ
Frequently asked questions about Chrome Web Store's policies on deceptive installation tactics.
- Chrome Extensions
- Workbox
Listing Requirements
If your product has a blank description field or is missing an icon or screenshots, it will be rejected. Ensure your product's listing information is up to date, accurate, and comprehensive. We don't allow extensions with misleading, inaccurate,
- Chrome Extensions
- Workbox
Deceptive Installation Tactics
Extensions must be marketed responsibly. The set of functionalities promised by the extension must be stated clearly and in a transparent manner. The outcome of any user interaction should match the reasonable expectations that were set with the
- Workbox
- Chrome Extensions
Best Practices and Guidelines
Research and understand the Chrome Web Store policies. Before developing a Chrome extension, it is important to review the Chrome Web Store Developer Program Policies and ensure your extension complies with all guidelines and requirements. Extensions
- Chrome Extensions
- Workbox
Extensions quality guidelines FAQ
Frequently asked questions about the single purpose policy.
- Chrome Extensions
- Workbox
Quality guidelines
An extension must have a single purpose that is narrow and easy to understand. Don't create an extension that requires users to accept bundles of unrelated functionality. If two pieces of functionality are clearly separate, they should be put into
- Workbox
- Chrome Extensions
Aurora
A collaboration between Chrome and open-source web frameworks to improve user experience on the web.
- Workbox
CrUX methodology
Technical documentation on CrUX eligibility, metrics, dimensions and accessing the data.
- Workbox
- Chrome UX Report
chrome.enterprise.hardwarePlatform
Use the chrome.enterprise.hardwarePlatform API to get the manufacturer and model of the hardware platform where the browser runs. Note: This API is only available to extensions installed by enterprise policy. string string Obtains the manufacturer
- Workbox
- Chrome Extensions
chrome.enterprise.deviceAttributes
Use the chrome.enterprise.deviceAttributes API to read device attributes. Note: This API is only available to extensions force-installed by enterprise policy. Fetches the administrator-annotated Location. If the current user is not affiliated or no
- Chrome Extensions
- Workbox
chrome.enterprise.networkingAttributes
Use the chrome.enterprise.networkingAttributes API to read information about your current network. Note: This API is only available to extensions force-installed by enterprise policy. string optional The device's local IPv4 address (undefined if not
- Chrome Extensions
- Workbox
Chrome release notes and updates
Chrome's latest releases
- Workbox
Workbox
Build progressive web apps (PWAs) with Workbox - the Service Worker library from the Chrome team
- Workbox
Extensions / Develop
Learn how to develop extensions
- Workbox
- Chrome Extensions
Content filtering
An explanation of content filtering and how to approach it in your Chrome Extension.
- Chrome Extensions
- Workbox
Reference
Reference for APIs available to Chrome Apps
- Workbox
chrome.tabCapture
Use the chrome.tabCapture API to interact with tab media streams. The chrome.tabCapture API lets you access a MediaStream containing video and audio of the current tab. It can only be called after the user invokes an extension, such as by clicking
- Workbox
- Chrome Extensions
chrome.system.memory
The chrome.system.memory API. number The amount of available capacity, in bytes. number The total amount of physical memory capacity, in bytes. Get physical memory information. function optional The callback parameter looks like: MemoryInfo
- Workbox
- Chrome Extensions
chrome.processes
Use the chrome.processes API to interact with the browser's processes. number The part of the cache that is utilized, in bytes. number The size of the cache, in bytes. number optional The most recent measurement of the process's CPU usage, expressed
- Workbox
- Chrome Extensions
chrome.power
Use the chrome.power API to override the system's power management features. Using this API, you can specify the Level to which power management is disabled. The "system" level keeps the system active, but allows the screen to be dimmed or turned
- Workbox
- Chrome Extensions
chrome.system.cpu
Use the system.cpu API to query CPU metadata. string The architecture name of the processors. string[] A set of feature codes indicating some of the processor's capabilities. The currently supported codes are "mmx", "sse", "sse2", "sse3", "ssse3",
- Chrome Extensions
- Workbox
chrome.vpnProvider
Use the chrome.vpnProvider API to implement a VPN client. Typical usage of chrome.vpnProvider is as follows: Create VPN configurations by calling createConfig(). A VPN configuration is a persistent entry shown to the user in a ChromeOS UI. The user
- Workbox
- Chrome Extensions
chrome.wallpaper
Use the chrome.wallpaper API to change the ChromeOS wallpaper. You must declare the "wallpaper" permission in the app's manifest to use the wallpaper API. For example: For example, to set the wallpaper as the image at https://example.com/a_file.png,
- Chrome Extensions
- Workbox
chrome.accessibilityFeatures
Use the chrome.accessibilityFeatures API to manage Chrome's accessibility features. This API relies on the ChromeSetting prototype of the type API for getting and setting individual accessibility features. In order to get feature states the extension
- Workbox
- Chrome Extensions
chrome.devtools.inspectedWindow
Use the chrome.devtools.inspectedWindow API to interact with the inspected window: obtain the tab ID for the inspected page, evaluate the code in the context of the inspected window, reload the page, or obtain the list of resources within the page.
- Workbox
- Chrome Extensions
chrome.system.storage
Use the chrome.system.storage API to query storage device information and be notified when a removable storage device is attached and detached. "success" The ejection command is successful -- the application can prompt the user to remove the device.
- Chrome Extensions
- Workbox
chrome.webAuthenticationProxy
The chrome.webAuthenticationProxy API lets remote desktop software running on a remote host intercept Web Authentication API (WebAuthn) requests in order to handle them on a local client. string The PublicKeyCredentialCreationOptions passed to
- Workbox
- Chrome Extensions
chrome.tabGroups
Use the chrome.tabGroups API to interact with the browser's tab grouping system. You can use this API to modify and rearrange tab groups in the browser. To group and ungroup tabs, or to query what tabs are in groups, use the chrome.tabs API. The
- Chrome Extensions
- Workbox
chrome.topSites
Use the chrome.topSites API to access the top sites (i.e. most visited sites) that are displayed on the new tab page. These do not include shortcuts customized by the user. You must declare the "topSites" permission in your extension's manifest to
- Chrome Extensions
- Workbox
chrome.search
Use the chrome.search API to search via the default provider. "CURRENT_TAB" Specifies that the search results display in the calling tab or the tab from the active browser. "NEW_TAB" Specifies that the search results display in a new tab.
- Chrome Extensions
- Workbox
chrome.scripting
Use the chrome.scripting API to execute script in different contexts. To use the chrome.scripting API, declare the "scripting" permission in the manifest plus the host permissions for the pages to inject scripts into. Use the "host_permissions" key
- Chrome Extensions
- Workbox
chrome.devtools.recorder
Use the chrome.devtools.recorder API to customize the Recorder panel in DevTools. devtools.recorder API is a preview feature that allows you to extend the Recorder panel in Chrome DevTools. See DevTools APIs summary for general introduction to using
- Workbox
- Chrome Extensions
chrome.printingMetrics
Use the chrome.printingMetrics API to fetch data about printing usage. "BLACK_AND_WHITE" Specifies that black and white mode was used. "COLOR" Specifies that color mode was used. "ONE_SIDED" Specifies that one-sided printing was used.
- Workbox
- Chrome Extensions
chrome.accessibilityFeatures
Use the chrome.accessibilityFeatures API to manage Chrome's accessibility features. This API relies on the ChromeSetting prototype of the type API for getting and setting individual accessibility features. In order to get feature states the extension
- Chrome Extensions
- Workbox
chrome.extensionTypes
The chrome.extensionTypes API contains type declarations for Chrome extensions. The origin of injected CSS. "author" "user" Details of the CSS to remove. Either the code or the file property must be set, but both may not be set at the same time.
- Chrome Extensions
- Workbox
chrome.extensionTypes
The chrome.extensionTypes API contains type declarations for Chrome extensions. The origin of injected CSS. "author" "user" Details of the CSS to remove. Either the code or the file property must be set, but both may not be set at the same time.
- Workbox
- Chrome Extensions
Skip review for eligible changes
An overview of expedited review for Declarative Net Request changes.
- Workbox
- Chrome Extensions
Version selection
Version selection is the process of matching a Chrome binary of a given version to a compatible ChromeDriver binary. Starting with M115 the ChromeDriver release process is integrated with that of Chrome. The latest Chrome + ChromeDriver releases per
- Workbox
Rollback a published Chrome Web Store item
How to rollback an extension that you previously published on the
- Chrome Extensions
- Workbox
Additional Requirements for Manifest V3
Extensions using Manifest V3 must meet additional requirements related to the extension's code. Specifically, the full functionality of an extension must be easily discernible from its submitted code, unless otherwise exempt as noted in Section 2.
- Chrome Extensions
- Workbox
Chrome for Developers
google-site-verification: google2d9992045b4571ad.html
Extensions / How to
Solve common development tasks around Chrome extensions
- Workbox
- Chrome Extensions
Changes to BFCache behavior with extension message ports
We are making changes to Chrome BFCache which potentially impact extensions using message ports.
- Chrome
Mature & Sexually Explicit Material
We don't allow content that contains nudity, graphic sex acts, sexually explicit material, or content that drives traffic to commercial pornography sites. We also don't allow content that promotes incest, bestiality, necrophilia, or non-consensual
- Chrome Extensions
- Workbox
Announcing Chrome for Developers in China
We are publishing our sites on a .cn domain to make them easier to access in China.
- Chrome
chrome.location
The chrome.location API is no longer supported. We recommend using open web alternatives such as the Geolocation API instead.
- Chrome Extensions
- Workbox
Register your developer account
How to register as a Chrome Web Store developer.
- Chrome Extensions
- Workbox
Create a side panel
TBD
- Workbox
- Chrome Extensions
Trader/Non-Trader developer identification and verification
Developer's requirement to disclose and verify their trader/non-trader status.
- Workbox
- Chrome Extensions
Extensions / Samples
Samples Explore samples from the Chrome Extension samples repository. Use these to learn how extensions work or as starting points for building your own extensions. action.disable action.enable action.getBadgeBackgroundColor action.getBadgeText
- Chrome Extensions
- Workbox
Overview of CrUX
Introduction to the CrUX dataset.
- Chrome UX Report
- Workbox
Permissions
A list of permissions and user warnings available on the extensions platform.
- Workbox
- Chrome Extensions
Chromium Issue Tracker migration is complete
Chromium issue tracking is now migrated.
- Chrome
Chromium Issue Tracker migration beginning Feb 2, 2024 at 5pm PST
The Chromium Issue Tracker migration begins today.
- Chrome
Program Policies
The Web Store program policies.
- Chrome Extensions
- Workbox
Project Fugu API Showcase
Project Fugu API Showcase The Project Fugu API Showcase is a collection of apps that make use of APIs that were conceived in the context of Project Fugu. You can learn more about Project Fugu on the Capabilities landing page. Absolute Orientation
- Workbox
Join Privacy Sandbox Office Hours #12: Learn about Chrome-facilitated testing
Join the 12th edition of Privacy Sandbox office hours dedicated to Chrome-facilitated testing, where the Privacy Sandbox team will provide some Privacy Sandbox tester updates and answer your questions with product and technical leads.
- Chrome
Real-time Updates in Extensions
Managing real-time updates in Extensions
- Chrome Extensions
- Workbox
Distribute your extension
How to host your Chrome extension.
- Chrome Extensions
- Workbox
Extensions / Reference
Reference for the extensions manifest, related permissions and APIs
- Workbox
- Chrome Extensions
Chrome Archive
Chrome Archive Chrome Apps Chrome-specific APIs to create experiences with more access to the underlying operating system. These were deprecated in 2020, supported only for ChromeOS until Jan 2025. Native Client A sandbox to run compiled C and C++
- Workbox
Chromium Chronicle
Chromium Chronicle
- Chromium
- Workbox
Chromium
Find resources on the Chromium project.
- Chromium
- Workbox
Chrome 121 beta
CSS Scrollbars, the Storage Buckets API, the Speculation Rules API, and more.
- Chrome
Get Inspired
Read these case studies to find inspiration for your next project with Chrome.
- Chrome
Feeds
You can add the following RSS feeds to your feed reader to get automatic updates for areas of the site you are particularly interested in.
- Chrome
Extensions / Manifest V3
Manifest V3 Manifest V3 is the latest version of the extensions platform. We have made a number of changes to the available APIs and added a number of new features. Manifest V3 aims to be the first step in our platform vision to improve the privacy,
- Chrome Extensions
- Workbox
chrome.webstore
As of 06/12/2018, inline installation is deprecated. For more information, read our Chromium Blog post and Migration FAQ.
- Workbox
- Chrome Extensions
User interface components
A catalog of user interface elements available in extensions.
- Workbox
- Chrome Extensions
Modules
Dig deeper into specific Workbox modules.
- Workbox
Set up your developer account
How to set up your Chrome Web Store developer account.
- Workbox
- Chrome Extensions
Prepare your extension
Prepare your extension files.
- Chrome Extensions
- Workbox
Submit a feature request
Submit a request for a feature that you believe could improve the extension platform.
- Workbox
- Chrome Extensions
Support and feedback
Give us feedback to help us improve the platform and fix its bugs.
- Chrome Extensions
- Workbox
Storage and cookies
Overview of how web storage APIs and cookies work in extensions.
- Workbox
- Chrome Extensions
Chrome for Developers
User-agent: * Disallow: Sitemap: https://developer.chrome.com/sitemap.xml
Use your Google Analytics account with the Chrome Web Store
See analytics for your Chrome Web Store listing in addition to the metrics offered in the Developer Dashboard.
- Workbox
- Chrome Extensions
Better full screen mode with the Keyboard Lock API
Use the Keyboard Lock API to capture the Escape key in full screen mode. If you've ever played a full screen web game that popped up an in-game dialog that you instinctively canceled with the Escape key, you probably found yourself kicked out of full
- Chrome
Help test bounce tracking mitigations
We plan to launch mitigations to limit tracking from a particular technique called "bounce tracking" later this year. We would like to invite developers to test this new feature with feature flags and provide feedback.
- Chrome
Specify how multiple animation effects should composite with animation-composition
When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate?
- Workbox
Manifest V3 migration checklist
A quick reference for upgrading your extensions from Manifest V2 to Manifest V3.
- Chrome Extensions
- Workbox
More control over :nth-child() selections with the of S syntax
Pre-filter a set of child elements before applying An+B logic on it.
- Workbox
Test service worker termination with Puppeteer
A guide explaining how to test service worker termination using Puppeteer.
- Workbox
- Chrome Extensions
Affiliate Ads
Any affiliate program must be described prominently in the product's Chrome Web Store page, user interface, and before installation. Related user action is required before the inclusion of each affiliate code, link, or cookie. Some example violations
- Workbox
- Chrome Extensions
Affiliate Ads FAQ
Frequently asked questions about Chrome Web Store's policies on affiliate ads.
- Workbox
- Chrome Extensions
Minimum Functionality
Do not post an extension with a single purpose of installing or launching another app, theme, webpage, or extension. Extensions with broken functionality—such as dead sites or non-functioning features—are not allowed. Extensions must provide a basic
- Workbox
- Chrome Extensions
Use of Permissions
Request access to the narrowest permissions necessary to implement your Product's features or services. If more than one permission could be used to implement a feature, you must request those with the least access to data or functionality. Don't
- Workbox
- Chrome Extensions
Chrome Apps
To ensure a great user experience, Chrome Apps distributed through the Chrome Web Store must follow the additional quality guidelines listed below. The guidelines in this section apply only to Chrome Apps. Packaged apps should: Take advantage of the
- Chrome Extensions
- Workbox
Disclosure Requirements
You must be transparent in how you handle user data (e.g., information provided by a user or collected about a user or a user's use of the Product or Chrome Browser), including by disclosing the collection, use, and sharing of the data. If your
- Chrome Extensions
- Workbox
Featured Products
The Chrome Web Store features products that align with our standards, values, and that we believe will produce valuable user experiences. Certain products that don't meet these standards, but which do not explicitly violate Chrome Web Store
- Chrome Extensions
- Workbox
Spam and Abuse
We don't allow any developer, related developer accounts, or their affiliates to submit multiple extensions that provide duplicate experiences or functionality on the Chrome Web Store. Extensions should provide value to users through the creation of
- Workbox
- Chrome Extensions
Repeat Abuse
Serious or repeated violations of the Chrome Web Store Distribution Agreement or these Program Policies will result in the suspension of your developer account, and possibly related developer accounts. Additionally, you may be banned from using the
- Chrome Extensions
- Workbox
Code Readability Requirements
Developers must not obfuscate code or conceal functionality of their extension. This also applies to any external code or resource fetched by the extension package. Minification is allowed, including the following forms: Removal of whitespace,
- Chrome Extensions
- Workbox
Ads
Ads are considered part of your Product for purposes of content review and compliance with developer terms, and therefore must comply with the above content policies. Ads which are inconsistent with the content rating of your products or extension
- Workbox
- Chrome Extensions
Hate Speech and Violent Behavior
Depictions of gratuitous violence are not allowed. Products should not contain materials that threaten, harass, or bully other users. We don't allow content or products that advocating against or inciting hatred towards groups of people based on
- Workbox
- Chrome Extensions
Accepting Payment From Users
If you collect sensitive personal information through your Product for sales, you must follow these requirements: You must securely collect, store, and transmit all credit card and other sensitive personal information in accordance with privacy and
- Chrome Extensions
- Workbox
Limited Use
This policy establishes the Chrome Web Store's minimum user data privacy requirements; you or your Product must comply with applicable laws. You must limit your use of the data to the practices you disclosed. Collection and use of web browsing
- Workbox
- Chrome Extensions
Impersonation & Intellectual Property
Don't pretend to be someone else, and don't represent that your product is authorized by, endorsed by, or produced by another company or organization, if that is not the case. Your Product and its user experience also must not mimic functionality or
- Workbox
- Chrome Extensions
Notification and appeals
In the event that your Product is removed from the Chrome Web Store, you will receive an email notification to that effect, with further instructions if applicable. Verify that the associated publisher account with your Product can receive emails
- Workbox
- Chrome Extensions
Regulated goods and services
Don't engage in or promote unlawful activities in your product, such as rape, illegal sex work, or the sale of prescription drugs without a prescription. We will remove content which promotes, glorifies, or encourages dangerous or illegal activity
- Workbox
- Chrome Extensions
2-Step Verification
To ensure the security of Chrome Web Store accounts, 2-Step Verification is required for all developer accounts prior to publishing an extension or updating an existing extension. Developers can activate 2-Step Verification for their Google accounts
- Workbox
- Chrome Extensions
Enforcement Circumvention
Any attempt to circumvent intended limitations or enforcement actions will result in the immediate termination of your developer account, and possibly related developer accounts.
- Workbox
- Chrome Extensions
Handling Requirements
If your product is associated with a security vulnerability that could be exploited to compromise another application, service, browser, or system, we may remove your product from the Chrome Web Store and take other measures to protect users. In such
- Chrome Extensions
- Workbox
Privacy Policies
If your Product handles any user data, then you must post an accurate and up to date privacy policy. The privacy policy must, together with any in-Product disclosures, comprehensively disclose: How your Product collects, uses and shares user data All
- Chrome Extensions
- Workbox
Misleading or Unexpected Behavior
We do not allow products that deceive or mislead users, including in the content, title, description, or screenshots. If any of your product's content, title, icon, description, or screenshots contains false or misleading information, we may remove
- Chrome Extensions
- Workbox
Malicious and Prohibited Products
Don't transmit viruses, worms, defects, Trojan horses, malware, or any other products of a destructive nature. We don't allow content that harms or interferes with the operation of the networks, servers, or other infrastructure of Google or any
- Chrome Extensions
- Workbox
API Use
Extensions must use existing Chrome APIs for their designated use case. Use of any other method, for which an API exists, would be considered a violation. For example, overriding the Chrome New Tab Page through any means other than the URL Overrides
- Chrome Extensions
- Workbox
Meeting you where you are
Find out how you can meet the Chrome team.
- Chrome
Known issues when migrating to Manifest V3
Recently, we announced changes to the Manifest V2 deprecation timeline, and while we remain firmly committed to Manifest V3 we acknowledge there is more work to do on our part. We are committed to closing the following gaps before announcing a new
- Workbox
- Chrome Extensions
Discovery on the Chrome Web Store
An overview of how users find items on the Chrome Web Store, and how our editors select items to feature.
- Workbox
- Chrome Extensions
Chrome Web Store review process
An overview of the review process and how enforcement actions result from detected policy violations.
- Chrome Extensions
- Workbox
Manifest V2 support timeline
Details of the Manifest V2 phase-out and end of life.
- Workbox
- Chrome Extensions
Manage user feedback
Follow-up on reviews and provide user support in the Chrome Web Store.
- Chrome Extensions
- Workbox
Check on your review status
How to check the review status of your Chrome Web Store item.
- Workbox
- Chrome Extensions
Analyze your store listing metrics
Understanding metrics and performance of your Chrome Web Store store listing.
- Chrome Extensions
- Workbox
Cross-origin isolation
Overview of cross-origin isolation for extensions
- Chrome Extensions
- Workbox
Enterprise publishing options
How to distribute extensions to enterprise users
- Chrome Extensions
- Workbox
Prepare to publish: set up payment and distribution
How to choose which countries will list your item and who will see it in the Chrome Web Store.
- Chrome Extensions
- Workbox
Complete your listing information
How to add listing information for your Chrome Web Store item.
- Workbox
- Chrome Extensions
Update your Chrome Web Store item
How to update an extension or theme ("item") that you previously published on the Chrome Web Store.
- Workbox
- Chrome Extensions
Troubleshooting Chrome Web Store violations
Guidelines for understanding why an item was rejected or removed from the Chrome Web Store and how to fix the problem.
- Chrome Extensions
- Workbox
Chrome Web Store payments deprecation
Why the payments is deprecated, details about the deprecation timeline, and more.
- Chrome Extensions
- Workbox
Human interface devices on the web: a few quick examples
There is a long tale of human interface devices (HID) that are too new, too old, or too uncommon to be accessible by systems' device drivers. The WebHID API solves this by providing a way to implement device-specific logic in JavaScript.
- Workbox
Deleting Chrome Web Store developer accounts
How to delete a developer or group publisher account on the Chrome Web Store.
- Workbox
- Chrome Extensions
Set up a group publisher
How to share ownership of your Chrome Web Store items with other developers.
- Workbox
- Chrome Extensions
Fill out the privacy fields
Use the privacy practices tab to help the Chrome Web Store team review your extension as quickly as possible.
- Chrome Extensions
- Workbox
Spam policy FAQ
Frequently asked questions about Chrome Web Store's spam policy.
- Chrome Extensions
- Workbox
Navigate Chrome DevTools with assistive technology
A guide on navigating Chrome DevTools using assistive technology like screen readers.
- Chrome DevTools
- Workbox
Unlocking new capabilities for the web
Web apps should be able to do anything native apps can. Through Project Fugu, we want to make it possible to build and deliver any kind of app on the open web.
- Chrome
Supplying Images
Guidelines about the kinds of images you need to supply to the Chrome Web Store.
- Workbox
- Chrome Extensions
Branding Guidelines
Guidelines for use of Google trademarks.
- Workbox
- Chrome Extensions
Beyond SPAs - alternative architectures for your PWA
Building a Progressive Web App doesn't mean building a single page app! Read about alternative architectures for content-focused PWAs, to help you make the right decision for your use case.
- Chrome
Working with the new CSS Typed Object Model
CSS Typed Object Model (Typed OM) brings types, methods, and a flexible object model to working with CSS values. Shipped in Chrome 66.
- Workbox
Best Practices
How to create a high-quality extension and Chrome Web store listing.
- Workbox
- Chrome Extensions
API Deprecations and Removals in Chrome 54
An round up of the deprecations and removals in Chrome to help you plan.
- Chrome
Trader FAQ: Chrome Web Store
Frequently asked questions about Chrome Web Store's user data policy.
- Chrome Extensions
- Workbox
Updated Privacy Policy & Secure Handling Requirements
Frequently asked questions about Chrome Web Store's user data policy.
- Chrome Extensions
- Workbox
API Deprecations and Removals in Chrome 49
An round up of the deprecations and API removals in Chrome to help you plan.
- Chrome
Chrome 47 WebRTC: Media Recording, Secure Origins and Proxy Handling
Chrome 47 has several significant WebRTC enhancements and updates including audio and video recording, proxy handling and mandatory secure origins for getUserMedia().
- Chrome
Better incognito DevTools
Some appearance preferences are now persisted through to incognito windows.
- Chrome
Better incognito DevTools
Some appearance preferences are now persisted through to incognito windows.
- Chrome
Timeline event reference
The timeline events mode displays all events triggered while making a recording. Use the timeline event reference to learn more about each timeline event type.
- Chrome DevTools
- Workbox
What is the Chrome Web Store?
An explanation of the Chrome Web Store and why you might want to use it.
- Chrome Extensions
- Workbox
Chrome Dev Summit 2014 - The applied science of runtime performance
The story of building the Chrome Dev Summit site.
- Chrome
Publish in the Chrome Web Store
How to publish a new extension or theme to the Chrome Web Store.
- Chrome Extensions
- Workbox
Google Chrome Web Store Developer Agreement
The legal agreement governing the relationship between Chrome Web Store developers and the Chrome Web Store.
- Workbox
- Chrome Extensions
Content Ratings Guidelines
Guidelines about how the Chrome Web Store rates the maturity of content.
- Workbox
- Chrome Extensions
Localization message formats
Reference documentation about the format of the messages.json file for Chrome Extensions.
- Workbox
- Chrome Extensions
Publish Your App
How to publish your Chrome App.
- Workbox
What Are Chrome Apps?
An overview of Chrome Apps and why you might want to build them.
- Workbox
CSS layout gets smarter with calc()
You can use calc() anywhere a length or number is used, so you can use it for positioning things, or in rgb() color values as well, so it has lots of great uses in a style sheet.
- Workbox
Summarizer
Get a short summary of every webpage.
Multiple side panels
This recipe shows how to use sidePanel.getOptions() to retrieve the current side panel and switch between side panels.
Google Gemini Demo
Try the Gemini Models.
Simple Theme
Global side panel
Shows how to display the same side panel on every site using the Side Panel API.
Open extension API reference
Custom Cursor Extension
Adds a custom cursor on developer.chrome.com.
Chrome Built-in AI Demo
Try the built-in AI preview in Chrome.
Dictionary side panel
Provides definitions in the side panel.
Privacy API sample
Uses the chrome.privacy.services property to get and set privacy settings.
Hello World
Basic Hello World Extension
WebGPU Extension
Generate a red triangle with WebGPU in an extension service worker.
User Scripts API Demo
Uses the chrome.userScripts API to inject JavaScript into web pages.
Keep Awake
Override system power-saving settings.
Conifer Music - Official app in the Microsoft Store
Conifer is FAST Conifer integrates perfectly with your PC Conifer offers beautiful music visualizations Conifer is completely cross-platform Conifer is a fast, cross-platform music player that lets your play all of YOUR music, you know, the music you actually own. Have some CDs? Rip them to your computer and add them to Conifer! Have some MP3s? Add them to Conifer!
Project Fugu API Showcase
Stadia Bluetooth mode
Switch your Stadia Controller to Bluetooth mode to keep gaming wirelessly on your favorite devices and services after Stadia shuts down
Wavacity
Wavacity is a port of the Audacity audio editor to the web browser. Free and open-source. No install required.
Native Messaging Example
Send a message to a native application.
Reading List API Demo
Uses the chrome.readingList API to display, update and remove reading list entries.
Winamp for Creators - Start your Creator's journey
Winamp for Creators puts the power back in your hands by giving you access to all the artist services you need to take control of your musical journey.
Transitions DJ
Transitions DJ is a web-based, ad-free DJ mixing app. Mix music online from SoundCloud or your own music collection.
Get started
Explore the fundamentals of music via Ableton's interactive website. Experiment with beats, melody, harmony, basslines, and song structure in your web browser.
Mammoth - Official app in the Microsoft Store
Discover a simpler way to socialize online with Mammoth, the Mastodon app that prioritizes ease-of-use and clean design. Experience the open-source, decentralized social network without the clutter. Join communities, share your thoughts, and connect with like-minded individuals all with just a few taps. Say goodbye to overwhelming feeds and complicated features, Mammoth simplifies the social media experience. AI Enhanced: - Struggling to find that perfect image to go along with your post? Have a funny idea for an image on a post? Generate it right in Mammoth with the magic of AI - Not understanding something in a post, or just want to learn more about a specific topic in a post? Click the search button on a post to have AI help you understand the post! - AI driven autocomplete and status generation: Have something to say but not sure how to say it best? Ask Mammoth to write it for you! Customizable: - Dark and light mode support - Theming User Friendly: - Cross Platform - Fast
Maskable.app
Preview maskable icons in the browser!
heritagein.info
Radio House
Netflix Spain - Watch TV Shows Online, Watch Movies Online
Watch Netflix movies & TV shows online or stream right to your smart TV, game console, PC, Mac, mobile, tablet and more.
AudioMass
AudioMass is a free full-featured web-based audio & waveform editing tool
Farmbound - a diurnal game of farming
iRobot Coding
Active Recall
Home · Semaphore
An alternative web client for Mastodon, focused on speed and simplicity.
kota-yata editor
WYSIWYG Markdown editor with pdf viewer
Spatial Fusion is Mixed Reality for the Web
A Mixed Reality WebXR technology showcase designed in collaboration between Meta, and PHORIA and LUSION.
Home · Pinafore
An alternative web client for Mastodon, focused on speed and simplicity.
S.E.P.I.A.
S.E.P.I.A. is an app and framework for your own server-based, extendable, private, intelligent assistant.
Spotify - Web Player: Music for everyone
Spotify is a digital music service that gives you access to millions of songs.
Terra - Notícias, esportes, coberturas ao vivo, diversão e estilo de vida
Veja no Terra as últimas notícias e as melhores coberturas ao vivo do Brasil e do Mundo, Esportes, Diversão, Vida e Estilo e assista os melhores vídeos no TerraTV.
Groceries
noctura.tech
Tylify: Create seamless patterns in seconds
Web-based pattern-making application. All image formats supported (SVG, PNG, JPG, etc). Export seamless patterns as SVG or PNG.
The best free, adless Chess server
Free online chess server. Play chess in a clean interface. No registration, no ads, no plugin required. Play chess with the computer, friends or random opponents.
Sign in - Google Accounts
Graphite
DEV Community
A constructive and inclusive social network for software developers. With you every step of your journey.
file-tree Web Component
A file tree web component giving access to a device's file system using the File System Access API
Download our software
Download Tidepool Uploader for Mac and Windows, and Tidepool Mobile on iOS and Android.
VSLite
TikTok - Make Your Day
TikTok - trends start here. On a device or on the web, viewers can watch and discover millions of personalized short videos. Download the app to get started.
Descript
Descript is an all-in-one audio/video editor and screen recorder that works like a doc.
The PWinter
The Playroom
Babylon.js Playroom - a demo of Babylon.js using the Havok physics engine for the web introduced in Babylon 6.0
Experience GeForce NOW Gaming Anywhere & Anytime
Instantly play the most demanding PC games and seamlessly play across your devices.
Play Fortnite
Play Fortnite with Xbox Cloud Gaming (Beta). The future of Fortnite is here. Be the last player standing in Battle Royale and Zero Build, explore and survive in LEGO Fortnite, blast to the finish with Rocket Racing or headline a concert with Fortnite Festival. Play thousands of free creator made islands with friends including deathruns, tycoons, racing, zombie survival and more! Join the creator community and build your own island with Unreal Editor for Fortnite (UEFN) or Fortnite Creative tools. Each Fortnite island has an individual age rating so you can find the one that's right for you and your friends. Find it all in Fortnite!
PPG.report
Weather report tailored for paramotor pilots, worldwide. Combines winds aloft, nearby Terminal Aerodrome Forecasts, hourly forecasts, NWS active alerts and TFRs.
Logi Web Connect
Logi Web Connect gives you pairing flexibility to connect your Logi mice & keyboards through your Bolt Receiver. And is the perfect solution to pair your devices to computers without installing any software.
A privacy-first, open-source knowledge base
A privacy-first, open-source platform for knowledge management and collaboration.
birdfood.gq
WealthPosition: Personal Finance & Budgeting App
WealthPosition, the best personal finance app to budget and track your finances for financial independence
Tibbo Web Apps
Polypad – Virtual Manipulatives – Mathigon
Virtual manipulatives, dynamic geometry, graph plotting, data science and more: explore the ultimate mathematical playground!
StackBlitz
Snae player
Lightweight on device music player right in your browser.
Snapdrop
Instantly share images, videos, PDFs, and links with people nearby. Peer2Peer and Open Source. No Setup, No Signup.
D&D Tokenizer
Generate image tokens with fancy borders for D&D and other table games characters. Perfect for adding visuality to your gaming experience.
Xchart.com
Automatic anesthesia charting. Focus on your patient — not your paperwork.
ZQuest Classic
Play one of hundreds of quests in ZQuest Classic, or create your own! ZQuest Classic is a game engine where you can make your classic adventure game
Average Colour
Average Colour is a tool to find the average colour in an image.
PaintZ
MS Paint for Chromebooks. Create and edit drawings and other images. Simple, fast, works offline, touch- and mouse-friendly, and no plug-ins required!
PWA Haven
Collection of small, fast, simple PWA's to replace native OS apps.
LiveHeats
Helping organisers run sophisticated competitions with minimal effort. All-in-one platform for live scoring, heat draws, scheduling, rankings and registration.
Pointland
Web Metaverse with Point Cloud
Oryx: The ZSA Keyboard Configurator
A powerful, visual tool to configure your keyboard. Based on the open-source QMK firmware.
Emberly - Your knowledge. Organized.
Emberly’s visual organization of bookmarks, notes, and files let you master information overload and learn better.
Mishipay
JSON utility tool
Web site created using create-react-app
app.ampedstudio.com
Ok! So...
The drawing app to express, grasp, and organize your thoughts and ideas
Elk
A nimble Mastodon web client
ESC Configurator - for Bluejay, BLHeli_S and AM32
Flash and manage your ESCs online without needing to download anything. Supports BLHeli_S, Bluejay and AM32 firmware.
Intervalometer
CodeSpace - Firia Labs
OpenAI CLIP Image Search in JavaScript (Using ONNX Web Runtime)
Application to help utilities management.
Budgeting app
wami
Diffr
Sqlime - Online SQLite playground
Sqlime is an online SQLite playground for debugging and sharing SQL snippets.
Flipper Lab
Web platform for your Flipper
Ruby
Ruby (V3) is customizable, free, and fast.
Smart Text Editor
The text editor that requires only a browser and a keyboard!
Discover the best Creators in the Fanzone
Embrace your inner fan, subscribe to your favorite creators to get Winamp-exclusive content.
bundlejs
Visit bundlejs.com - bundlejs is a quick and easy way to bundle, minify, and compress your ts, js, and npm packages all online.
Ensō
Writing is Thinking
Home Planner - Target
Plan your home, room by room. Design & style it virtually—then shop, share or save for later.
StackEdit – In-browser Markdown editor
Full-featured, open-source Markdown editor based on PageDown, the Markdown library used by Stack Overflow and the other Stack Exchange sites.
Postr.me
Capture social network post to nice image and video
drum utility - teenage engineering
a utility for creating sample packs for the OP-1 field, OP-1, and OP-Z
Your connected workspace for wiki, docs & projects
A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team.
Toaster
Toaster is a 3D editor that models in pure CSS + HTML. No WebGL, no canvas. Impractical? Yes. Useless? Also yes.
NFC Tools Online
Online tools to read and write the data on your NFC tags.
[md.edit]
A markdown editor web app based on the File System Access API
Memos AI
Memos AI allows you to record notes with ACCURATE transcriptions, powered by AI, on any device. Need to record a lecture to help with notes? Memos AI can do that AND give you an accurate transcript of what was said.
BrewFlasher Web Edition
Hindi Bollywood » Live Online Fm Radio From India Stations
Click here Download Apk
Figma: The Collaborative Interface Design Tool
Figma is the leading collaborative design tool for building meaningful products. Seamlessly design, prototype, develop, and collect feedback in a single platform.
WTFOS Configurator
Root and configure your DJI HD FPV goggles and air-units via web interface.
Lynx Toolbox
Lynx Toolbox is an online tool to help you manage your Lynx headset. You can use it to install apps, update your device, or perform various other actions.
Beautiful Free Images & Pictures
Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos.
AirConsole - Multiplayer games for friends
AirConsole is an online video game console. Play over 190 multiplayer games. Your smartphones are the controllers.
Web Serial Controller
Connect to any USB or Bluetooth Serial Device from your browser using the Web Serial API Controller
Edit Photos and modify with Effects PhotoPWA.com
This online tool helps you easily cut and edit your photos. You can trim them just right, change the size, add cool filters, and make your images better with no hassle. The website as PWA is easy to use, so you can make your photos perfect and use fun filters.
docs.qq.com
Descript
There are simple podcast & video editors and there are powerful ones. Only Descript is both & it features magical AI, so you can skip the hard part of editing. Get started for free.
Globs Designer
Design with globs, a stretchy new design primitive. Tired of the pen tool? Need smarter curves? Want to design from code? Get started with globs.
Microsoft Loop - Think, plan and create together
Edit Photo
No ads, no popups, no cookies, no account. The fastest way to edit photos online
Last Finger Standing
Need to pick someone to go first? To pay the bill? To buy milk? Just have everyone put a finger on the screen and wait. Last Finger Standing will make your choice automatically! A quick and easy app to randomly select someone from a group of people.
The Session
An online community dedicated to traditional Irish music.
ESP Web Tools
Easily allow users to flash new firmware for their ESP-devices on the web.
Readonly
Readonly links, for your read only.
Graphtoy
Graphing functions easily on the web
VRoid Hub
VRoid Hubは、3Dキャラクターのための投稿・共有プラットフォームです。モデルデータをアップロードするだけでキャラクターが活き活きとアニメーションするプロフィールページを作成でき、利用条件と共にモデルデータを配布することもできます。登録した3Dモデルは、VRoid Hubと連携した各種VR/ARプラットフォームや3Dコンテンツ上で利用可能です
Blockbench
Barcode/QR code Scanner
A Progressive Web Application (PWA) that scans barcodes of various formats, using the Barcode Detection API.
Raverie Engine
GDevelop game making app
Build your own game super fast and without programming. Publish on mobile, desktop and on the web.
SpaceLancer
readyplayer.me
Scrapbook PWA
Online Virtual Piano Keyboard with MIDI Functionality
This virtual piano gives you a simple way to practice your piano/keyboard skills online. Just connect a MIDI controller and start playing right away.
GIFWorks
GIFWorks makes movies from shared screens and webcams. Once recorded, videos can be optimized and saved as GIF or downloaded as WebM.
Kiwix JS PWA
Offline Wikipedia reader
Oxygen Saturation Monitor
Monitor your oxygen saturation and heart rate with a bluetooth pulse oximeter
Ilaria Food & Home – Ricette e stile di vita sostenibile
Ricette e stile di vita sostenibile
Squoosh
Squoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your browser.
Open Video
Open local video files using the browser.
Amazingly Simple Graphic Design Software – Canva
Amazingly Simple Graphic Design Software – Canva
Soundslice
Learn music better with our living sheet music.
EdgeTX Buddy
GrapheneOS web installer
Web-based installer for GrapheneOS, a security and privacy focused mobile OS with Android app compatibility.
Leonidas Esteban, Google Developer Expert en Web Technologies
Te enseño el cómo y el porqué de cada línea de código, aprendamos a programar juntos.
pixiv Sketch - お絵かきコミュニケーションアプリ
日々のお絵かきを手軽に楽しめるお絵かきコミュニケーションアプリ。落書きや描きかけの絵も気軽にシェア、いつでもどこでもお絵かきを楽しめます。
Toot Café
A Mastodon instance mostly populated by folks interested in web design and development.
Telegram
Telegram is a cloud-based mobile and desktop messaging app with a focus on security and speed.
Trovo
Trovo is an interactive live streaming platform, you can check out the hottest games live, share your own gaming experiences, and join an amazing community created especially for gamers, creators and do-ers.
Mandadin 4
Radio Garden
Explore live radio by rotating the globe.
X. It’s what’s happening
From breaking news and entertainment to sports and politics, get the full story with all the live commentary.
Duino App
Top War
In Top War, modern tanks are merged out of basic gunman, everything can be merged here.No more upgrade waiting times, merge two together and the upgrade will finish instantly.
LittleBits Fuse
Play board games online from your browser
The world's #1 platform for playing board games online. Play hundreds of board games from your browser for free.
Expressive Canvas
Amazon Luna – Amazon Cloud Gaming
Amazon Luna is a cloud gaming platform developed and operated by Amazon. Play great games on devices you already own.
Popular MIDIs — BitMidi
Listen to free MIDI songs, download the best MIDI files, and share the best MIDIs on the web.
Element
YouTube Audio Player
An awesome audio player for YouTube videos
WebAssembly demo with File System Access
A demo showing WebAssembly + WASI apps running on the Web with access to a real filesystem.
Vectorpea
Vectorpea Online Vector Editor lets you edit vector graphics, AI, SVG and PDF files!
Web Xmodem
Flowchart Maker & Online Diagram Software
Learning Synths
Learn about synthesizers via Ableton’s interactive website. Play with a synth in your browser and learn to use the various parts of a synth to make your own sounds.
Getting Started
UsTaxes is an open source webapp for filing US federal income tax. All tax calculations are performed in the browser, so no personal information is stored on external servers!
Creating Kaleidoscopes from Photos with Online Tool
Discover the mesmerizing world of kaleidoscopes and unlock your artistic potential with our user-friendly online tool. Whether you're drawn to the symmetrical beauty of mandalas or nostalgic for the classic kaleidoscopes of your childhood, our tool offers endless possibilities
natto.dev - write JavaScript on a 2D canvas
studio.samlabs.com
codev5.vex.com
JSMusicDB
Edit • Video
No ads, no popups, no cookies, no account. The fastest way to edit video online
Vernier Graphical Analysis®
Vimeo Interactive Video Experience Platform
Roland50.studio
Emulate the sound of Roland's most famous and influential musical instruments from Yuri Suzuki and Roland.
Pokémon of the Week
A game of collecting and collaborating
Excalidraw — Collaborative whiteboarding made easy
Excalidraw is a virtual collaborative whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.
1tuner
Listen to radio, podcasts and create playlists.
Snapchat. Now on the web.
Try the new Snapchat for Web on your computer to chat, call friends, use Lenses, and more
VIA
Your keyboard's best friend
Markwhen
It's about time. Markwhen is a simple language for creating beautiful calendars, timelines, and more.
Free and open source 2D and 3D game engine
Use the Godot Engine editor directly in your web browser, without having to install anything.
Trimble Identity
Narrow One
Capture the flag medieval style!
LogIn
Capture QR Code
Instantly snap QR codes on mobile and desktop without installing an app.
web.autocad.com
Access AutoCAD® in the web browser on any computer. With the AutoCAD web app, you can edit, create, and view CAD drawings and DWG files anytime, anywhere.
MConverter: Easy to Use Online File Converter
Convert securely video, audio, image, e-book, office & archive files. Bulk convert large files up to 2 GB. Free and easy to use converter.
Find all Unicode characters from Hieroglyphs to Dingbats – Codepoints
Codepoints is a site dedicated to Unicode and all things related to codepoints, characters, glyphs and internationalization.
Android Flash Tool
Art Class
MOMO Pro
Impeccable timing and knowledge separate the stock trading elite. MOMO Stock Discovery App gives real-time stock market insight and alerts to time trades from desktop browser, iPhone, or Android.
Look Scanned
Look Scanned is a pure frontend site that makes your PDFs look scanned! No need for printers and scanners anymore - everything you need to do is just a few clicks.
Microsoft MakeCode Computer Science Education
MakeCode brings computer science to life for all students with fun projects, immediate results, and both block and text editors for learners at different levels.
Expressive Animator
Construct 3 r368.2 ★★★★★
Launch Construct 3 r368.2. Make games with the world's easiest browser-based game creator. Try for free now and begin your game development journey.
Adobe Photoshop
Best-in-class editing and design tools to create, modify, refine, and remix images into content you'll love. Straight from your browser.
Perfetto UI
Floor796
Make music in an online DAW
Produce music online. Make beats, record audio, and collaborate.
Learn a language for free
Learn languages by playing a game. It's 100% free, fun, and scientifically proven to work.
Remap
Remap allows you to find, build, set up and customize your keyboard quickly and easily in Web Browser.
SVGcode
SVGcode is a Progressive Web App that lets you convert raster images like JPG, PNG, GIF, WebP, AVIF, etc. to vector graphics in SVG format.
Hostme
Hostme is everything you need to successfully run your restaurant business!
Runway
Everything you need to make anything you want.
velocity.radon.games
Music Instrument tuner app
Tune guiter, bass, ukulele. Also allows you to tune with chromatic tuner. This also has a useful metronome that you can use while you jam.
Free Online Games on CrazyGames
Play free online games at CrazyGames, the best place to play high-quality browser games. We add new games every day. Have fun!
Linear – A better way to build products
Linear streamlines issues, sprints, and product roadmaps. It’s the new standard for modern software development.
Notepad - Offline capable
An offline capable notepad powered by ServiceWorker. It's quick, distraction-free, dark mode enabled, mobile compatible(Android, iOS) and minimalist in nature.
Voyager for Lemmy
Voyager is a beautiful mobile web client for Lemmy. Enjoy a seamless experience browsing the fediverse.
Ace Seventh Heaven
Visual Day scheduler.
Craft — A fresh take on documents
Get started today, it's free.
IRCCloud
IRCCloud is a modern IRC client that keeps you connected, with none of the baggage. Stay synced and notified wherever you are with our web and mobile apps.
Install Tasmota
﹒ Blob City ﹒
Live Online Music Collaboration
Sessionwire Studio is a powerhouse creative communication suite for your production team featuring live video and studio quality HQ Audio.
Espruino Web IDE
Cue for Education
WebGamer 🎮 Play Free Online Games
Play free online games instantly in your browser. WebGamer is a portal of next-gen web games you can play now without installing anything!
gphoto2 on the Web
STORZ & BICKEL
STORZ & BICKEL Web App for Bluetooth Devices.
Cleanfeed
www.capcut.com
NiftyPass
Improv Wi-Fi: Open standard for setting up Wi-Fi via Bluetooth LE and Serial
Free and open standard with ready-made SDKs that offer a great user experience to configure Wi-Fi on devices.
USpeaking
Free Online AI Photo Editor, Image Generator & Design tool
Get creative with Pixlr’s online photo editing & design tools. Including AI image generator, batch editor, animation design, enhancer & more. Try now for FREE!
Wormhole - Simple, private file sharing
Wormhole lets you share files with end-to-end encryption and a link that automatically expires.
Vodon Player
Songwhip - Free music links to all platforms
In one click, Songwhip finds your music everywhere & makes a page you can share with everyone
Hoppscotch • Open source API development ecosystem
Helps you create requests faster, saving precious time on development.
Vysor
Chip Player JS
glTF Report
Viewer, analysis tool, script editor, and validator for 3D models in glTF 2.0 format.
bridge. v2
bridge. is a light-weight IDE for Minecraft Add-Ons
BandLab - Make Music Online
The cloud platform where musicians and fans create music, collaborate, and engage with each other across the globe
Error
Daily Writing Builder
LEGO Education SPIKE
Visual Studio Code for the Web
Build with Visual Studio Code, anywhere, anytime, entirely in your browser.
TgStorage
Advanced Saved Messages of the Telegram. Organize your notes, links, checklists, photos and any documents in the free unlimited Telegram Cloud.
Adobe Podcast
Next generation audio from Adobe is here. Record, transcribe, edit, share. Crisp and clear, every time.
Logbook
regex101: build, test, and debug regex
Regular expression tester with syntax highlighting, explanation, cheat sheet for PHP/PCRE, Python, GO, JavaScript, Java, C#/.NET, Rust.
GoldWave Infinity Audio Editor
GoldWave Infinity audio editing, recording, conversion, and visual analysis app.
daedalOS
Desktop environment in the browser
Slack is your productivity platform
Slack is a new way to communicate with your team. It’s faster, better organized, and more secure than email.
Photopea
Photopea Online Photo Editor lets you edit photos, apply effects, filters, add text, crop or resize pictures. Do Online Photo Editing in your browser for free!
SQLite Viewer Web App
A free online SQLite Explorer, inspired by DB Browser for SQLite and Airtable. Use this web-based SQLite Tool to quickly and easily inspect sqlite files on the web.
Link Cleaner
Remove tracking code and other variables from web links with the press of a button!
github.dev
Senomix Timesheets - Sign-In
Senomix Time and Expense Tracking Software for Mac and Windows
Discover recipes, home ideas, style inspiration and other ideas to try.
Real Time Lightning Map
See lightning strikes in real time across the planet. Free access to maps of former thunderstorms. By Blitzortung.org and contributors.
WebScan
An experimental project to bring document/image scanning to the web (USB scanners).
Wootility Web
Instantly edit your Wooting keyboard profiles and colors from the browser.
Codeit
Run projects, code your ideas, and share it all on Codeit.
STEM.TECH
Hear in a new way with STEM
Speakflow — Online Teleprompter - AI Powered
Speakflow is an online teleprompter! Write and save scripts; collaborate with your team; Includes voice-activated scrolling. Works on Windows, Mac, iOS, Android, and more!
Tinder
With 55 billion matches to date, Tinder® is the world’s most popular dating app, making it the place to meet new people.
NumWorks
tldraw
A free and instant collaborative diagramming tool.
PocketLab Notebook
Create your free account or sign in here.
Build expressive charts or dashboards with code
Turn your most complex data into actionable insights faster with Observable. The future of data visualization, dashboards, and data apps starts here.
pwamp
YT Playlist Notifier
Get notified when YouTube playlists are updated.
www.contactsdirect.com
Bangle.io
HexEd.it - Browser-based Online and Offline Hex Editing
HexEd.it is a free hex editor for Windows, MacOS, Linux and all other modern operating systems, which uses HTML5 and JavaScript (JS) technology to enable hexediting online, directly in your browser.
Create an account or log in to Instagram - A simple, fun & creative way to capture, edit & share photos, videos & messages with friends & family.
Shared Game Timer
A board game timer that synchronizes across multiple devices.
Bluesky Social
See what's next.
bluetooth.rocks
CrosKeys by CrosExperts
Unlock your Chromebook's potential with a powerful keyboard launcher!
ManifoldCAD
Fast, reliable, parametric solid modeling web app. Programmatic 3D design with JavaScript, inspired by and improving upon OpenSCAD & JSCAD. Demonstrates a new GPU-parallel, open-source geometry kernel: Manifold.
Typst: Compose papers faster
Focus on your text and let Typst take care of layout and formatting. Sign up now and speed up your writing process.
SnapperGPS - Home
Home page of SnapperGPS - A small, low-cost, low-power wildlife tracking system.
mgerhardy.github.io
CityHop
Take leisurely walks and drives around the world while chilling to lofi music 🎶
BPM Techno - Free Online Real-Time BPM Counter for DJ
Produce some beats using any player, launchpad, keyboard, and mix them live with another track easily and precisely using this free online real-time BPM counter
Soundtrap - Make music online
Make music together online. Free instruments, loops, drum kits, and vocal tuner in one studio. Record, edit, mix, and master your audio, no downloads - sign up for free.
Install WLED
TopDecked Unified
The essential Magic App for brewers, collectors, traders, competitors, and fans.
Beatport DJ
Beatport DJ is the world's first web based DJ software built for music discovery and playlist management. Subscribe to Beatport Streaming and start mixing with millions of tracks.
Fotor - Free Online Photo Editing Tools
Upload image in Fotor online photo editor to crop image, add text to photo, enhance image, remove background, create graphics & more for free.
みんなのネバーランド - 約束のネバーランド公式コミュニティ -
みんネバは約束のネバーランド好きが集まる公式コミュニティです。考察やファンアート、約ネバの話題で盛り上がろう！
GoodNotes
GoodNotes app
dot big bang
dot big bang is a way to create and share games with your friends. Create on your own or with your friends, share with anyone by just sending a link!
Color Picker - ThreeJS
A ThreeJS color picker
Boxy SVG
Create and edit Scalable Vector Graphics (SVG) files online
PhotoStack
PhotoStack has moved to https://photostack.app
Journalistic
A micro journaling app with minimalistic design, pristine writing experience, and powerful insights.
What PWA Can Do Today
A showcase of what is possible with Progressive Web Apps today.
Accessible UK Train Timetables
A blazingly small and fast UK train times journey planner and live departure boards, with bookmarkable URLs as a web app, and offline saving of viewed journeys.
Hypertext
HTML Document Editor
Pixel-Art Editor & NFTs Laboratory
Make pixel art from real life images and draw on the image you can edit for free, filters, layers, library, are within the editor.
Pokedex.org
A mini-encyclopedia of Pokémon species, types, evolutions, and moves.
Create Amazing Mockups
Create Amazing Mockups
Vim Online Editor - Vim Editor In Browser
Service worker with push notification
Geolocation - popup
Shows how to get geolocation access within a popup.
Notifications API sample
Demonstrates the creation of, and interaction with, each of the notification template types.
Devtools - Chrome Query
Uses the devtools API to add a sidebar that displays the jQuery data associated with the selected DOM element.
Typed URL History
Uses the chrome.history API to display in a popup the user's most visited pages.
il8n API Example
Demonstrates the chrome.i18n API by localizing text in the extension popup.
Chromium Milestones
Shows the Chromium release milestone a given code review was merged into.
Stylizr
Demonstrates how to use the chrome.storage API.
Test Screenshot Extension
Uses the chrome.tabs API to take a screenshot of the active tab.
Bookmark Viewer
Uses the chrome.bookmarks API to search through, add, and delete bookmarks from the user's bookmark tree.
Optional Permissions New Tab
Demonstrates optional permissions in extensions
Quick API Reference
Quick API can speed up the building of Chrome extensions.
No Cookies
Uses the chrome.declarativeNetRequest API to remove the "Cookie" header from requests.
Tab Inspector
Demonstrates the chrome.tabs API and the chrome.windows API by providing a user interface to manage tabs and windows.
Keyboard Pin
Uses the chrome.tabs API to toggle the pinned state of the current tab.
BrowsingData API: Basics
Uses the chrome.browsingData API to clear the user's history without requiring the user to visit the history page.
CO2 meter extension
Demonstrates using WebHID to connect to a CO2 meter.
My Bookmarks
A browser action with a popup dump of all bookmarks, including search, add, edit and delete.
chrome.commands
Uses the chrome.commands API by creating a new keyboard macro for switching tabs in the browser window.
Font Settings API Sample
Demonstrates the chrome.fontSettings API by allowing users to modify the size of fonts on webpages.
History Override
Demonstrates how to override the default history page.
Sandboxed Frame Sample
Demonstrates creation of a tab with a sandboxed iframe to which the main page passes a counter variable.
topSites API sample
Uses the chrome.topSites API to suggest which sites a user should visit.
Catifier
Replace every image by a cat's image in a website you visit
Omnibox Simple Example
Demonstrates the "omnibox" manifest key and most members of the omnibox API.
Action API Demo
Uses the Action API to change the badge text, icon, hover text, or popup page.
Tab Capture Example
Demonstrates how to use the chrome.tabCapture API.
Hello Extensions
Base Level Extension
Web Accessible Resources Demo
Uses the web_accessible_resources key in the manifest.json file to control access to assets within an extension.
Sandboxed Content Sample
Demonstrates creating a tab for a sandboxed iframe. The sandbox calls eval() to write HTML to its own document.
Oliver Focus Mode
Example extension from DevTools Tips video.
Cookie Clearer
Uses the chrome.cookies API by letting a user delete their cookies via a popup.
Tab Capture - Recorder
Records the current tab in an offscreen document.
Google Analytics Demo
How to use Google Analytics 4 in your extension.
Print Extension
Demonstrates all four methods of the chrome.printing namespace.
no-cookies Rule Manager
Demonstrates the chrome.declarativeNetRequest API by providing a UI to manipulate declarativeNetRequest rules dynamically.
Merge Windows
Uses the chrome.windows and chrome.tabs APIs to manage tabs across different windows.
File Handling Demo
Shows how to use the file_handlers manifest key with the web platform's Launch Handler API.
Idle - Simple Example
Demonstrates the Idle API
webRequest.onAuthRequired Demo
Demonstrates the webRequest.onAuthRequired listener to detect an authentication request and log the user into the designated site.
WASM Load Example - Helloworld (no-modules)
Shows how to use WebAssembly (WASM) in Manifest V3.
Favicon API in a popup
Demonstrates the favicon manifest permission by displaying the favicon of a url in the extension popup.
Geolocation - offscreen
Shows how to get geolocation access within a service worker.
Advanced Font Settings
Demonstrates the chrome.fontSettings API by allowing users to modify the style of displayed fonts on web pages.
Alarms API Demo
Uses the chrome.alarms API to allow the user to set alarms using an extension page.
Debugger Extension
Uses the chrome.debugger API to capture network events on web pages.
Content settings
Uses chrome.contentSettings to display the settings of a given page in the extension's popup.
Open side panel
Shows how to call sidePanel.open() to open a global side panel.
Top Sites
Uses the chrome.topSites API to get the user's most visited sites.
Blank new tab page
Uses the "chrome_url_overrides" manifest key by replacing the user's default new tab page with a new html file.
Context Menus Sample
Uses the chrome.contextMenus API to customize the context menu.
Devtools - inspectedWindow API sample
Uses devtools.inspectedWindow to collect and use data on the resouces used in a web page.
Omnibox - New Tab Search
Demonstrates the "omnibox" manifest key and API by creating a keyword that opens a browser search in a new tab.
Favicon API in content scripts
Demonstrates fetching the favicon from www.google.com and inserting it at the top left of every page.
Tab Manager for Chrome Dev Docs
URL Redirect
Uses the chrome.declarativeNetRequest API to redirect requests.
Tabs zoom API Demo
Uses the tabs.zoom API to manipulate the zoom level of the current tab.
Getting Started Example
Build an Extension!
Global Google Search
Uses the context menu to search a different country's Google
WASM Load Example - Helloworld
Shows how to use WebAssembly (WASM) as a module in Manifest V3.
WebSocket Demo
How to use WebSockets in your Chrome Extension.
Drink Water Event Popup
Demonstrates usage and features of the event page by reminding user to drink water
Site-specific side panel
Shows how to display the side panel only on google.com using the Side Panel API.
Offscreen API - DOM Parsing
Shows how to use DOMParser in an extension service worker using the offscreen document.
MV3 Migration - content script example
Broken Background Color
Fix an Extension!
webNavigation API Sample
Uses the webNavigation API to send notifications.
Geolocation - content script
Shows how to get geolocation access within a content script.
Scripting API Demo
Uses the chrome.scripting API to inject JavaScript into web pages.
Offscreen API - Clipboard
Shows how to write a string to the system clipboard using the offscreen document.
URL Blocker
Uses the chrome.declarativeNetRequest API to block requests.
Page Redder
Turns the page red when you click the icon
Focus Mode
Enable focus mode on Chrome's official Extensions and Chrome Web Store documentation.
Reading time
Add the reading time to Chrome Extension documentation articles