Panduan pertimbangan saat menerapkan aturan spekulasi, terutama untuk situs yang lebih kompleks.

Pelajari kemampuan baru untuk perilaku deklaratif pada tombol.

Ringkasan fitur Tab Khusus dan ketersediaan browsernya.

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

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

Versi Chrome yang diperlukan ekstensi, aplikasi, atau tema Anda, jika ada. Format untuk string ini sama dengan format kolom version.

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

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

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

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

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.

Teknologi yang dibutuhkan 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

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

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

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"

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

Peringatan: Mulai versi 57, Chrome tidak akan lagi mengizinkan konten web eksternal (termasuk frame dan skrip yang disematkan) di dalam halaman yang di-sandbox. Sebagai gantinya, gunakan webview. Menentukan kumpulan halaman aplikasi atau ekstensi

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

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

Contoh untuk Ekstensi Chrome tersedia di GitHub.

TODO

Temukan cara eBay meningkatkan keberhasilan login sebesar 10% menggunakan Digital Asset Links untuk berbagi kredensial yang lancar. Pelajari cara menerapkan autentikasi lintas platform yang aman dan meningkatkan pengalaman pengguna.

scheduler.yield() adalah API baru untuk membagi tugas yang panjang secara ergonomis dan mendapatkan prioritas kelanjutan eksekusi.

Tim Chrome merespons kekhawatiran dari komunitas.

Membantu Anda membangun, tumbuh, dan berinovasi di web.

Temukan yang akan hadir di Chrome dengan versi beta terbaru.

Chrome Web Store Pasar online tempat pengguna dapat menelusuri ekstensi dan tema. Publikasikan ekstensi Anda di sana dan buat ekstensi tersebut dapat diakses oleh semua orang. dashboard Dasbor Developer Publikasikan ekstensi dan kelola item toko

ChromeDriver adalah server mandiri yang menerapkan standar WebDriver W3C.

Temukan cara Dokumen Picture-in-Picture meningkatkan pengalaman belajar online.

Pilihan yang dapat disesuaikan, penutupan dialog ringan, dan lainnya.

Chrome 134 kini telah diluncurkan. API ini mencakup fungsi penutupan ringan untuk dialog, dan banyak lagi yang dapat ditemukan.

Pelajari cara mengembangkan ekstensi Chrome.

Anda kini dapat menghentikan proses peninjauan untuk item yang menunggu peninjauan.

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

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

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

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

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

Ada halaman khusus internal Chrome untuk melihat detail tentang perintah ke Gemini Nano. Panduan ini menjelaskan cara menggunakannya untuk proses debug.

Chrome di Android akan menjadi layar penuh mulai Chrome 135.

Mem-build pengalaman web layar penuh

Gunakan panel 'Privasi dan keamanan' untuk memeriksa dan mengontrol cookie pihak ketiga serta memeriksa perlindungan HTTPS.

Meningkatkan analisis jaringan dengan Chrome DevTools.

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.

Pelajari cara animasi yang dipicu scroll dan yang didorong scroll meningkatkan kualitas artikel bercerita

Temukan mode baru untuk pop-up yang menyederhanakan tooltip dan elemen mengambang lainnya.

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

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

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

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

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

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

Temukan Chrome Chrome 134, Beta Chrome 133 Chrome 132 Chrome 131 Chrome 130 Chrome 129 Chrome 128 Chrome 127 Chrome 126 Chrome 125 Chrome 124 Chrome 123 Chrome 122 Chrome 121 Chrome 120 Chrome 119 Baru di Chrome DevTools Tips DevTools Blog engineer

Panel privasi dan keamanan, throttling CPU yang dikalibrasi, sorotan pihak pertama dan ketiga di Performa, insight baru, dan lainnya.

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

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.

Pelajari cara Google Penelusuran menggunakan Speculation Rules API untuk melakukan pengambilan data hasil penelusuran secara anonim guna meningkatkan pengalaman pengguna

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

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 (

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.

Dokumentasi teknis tentang dimensi CrUX.

Pelajari perubahan pada Laporan Pengalaman Pengguna Chrome (perubahan CrUX) dalam rilis Februari 2025, termasuk subbagian gambar LCP, jenis resource LCP, dan RTT.

Contoh kode, panduan, dan referensi API yang Anda perlukan untuk apa pun yang Anda buat.

Chrome memungkinkan aplikasi web yang memutar media untuk otomatis masuk ke mode picture-in-picture.

Temukan fitur terbaru yang akan hadir di Chrome.

Semua dasar-dasar untuk mulai menggunakan ekstensi Chrome

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

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

CSS advanced attr(), text-box-trim, kueri penampung scroll-state, dan lainnya.

Chrome 133 kini diluncurkan. Ada beberapa fitur CSS baru yang menarik dan banyak lagi yang dapat Anda temukan.

Mode aplikasi bertab memungkinkan developer Progressive Web App menambahkan antarmuka dokumen dengan tab ke PWA mandiri mereka.

Cara menggunakan Tab Autentikasi khusus di aplikasi Android

Cara menggunakan Tab Kustom Ephemeral di aplikasi Android

Meningkatkan autentikasi berbasis web dengan Tab Autentikasi untuk Android

Cara menggunakan Histori Khusus Aplikasi di aplikasi Android

Memperkenalkan histori khusus aplikasi untuk Tab Khusus Chrome untuk Android

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

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

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

Histori chat AI yang persisten, navigasi yang lebih baik, daftar abaikan, dan pelacakan tumpukan di Performa, panel 'Yang baru' baru, dan lainnya.

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.

Ringkasan perubahan terbaru di Ekstensi Chrome, serta fitur ekstensi mendatang yang menarik yang dapat ditunggu oleh developer.

Panduan ini memperkenalkan praktik terbaik untuk pengelolaan sesi dengan Prompt API.

Pelajari perubahan pada Chrome yang memengaruhi developer

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,

Kami mengumumkan serangkaian pembaruan kebijakan yang dirancang untuk memberikan kejelasan dan konsistensi di seluruh platform kami.

Temukan cara mendeteksi kemampuan WebAuthn dengan `getClientCapabilities()` dan menyesuaikan alur kerja autentikasi untuk pengguna Anda.

Translator API bawaan memungkinkan Anda menerjemahkan konten arbitrer dari bahasa sumber ke bahasa target. Ikuti uji coba origin untuk mencoba API.

Pahami apa itu streaming dan cara kerjanya dengan AI dan LLM.

Gunakan praktik terbaik frontend ini untuk menampilkan respons yang di-streaming dari Gemini dengan API yang mendukung streaming, seperti Prompt API.

Mulai Chrome 133, tab latar belakang yang memenuhi syarat dan menggunakan CPU secara intensif akan dibekukan saat mode Penghemat Energi aktif.

Tips DevTools

Tingkatkan cara Anda menyertakan gambar, video, dan lainnya di situs dan aplikasi web.

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.

Pelajari fitur terbaru yang dikirimkan di Chrome.

Sekarang Anda dapat menggunakan attr() dengan properti CSS apa pun, termasuk properti kustom, dan dapat mengurai nilai menjadi jenis data selain string.

Seperti kueri penampung; tetapi untuk kueri yang macet, terkunci, dan meluap.

Ambil kembali ruang dari atas dan bawah konten teks Anda; capai keseimbangan optik.

ToggleEvent untuk dialog, dukungan untuk berbagi video tingkat elemen, dan File System Access API mendukung Android dan WebView, serta lainnya.

Chrome 132 kini diluncurkan. Elemen Dialog mendapatkan ToggleEvent, dukungan untuk berbagi video tingkat elemen, dan File System Access API mendukung Android dan WebView.

Pelajari kasus penggunaan yang menyenangkan dan menarik dari panel bantuan AI baru di DevTools

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

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

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

Penggabungan ekstensi Web Vitals dan DevTools telah selesai dan dukungan untuk ekstensi tersebut telah berakhir.

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.

Element Capture API merupakan cara yang ampuh dan andal untuk mengubah tangkapan tab saat ini menjadi tangkapan subhierarki DOM.

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

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

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

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

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

Pelajari lebih lanjut cara mengurangi serangan clickjacking.

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.

Perubahan terbaru pada platform, dokumentasi, dan kebijakan ekstensi Chrome

Pelajari WebGPU dengan panduan, demo, dan berita terbaru

Lihat apa yang disertakan dalam rilis stabil dan beta Chrome terbaru.

Pelajari cara menggunakan API Pembayaran terbaru di Chrome

Pelajari fitur privasi dan keamanan Chrome.

Penghentian teknologi untuk menciptakan pengalaman yang memiliki lebih banyak akses ke sistem operasi yang mendasarinya.

Library Node.js yang menyediakan API tingkat tinggi untuk mengontrol Chrome atau Chromium headless

Pelajari fitur Chrome untuk mengembangkan aplikasi web di Android.

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.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

Mengotomatiskan audit performa web dengan Lighthouse

Optimalkan performa aplikasi web Anda dengan alat performa Chrome.

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

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

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

Pelajari fitur identitas Chrome, seperti Autentikasi Web.

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

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

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

Komponen WebView didasarkan pada project open source Chromium.

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.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

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

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,

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

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

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

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

ChromeDriver adalah alat yang canggih, dan dapat menyebabkan kerusakan jika berada di tangan yang salah. Saat menggunakan ChromeDriver, ikuti saran berikut:

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

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

Studi Chrome menunjukkan bahwa pengguna isi otomatis mengisi formulir lebih cepat, dengan rasio pengabaian yang lebih rendah.

Terima kasih telah meluangkan waktu untuk berbagi dengan kami, memberikan masukan, meninjau detail, dan membantu membentuk standar.

Pelajari persyaratan untuk mulai mem-build fitur dan aplikasi dengan AI bawaan.

Language Detector API menawarkan penemuan bahasa bawaan di web, di browser.

Gunakan alat Linimasa alokasi untuk menemukan objek yang tidak dibersihkan sampah memorinya dengan benar, dan terus mempertahankan memori.

Cara lulus audit Lighthouse "Hindari animasi non-gabungan.

Merekam dan menganalisis rekaman aktivitas performa dengan DevTools.

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.

Debug permintaan jaringan, file sumber, dan rekaman aktivitas performa dengan Gemini, lihat histori chat AI, dan lainnya.

Bagian ini menjelaskan istilah umum yang digunakan dalam analisis memori, dan berlaku untuk berbagai alat pembuatan profil memori untuk bahasa yang berbeda.

Cara melihat dan mengedit penyimpanan ekstensi dengan panel Penyimpanan Ekstensi.

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

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

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

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

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 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 []

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

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

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

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

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

Temukan kemungkinan tak terbatas dari Prompt API di Ekstensi Chrome.

Pelajari cara mengembangkan ekstensi dengan AI

Pelajari lebih lanjut cara mengonfigurasi kebijakan HTTP Strict Transport Security (HSTS) yang kuat

Panel Insight Performa eksperimental akan dihapus pada Januari 2025 dan diganti dengan insight baru dalam panel Performa itu sendiri.

Temukan dan jelajahi berita terbaru tentang dan kasus penggunaan untuk bantuan AI

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

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

Gunakan chrome.documentScan API untuk menemukan dan mengambil gambar dari pemindai dokumen yang terpasang.

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

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

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.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

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,

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

Dokumentasi teknis tentang alat CrUX.

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

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

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

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

Pelajari fitur AI dan rendering baru yang dibahas dalam pertemuan grup kerja GPU untuk Web terbaru.

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.

Cara menyiapkan ekstensi untuk menu ekstensi baru.

Pengganti sandi yang lebih mudah dan lebih aman.

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

Memahami traffic jaringan situs Anda - dengan bantuan AI

Memahami cara kerja situs dengan bantuan AI

Memahami referensi situs Anda - dengan bantuan AI

AI bawaan adalah penawaran terbaru untuk menghadirkan model canggih kepada pengguna, sekaligus melindungi data sensitif dan meningkatkan latensi.

Memperkenalkan Signal API untuk kunci sandi di desktop Chrome

Pelajari cara membuat rekaman aktivitas performa lebih mudah dipahami dengan fitur anotasi baru di DevTools

Memahami profil performa - dengan bantuan AI

Temukan Translator API untuk mendukung dukungan pelanggan global.

Pelajari fitur terbaru yang dikirimkan di Chrome.

Terjemahkan teks langsung di browser menggunakan model AI lokal. Kini, pengguna dapat berkontribusi dalam bahasa pertama mereka.

Pewarisan Sorotan CSS berubah, lebih banyak gaya CSS untuk elemen detail, tata letak cetak yang lebih mudah dengan kotak margin halaman, dan lainnya.

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.

Ikuti uji coba origin Prompt API untuk Ekstensi Chrome dan akses Gemini Nano di Chrome.

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.

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.

Ringkas artikel panjang, dokumen kompleks, atau bahkan percakapan chat yang menarik menjadi ringkasan yang ringkas dan mendalam.

Temukan referensi tentang topik seperti tipografi, warna, dan tata letak.

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.

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.

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.

Anda kini dapat menetapkan jenis tampilan dan juga menata gaya penampung untuk bagian yang diperluas dan diciutkan menggunakan elemen pseudo ::details-content baru.

Dapatkan analisis mendalam tentang alokasi memori, selidiki masalah memori tingkat rendah, dan kelola pembersihan sampah memori.

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.

Daftar cara untuk menyesuaikan Chrome DevTools: Ubah tema, penempatan, urutan panel, bahasa, dan lainnya.

Alihkan berbagai overlay dan percepat navigasi hierarki DOM dengan badge.

Memantau metrik Core Web Vitals secara real time di panel Performa.

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.

Membuat header dan footer kustom saat mencetak halaman web.

Handwriting Recognition API memungkinkan aplikasi web menggunakan layanan pengenalan tulis tangan lanjutan untuk mengenali teks dari input tulisan tangan secara real time.

Pelajari alasan WebGPU dapat dinonaktifkan atau tidak berfungsi di browser Chrome.

Chrome 132 tidak lagi menyertakan mode Headless lama. Bermigrasi ke chrome-headless-shell atau mode Headless baru.

Pelajari cara mengevaluasi performa runtime di Chrome DevTools.

Pelajari bagaimana badge scroll baru DevTools menyederhanakan proses debug elemen yang dapat di-scroll (dan bagaimana kami membangunnya!).

Mode Headless Chrome kini lebih bermanfaat bagi developer, dengan mendekatkannya dengan mode 'headful' Chrome biasa.

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.

Pelajari kasus penggunaan yang menyenangkan dan menarik dari panel bantuan AI baru di DevTools

AI bawaan adalah penawaran terbaru untuk menghadirkan model canggih kepada pengguna, sekaligus melindungi data sensitif dan meningkatkan latensi.

Temukan fitur yang akan hadir di Chrome dengan versi beta terbaru.

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.

Pencampuran sumber ganda, peningkatan waktu kompilasi shader di Metal, penghentian GPUAdapter requestAdapterInfo(), dan banyak lagi.

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.

Memahami cara gaya situs dibuat dengan bantuan AI di DevTools.

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.

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 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

Pelajari Long Animation Frames API (LoAF) yang merupakan iterasi berikutnya dari Long Tasks API dan memungkinkan pengukuran penundaan update frame dengan atribusi

Referensi tab Inovasi AI.

Tutorial tentang fitur paling populer yang terkait dengan jaringan di Chrome DevTools.

Ringkasan perubahan terbaru di Ekstensi Chrome, serta fitur ekstensi mendatang yang menarik yang dapat ditunggu oleh developer.

Sandbox untuk menjalankan kode C dan C++ yang dikompilasi di browser. Fungsi ini tidak digunakan lagi.

Chrome 130 menyertakan dukungan box-decoration-break penuh tanpa awalan.

Peluncuran Akses Jaringan Pribadi (PNA) ditangguhkan.

Translation API kini tersedia untuk peserta Program Pratinjau Awal AI bawaan.

Perubahan pada pewarisan sorotan CSS akan hadir di Chrome 134.

Memosisikan elemen relatif terhadap satu sama lain menggunakan API pemosisi anchor.

Pelajari cara debugger DevTools memprediksi apakah pengecualian terdeteksi.

Emulasikan Authenticator dan Debug WebAuthn di Chrome DevTools.

Kami meluncurkan Tantangan AI Bawaan, yang mengundang Anda untuk membayangkan kembali apa yang dapat dilakukan dengan Gemini Nano di Chrome.

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

Referensi komprehensif dari fitur panel Perekam Chrome DevTools.

Menemukan teks di seluruh aset yang dimuat dengan panel Telusuri.

Rekomendasi untuk metrik live dan breadcrumb yang dapat Anda buka di panel Performa, filter jaringan yang didesain ulang, ekspor HAR yang dibersihkan, dan lainnya.

Lihat dan edit file, buat Snippet, debug JavaScript, dan siapkan Workspace di panel Sumber Chrome DevTools.

Cara menemukan dan menganalisis kode JavaScript dan CSS yang tidak digunakan di Chrome DevTools.

Memeriksa dan memecahkan masalah cache dengan DevTools.

Mulai dengan transisi tampilan dokumen yang sama untuk digunakan di aplikasi web satu halaman.

Periksa lapisan yang membentuk situs Anda.

Ekstensi Data Web akan digabungkan dengan panel Performa Chrome DevTools, sehingga dukungan mandiri akan berakhir pada Januari 2025.

Language Detection API kini tersedia di uji coba origin Chrome.

Penggunaan utama Konsol Chrome DevTools adalah mencatat log pesan dan menjalankan JavaScript.

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.

Peserta EPP kini dapat membuat prototipe dengan API tulis dan tulis ulang di Chrome.

Chrome di desktop akan segera dapat membuat kunci sandi di Pengelola Sandi Google (GPM) dan menyinkronkannya di seluruh platform tersebut, selain Android.

Perbandingan antara dua spesifikasi masonry yang diusulkan.

Uji situs Anda dengan fitur dan perubahan di Chrome beta terbaru.

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.

Panel Performa di Chrome DevTools menampilkan cara baru untuk memantau performa Data Web Inti lokal Anda dan membandingkannya dengan data pengguna sebenarnya dari lapangan.

Menganimasikan ke dan dari kata kunci ukuran intrinsik dengan `interpolate-size` dan `calc-size()`

Dukungan HDR dengan mode pemetaan warna kanvas, dukungan subgrup yang diperluas, dan lain-lain.

Eksperimen Berbagi proses dan dampaknya terhadap pengalaman developer Chrome DevTools.

Menganalisis performa pemuatan dan runtime situs Anda

Pelajari cara mendeteksi kapan port serial RFCOMM Bluetooth tersedia dengan Web Serial.

Sekilas tentang fitur baru pilihan yang dapat disesuaikan.

Membekukan elemen di DOM sehingga Anda dapat memeriksanya dengan DevTools.

Menampilkan konten HTML arbitrer di jendela yang selalu berada di atas.

Detail tentang perubahan terbaru pada {i>dataset<i} CrUX.

Keyboard Lock API memungkinkan developer memberikan pengalaman layar penuh yang imersif untuk berbagai kasus penggunaan, termasuk situs interaktif, game, dan streaming desktop atau aplikasi jarak jauh. Hal ini dilakukan dengan memungkinkan situs

Gunakan Pemeriksa memori untuk memeriksa ArrayBuffer, TypedArray, atau DataView di JavaScript serta WebAssembly.Memory dari aplikasi Wasm.

Melacak perubahan pada HTML, CSS, dan JavaScript.

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.

Perubahan terkait API pemosisian anchor yang harus Anda ketahui.

Panduan cara membuka Menu Perintah, menjalankan perintah, membuka file, melihat tindakan lain, dan lainnya.

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.

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.

Pelajari cara kerja Chrome, berpartisipasilah dalam uji coba origin, dan bangun aplikasi dengan Chrome di mana saja.

WebAuthn di Chrome kini dapat menggunakan petunjuk, Permintaan Asal Terkait, dan serialisasi JSON

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.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

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

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.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

Kemampuan adalah opsi yang dapat Anda gunakan untuk menyesuaikan dan mengonfigurasi sesi ChromeDriver.

Apakah Anda setuju dengan peserta CSS Day tentang apa yang harus ditambahkan ke web?

Peserta EPP kini dapat membuat prototipe dengan API deteksi bahasa di Chrome.

Pengoptimalan baru di Chrome meningkatkan cara data IndexedDB disimpan di disk. Dokumen ini merangkum poin-poin penting update ini.

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

Jadikan situs Anda dimuat lebih cepat dengan Chrome Lighthouse.

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

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

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

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

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

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&gt;address

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

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

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

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

Gunakan system.cpu API untuk membuat kueri metadata CPU. string Nama arsitektur prosesor. {i&gt;string&lt;i}[] Serangkaian kode fitur yang menunjukkan beberapa kemampuan prosesor. Kode yang saat ini didukung adalah "mmx", "sse", "sse2", "sse3",

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

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

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

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

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&lt;void&gt; Promise hanya didukung untuk

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

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

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

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

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

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,

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

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

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

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

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

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

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

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.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:

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

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

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,

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.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

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

Gunakan chrome.power API untuk mengganti fitur pengelolaan daya sistem. Secara {i&gt;default&lt;i}, sistem operasi meredupkan layar ketika pengguna tidak aktif dan pada akhirnya menangguhkan sistem file. Dengan API daya, aplikasi atau ekstensi dapat

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&lt;void&gt; Promise hanya didukung untuk

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

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

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.

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

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

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

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

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.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

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

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

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,

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

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

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.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.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:

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

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

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

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

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

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&lt;void&gt; Promise didukung di Manifes V3 dan

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

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

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,

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

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

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

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.

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 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

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

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.

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

Halaman ini mendokumentasikan cara mulai menggunakan ChromeDriver untuk menguji situs Anda di {i&gt;desktop&lt;i} (Windows/Mac/Linux). Anda juga dapat membaca Mulai Menggunakan Android atau Mulai Menggunakan ChromeOS. ChromeDriver adalah file

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

Dapatkan pratinjau rilis Chrome berikutnya melalui postingan ini yang menjelaskan berbagai fitur dalam versi beta saat ini.

Menyesuaikan data performa dengan Extensibility API

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

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&amp;lt;

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

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

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

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

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.

Debug dan optimalkan aplikasi web Anda dengan Chrome DevTools.

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.

Tim Chrome sedang bereksperimen dengan File System Observer API baru yang memberi tahu developer tentang perubahan pada sistem file.

Postingan dari Ahmed Elwasefi, yang membagikan kisahnya menjadi kontributor Chromium melalui Google Summer of Code.

Pelajari cara membangun aplikasi dengan WebGPU untuk web dan platform tertentu.

Chrome 128 mulai diluncurkan pada 20 Agustus 2024, dengan properti CSS ruby-align, Promise.try, dan masih banyak lagi.

Gunakan Panel Media untuk melihat informasi dan men-debug pemutar media per tab browser.

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.

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

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.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.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

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

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

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

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.

Peserta EPP kini dapat membuat prototipe dengan API ringkasan untuk Gemini Nano di Chrome.

Memperkenalkan dua peristiwa JavaScript baru: scrollSnapChange dan scrollSnapModify.

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.

Temukan 4 cara unik untuk mengambil screenshot dengan DevTools.

Insight konsol dipublikasikan di Eropa, jalur Jaringan dan API yang ditingkatkan untuk menyesuaikan jalur di panel Performa, dan lainnya.

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.

Berita terbaru dari tim Developer Relations Chrome

Chrome di Android kini mengintegrasikan Pengelola Kredensial yang memungkinkan pengelola sandi pihak ketiga menyediakan kunci sandi di Android 14 dan yang lebih baru

Info terbaru tentang AI bawaan, Prompt API, dan rencana AI Chrome.

Menjelaskan status interoperabilitas saat ini dari nama yang ditetapkan penulis seperti yang digunakan dalam shadow DOM di CSS.

Pelajari bagaimana tim DevTools memperbaiki cara penyajian gaya di tab Gaya.

BrowserStack memperkenalkan dukungan WebDriver BiDi: Tingkatkan pengujian Selenium Grid dengan otomatisasi berbasis peristiwa.

Pelajari cara membuat permintaan dan mengurai respons dari CrUX API.

Pelajari cara mengkueri tren CrUX historis enam bulan sebelumnya menggunakan CrUX History API.

Cari tahu cara server Anda dapat mengirimkan petunjuk tentang subresource penting ke browser.

Elemen ruby yang dapat dipisahkan garis dan properti sejajar ruby CSS

Menganalisis resource dan beban jaringan

Dapatkan pratinjau rilis Chrome berikutnya melalui postingan ini yang menjelaskan berbagai fitur dalam versi beta saat ini.

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

Dukungan eksperimental untuk OpenGL ES di Android, atribut info GPUAdapter, peningkatan interop WebAssembly, dan banyak lagi.

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 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.

Bantu kami untuk memastikan alur baca sesuai dengan kebutuhan Anda.

Referensi komprehensif tentang fitur panel Jaringan Chrome DevTools.

Referensi tab preferensi.

Menganalisis dan merekam alur penggunaan.

Dengan makin banyaknya orang yang mulai mengamati View Transition API, kini saatnya untuk menyanggah beberapa kesalahpahaman.

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.

Ringkasan perubahan terbaru di Ekstensi Chrome, ditambah fitur ekstensi mendatang yang menarik yang dapat dinantikan developer.

Pemosisian anchor CSS di Elements, penyempurnaan 'Never Pause Here' di Sources, pemroses peristiwa snap scroll baru, preset throttling jaringan yang diperbarui, dan banyak lagi.

Memeriksa elemen di aplikasi web

Referensi tentang semua cara untuk merekam dan menganalisis performa di Chrome DevTools.

YouTube meningkatkan keamanan platform dengan Trusted Types untuk mencegah serangan pembuatan skrip lintas situs, tetapi hal ini dapat memengaruhi ekstensi Anda.

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.

Pelajari bagaimana DOM besar dapat mengurangi performa halaman web dan cara mengurangi ukuran DOM pada waktu pemuatan.

Tim Chrome telah mengupayakan opsi untuk mengembalikan pra-rendering penuh halaman mendatang yang kemungkinan akan dibuka oleh pengguna.

Kami berdiskusi dengan tim yang memimpin peninjauan di Chrome Web Store.

Tim Chrome telah melakukan sejumlah peningkatan terkait performa pada penerapan IndexedDB (IDB).

Uji fitur terbaru yang akan hadir di Chrome dengan mendownload versi beta.

Meningkatkan batas maxTextureArrayLayers, pengoptimalan upload buffer untuk backend Vulkan, peningkatan waktu kompilasi shader, buffer perintah yang dikirimkan harus unik, dan update Dawn.

Untuk mempercepat peluncuran aplikasi yang didukung teknologi AI pada masa mendatang, simpan data model di cache secara eksplisit.

Tim Chrome bereksperimen dengan elemen <izin> HTML deklaratif baru untuk meminta pengguna mengakses fitur canggih.

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.

Baca semua pengumuman CSS dan UI Web dari Google I/O 2024.

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.

Peristiwa penghapusan muatan tidak akan digunakan lagi secara bertahap mulai Chrome 117. Pelajari maksudnya serta cara situs dan perusahaan dapat bersiap menghadapi hal ini

Dokumentasi teknis tentang metrik CrUX.

Memantau permintaan dan respons CDP.

Pelajari fitur terbaru untuk membantu Anda merapikan panel Performa dan berfokus pada informasi yang paling Anda perlukan

Menganalisis performa pemilih CSS selama peristiwa Hitung Ulang Gaya.

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.

Penjelasan tentang pemfilteran konten dan cara menanganinya di Ekstensi Chrome.

Pelajari tentang audit Lighthouse "Tidak memiliki tag dengan lebar atau skala awal".

Pelajari cara mengemulasi browser lain dengan panel Kondisi jaringan.

Meningkatkan mode konfigurasi trek, mengabaikan daftar di flame chart, dan menurunkan batas CPU sebanyak 20 kali di panel Performa, serta banyak lagi.

Google I/O lain akan hadir dan kami telah membahas semua update ekstensi yang menarik!

Pelajari cara menggunakan Chrome DevTools untuk menemukan dan memperbaiki bug JavaScript.

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.

Melihat file sumber dan memiliki akses ke alat lainnya.

Bagian 1/2. Pelajari cara peningkatan WebAssembly dan WebGPU meningkatkan performa machine learning di web.

Chrome 126 Beta menyertakan transisi tampilan lintas dokumen, bersama dengan ekstensi trigger-rumble API Gamepad, dan fitur lainnya.

Codelab berikut menawarkan AI sisi klien. Tidak diperlukan pengetahuan pengembangan AI, server, atau kunci API.

Bagian 2/2. Pelajari cara peningkatan WebAssembly dan WebGPU meningkatkan performa machine learning di web.

Dokumen ini memberikan sorotan singkat tentang kejadian terbaru dalam ekosistem framework JavaScript.

Baca ringkasan Web AI di I/O 2024. Pelajari model, alat, dan API baru untuk aplikasi web Anda berikutnya.

Analisis performa runtime situs Anda secara real time.

Mengumumkan transisi tampilan lintas dokumen untuk MPA, transisi tampilan selektif dengan jenis aktif, dan berbagi gaya animasi dengan kelas transisi lihat.

AI di perangkat adalah penawaran terbaru untuk menghadirkan model canggih kepada pengguna, sekaligus melindungi data sensitif dan meningkatkan latensi.

Asynchronous Clipboard API sekarang dapat menangani gambar SVG.

Mulai Chrome 126, framework Otomatisasi UI Windows didukung.

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.

Gunakan penggantian lokal untuk meniru resource jarak jauh dan menyimpan perubahan yang Anda buat di DevTools di seluruh pemuatan halaman.

Pelajari cara mengganti dan menirukan respons jaringan dengan DevTools.

Chrome 125 mulai diluncurkan pada 14 Mei 2024, dengan CSS Anchor Positioning, Compute Pressure API, fitur Baseline baru, dan masih banyak lagi.

AI sisi klien adalah penawaran terbaru untuk menghadirkan model yang canggih kepada pengguna, sekaligus melindungi data sensitif dan meningkatkan latensi.

Temukan fitur menarik dari Keynote dan sesi Developer Google I/O.

Pelajari tentang transformasi Spotify Miniplayer dari "peretasan kanvas" menjadi pengalaman yang disempurnakan oleh Document Picture-in-Picture API.

Menempatkan elemen-elemen relatif terhadap satu sama lain menggunakan API penentuan posisi anchor yang baru.

Pahami error dan peringatan di Konsol secara lebih baik dengan Gemini.

Pelajari cara mengatasi tantangan dengan pengujian di lingkungan perusahaan

Ringkasan singkat tentang Puppeteer, Chrome Headless, dan Chrome for Testing serta referensi lainnya dari tim Alat Chrome.

Penyebab error di Konsol, statistik pemilih CSS di Performa, header Petunjuk Awal di Jaringan, dan lainnya.

Pelajari manfaat kueri container dari redBus dan Tokopedia.

Subgrup dalam pengembangan dan render ke irisan tekstur 3D.

redBus, Policybazaar, dan Tokopedia menggunakan View Transition API dan mendapatkan manfaat dari performa yang lebih baik serta UI yang lancar.

Cari tahu bagaimana Policybazaar dan Tokopedia mendapatkan manfaat dari penggunaan :has().

Temukan manfaat animasi berbasis Scroll dengan Policybazaar, redBus, dan Tokopedia.

Pelajari manfaat yang diperoleh situs e-commerce dari penerapan fitur CSS dan UI terbaru, yaitu Transisi Tampilan, animasi berbasis Scroll, Popover API, dan lainnya.

Kursus video 10 bagian untuk mempelajari semua hal tentang animasi berbasis scroll

WebGPU memungkinkan grafis 3D berperforma tinggi dan komputasi paralel data di web.

Proposal untuk mendefinisikan masonry dan grid dalam spesifikasi yang berbeda.

Dokumentasi referensi untuk properti minimum_chrome_version dari manifest.json.

Untuk mengakses perangkat jaringan pribadi dari situs yang tidak dapat dikonversi ke HTTPS, Anda harus menggunakan dialog izin untuk melonggarkan pemeriksaan konten campuran.

Tokopedia menggunakan Popover API untuk mengurangi jumlah kode dalam aplikasinya.

Captured Surface Control API memungkinkan aplikasi web men-scroll dan memperbesar tab yang diambil.

Dokumentasi referensi untuk properti trial_tokens dari manifest.json.

Melihat metrik WebAudio API di panel WebAudio

Pemosisian Anchor CSS, fungsi yang bertahap dari CSS, Compute Pressure API, dan banyak lagi.

Chrome 124 mulai diluncurkan pada 16 April 2024, dengan setHTMLUnsafe, streaming di WebSockets, dan masih banyak lagi.

Pelajari cara menambahkan dukungan ikon maskable ke PWA Anda.

Pelajari cara memastikan pengguna dapat melihat setidaknya beberapa konten di halaman web Anda jika JavaScript tidak tersedia.

Pelajari cara membuat Progressive Web App agar dapat diinstal.

Chrome kini membatasi seluruh Web MIDI API dengan dialog izin.

Ringkasan perubahan terbaru di Ekstensi Chrome, ditambah fitur ekstensi mendatang yang menarik yang dapat dinantikan developer.

Pelajari cara mendaftarkan pekerja layanan yang mendukung fitur Progressive Web App seperti fungsi offline, notifikasi push, dan kemampuan penginstalan.

Foldable API adalah dua API di Chrome yang dirancang untuk membantu developer menargetkan perangkat foldable.

Pelajari cara membuat layar pembuka kustom untuk Progressive Web App.

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.

Pelajari cara membuat Progressive Web App Anda berfungsi secara offline.

Memeriksa dan mengubah animasi dengan panel Animations.

Referensi tab thhrottling.

Pelajari cara membuat transisi antar halaman web terasa responsif, bahkan pada jaringan yang lambat.

Pelajari cara melindungi situs Anda dengan HTTPS.

Pelajari cara menentukan ikon yang ditampilkan Progressive Web App di layar utama iOS.

Pelajari tentang Lighthouse "Setiap halaman memiliki audit URL.

Pelajari cara membuat situs Anda lebih aman dengan mengalihkan semua halaman ke HTTPS.

Pelajari cara mengatur warna tema kolom URL untuk Progressive Web App.

Pelajari cara mengkonfigurasi start_url Progressive Web App agar aplikasi dapat diakses secara offline.

Pelajari cara menyesuaikan ukuran konten halaman web agar pas di layar seluler.

Pelajari cara membuat halaman web Anda dimuat dengan cepat di jaringan seluler.

Pelajari cara menggunakan Workbox untuk memastikan halaman web Anda berfungsi di seluruh browser.

Periksa dan debug alamat yang disimpan di Chrome dengan panel Isi Otomatis.

Mulai menggunakan transisi tampilan lintas dokumen untuk digunakan di aplikasi multi-halaman (MPA).

View Transition API memungkinkan Anda menambahkan transisi di antara tampilan situs.

Temukan cara DevTools meningkatkan pengembangan aplikasi web Anda.

Tekstur penyimpanan hanya-baca dan baca-tulis, dukungan pekerja layanan dan pekerja bersama, atribut informasi adaptor baru, dan perbaikan bug.

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.

Minggu ini, kami dengan senang hati meluncurkan fitur baru yang memungkinkan developer melakukan rollback ekstensi ke versi yang dipublikasikan sebelumnya di Chrome Web Store. Sasaran kami adalah memberikan ketenangan yang lebih besar kepada

Pelajari struktur set data CrUX di BigQuery.

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.

Pelajari cara menggunakan CrUX dengan panduan yang mudah diikuti

Pelajari cara menggunakan API tampilan font untuk memastikan teks halaman web akan selalu terlihat oleh pengguna.

Dukungan animasi berbasis scroll, panel Isi Otomatis baru, opsi baru untuk WebRTC dalam throttling jaringan, dan banyak lagi.

Mempelajari jalur maju dalam pembuatan profil performa CPU, memahami alasan dan cara kami menghentikan penggunaan profiler JavaScript.

Melaporkan informasi tentang apakah frame yang ada dalam dokumen diblokir agar tidak menggunakan back-forward cache pada navigasi.

Pelajari cara membuat profil performa aplikasi Node.js dengan panel Performa.

Integrasi Promise JavaScript (JSPI) adalah API yang memungkinkan kode berurutan sinkron yang dikompilasi ke WebAssembly untuk mengakses API Web asinkron.

Uji cara situs Anda menangani aset yang tidak ada.

Pelajari fetchLater API—yang kini dalam Uji Coba Origin—API baru untuk meminta pengambilan yang ditangguhkan yang akan selesai meskipun halaman ditutup.

Perubahan diluncurkan untuk membuat scroller tanpa nilai tabindex yang ditetapkan dan tanpa keyboard turunan yang dapat difokuskan.

Atribut HTML saran penulisan, WebSocketStream API, header permintaan HTTP prioritas, dan banyak lagi.

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.

Cari tahu cara menggunakan API baru ini, yang tersedia dari Chrome 123.

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.

Pelajari rencana tim Chrome untuk meningkatkan panel Performance DevTools.

Jelajahi peningkatan terbaru di panel Jaringan Chrome DevTools, yang dirancang untuk menyederhanakan pengalaman proses debug web Anda.

Buat perubahan pada DOM secara langsung.

Pelajari semua cara menjeda kode di Chrome DevTools.

Dukungan fungsi bawaan DP4a, parameter pointer tidak terbatas, sugar sintaksis untuk dereferensi komposit dalam WGSL, dan banyak lagi.

Menyoroti bingkai iklan, menirukan fokus pada halaman, menonaktifkan font lokal dan format gambar, mengaktifkan tema gelap otomatis, dan mengemulasikan kekurangan penglihatan.

Pelajari cara menggunakan Chrome DevTools untuk melihat dan mengubah CSS halaman.

Temukan alur kerja baru untuk melihat dan mengubah CSS di Chrome DevTools.

Anda kini dapat mendownload Headless Chrome lama sebagai biner mandiri untuk setiap rilis Chrome yang dilihat pengguna.

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.

Dapatkan informasi penting tentang aplikasi web Anda langsung dari browser.

Gunakan API chrome.i18n untuk merender antarmuka Anda dalam beberapa bahasa.

Bagi banyak pengguna, aksesibilitas secara harfiah adalah antarmuka pengguna, dan fitur-fiturnya berguna bagi banyak orang lain.

Temukan fitur terbaru di Chrome DevTools

Detail update terbaru pada Speculation Rules API, termasuk aturan dokumen, setelan minat, batasan, dan dukungan aturan spekulasi di platform.

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.

Telur Paskah, emulasi halaman terfokus di Elements > Gaya, audit Lighthouse baru, dan lain-lain.

Pelajari cara menggunakan library @next/pihak ketiga untuk mengoptimalkan pemuatan resource pihak ketiga yang populer

Fungsi warna CSS terang-gelap(), align-content untuk blok, properti ukuran kolom, dan peristiwa pagereveal.

Mulai Chrome 123, gunakan konten rata untuk menyelaraskan item tanpa membuat penampung fleksibel atau petak.

Dokumentasi kanonis untuk pintasan keyboard Chrome DevTools.

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.

Gunakan perangkat virtual dalam mode perangkat Chrome untuk membuat situs yang mengutamakan seluler.

Mulai Chrome 122, elemen `::backdrop` mewarisi properti dari elemen asalnya.

Ekstensi memerlukan setidaknya satu ikon untuk mewakilinya di toolbar.

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.

TBD

WebUSB API, yang mengekspos perangkat yang kompatibel dengan Universal Serial Bus (USB) non-standar ke web, tersedia dalam ekstensi.

Panduan untuk mengonversi ekstensi Manifes V2 ke ekstensi Manifes V3.

WebHID API, yang mengekspos perangkat yang kompatibel dengan Human Interface Device (HID) ke web, tersedia dalam ekstensi.

Mode kompatibilitas dalam pengembangan, meningkatkan batas maxVertexAttributes, dan update Fajar.

Dokumentasi referensi untuk properti kebijakan keamanan konten manifest.json.

Satu baris kode untuk mengubah ukuran elemen secara otomatis dengan konten yang dapat diedit.

Pelajari cara merekam snapshot heap dengan profiler heap dan menemukan kebocoran memori.

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

Panduan langkah demi langkah tentang cara menggunakan Web Push dengan Ekstensi Chrome

Cara kerja peringatan izin di ekstensi Chrome.

Ringkasan nilai yang valid untuk properti izin di manifest.json.

Peringatan penghentian cookie pihak ketiga di panel Jaringan dan Aplikasi, proses debug yang ditingkatkan di panel Jaringan, breadcrumb di panel Performa, dan lainnya.

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.

Percepat penjelajahan web dengan pemuatan spekulatif dan pelajari cara men-debug-nya.

Uji coba penghentian penggunaan untuk SharedArrayBuffer tanpa isolasi lintas asal di desktop Chrome diperpanjang hingga Chrome 124.

Merespons kombinasi tombol kustom dalam ekstensi.

Sesuaikan dan integrasikan Perekam Suara dengan menginstal ekstensi.

Chrome 122 beta menghadirkan helper Iterator, menyetel metode, Storage Buckets API, membaca HTML bermasalah di Async Clipboard API, dan banyak lagi.

Ringkasan perubahan terbaru di Ekstensi Chrome, ditambah fitur ekstensi mendatang yang menarik yang dapat dinantikan developer.

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.

Memicu tindakan dari omnibox.

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.

Pelajari cara menggunakan DOM bersama dengan SSR secara aman di Angular

Gunakan properti `scrollbar-width` dan `scrollbar-color` untuk menata gaya scrollbar.

Gunakan Puppeteer untuk menguji fitur yang menggunakan Web Bluetooth API di Chrome.

Panduan langkah demi langkah tentang cara menggunakan Firebase Messaging dengan chrome.gcm

Temukan solusi kami tentang cara mengotomatiskan pengujian browser secara konsisten dan meningkatkan performa aplikasi.

Pelajari cara menguji model AI berbasis browser sisi klien, sekaligus tetap skalabel, dapat diotomatiskan, dan dalam penyiapan hardware terstandardisasi.

Chrome menambahkan fitur CSS internasional baru lainnya.

Beri respons kepada pengguna yang mengklik toolbar.

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.

Pelajari cara menggunakan Pemilih Warna di Elements > Gaya untuk memeriksa dan men-debug warna HD dan non-HD.

Pelajari cara menulis warna dalam beberapa klik.

Pelajari cara men-debug prioritas pengambilan.

Mengelola update real-time di Ekstensi

Teknik tipografi klasik untuk membuat jeda baris secara manual untuk blok teks yang seimbang, kini hadir di CSS.

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.

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.

Mengimplementasikan pop-up, yaitu jendela yang memungkinkan pengguna memanggil fitur ekstensi.

Pekerja layanan memungkinkan ekstensi berjalan hanya saat diperlukan, sehingga menghemat resource.

Mengimplementasikan pop-up, yaitu jendela yang memungkinkan pengguna memanggil fitur ekstensi.

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

Postingan ini membahas relevansi metrik INP baru terhadap situs berbasis framework dan upaya Aurora untuk mendukung framework dalam mengoptimalkan metrik ini.

Luncurkan aplikasi langsung dari halaman web dengan Intent Android.

Chrome telah beradaptasi dengan ekosistem tablet Android dengan mengaktifkan mode desktop secara default pada tablet premium.

Buat akordeon eksklusif dengan beberapa elemen `` yang memiliki `name` yang sama.

Dukungan untuk nilai floating point 16-bit di WGSL, peningkatan batas, perubahan status stensil kedalaman, pembaruan informasi adaptor, dan banyak lagi.

Platform web kini dilengkapi dengan Region Capture, cara yang unggul dan andal untuk memangkas trek video.

Ikuti perubahan WebGPU terbaru.

Dukungan @font-palette-values di Elements, peningkatan dukungan peta sumber, peningkatan Performa > pelacakan Interaksi, dan banyak lagi.

Tahun 2023 adalah tahun yang besar bagi CSS. Pelajari apa saja yang ada di Chrome dan di seluruh platform web tahun ini.

Pelajari cara melakukan debug bfcache dan membuat halaman Anda dimuat secara instan.

Pelajari cara Chrome DevTools memitigasi serangan XSS mandiri dengan memblokir penempelan kode untuk pengguna DevTools yang tidak berpengalaman.

Pelajari cara men-debug DOM dengan DevTools.

Lihat detail bingkai.

Google Chrome menghentikan akses ke endpoint jaringan pribadi dari situs publik yang tidak aman sebagai bagian dari spesifikasi Akses Jaringan Pribadi (PNA).

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.

Hosting situs di server web mesin pengembangan, lalu akses kontennya dari perangkat Android.

Pelajari cara melihat, menambahkan, mengedit, dan menghapus cookie HTTP halaman menggunakan Chrome DevTools.

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 menambahkan empat fitur CSS internasional baru.

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.

Mulai Chrome 120, opsi bermasalah baru tersedia di Async Clipboard API. Pelajari cara menggunakannya dalam panduan ini.

Mengabaikan referensi tab Daftar.

Chrome memungkinkan aplikasi web konferensi video masuk ke mode picture-in-picture secara otomatis.

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

Pelajari fitur baru yang disertakan dalam perintah Angular NgOptimizedImage yang semakin meningkatkan performa gambar di aplikasi Angular.

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

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.

Pelajari tentang bagaimana ekosistem WebGPU melampaui ranah JavaScript, C++, dan Rust.

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.

Susunan bertingkat ke depan diaktifkan di Chrome 120.

Mode ketahanan di IndexedDB berubah dari ketat menjadi longgar mulai Chrome 121.

Ringkasan perubahan penting di Chrome 120 bagi developer Ekstensi Chrome.

Cara membuka file di pekerja layanan ekstensi Chrome, pop-up, panel samping, atau skrip konten.

Dokumentasi referensi untuk properti file_handlers manifest.json.

Penyamaran CSS, aturan longgar untuk penyusunan bertingkat CSS, membuat pola akordeon dengan elemen, tindakan enterpictureinpicture untuk Media Session API.

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 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.

Optimalkan dan sesuaikan untuk pengguna yang lebih menyukai UI buram.

Tekstur float 32-bit yang dapat difilter, format vertex unorm10-10-10-2, format tekstur rgb10a2uint, dan banyak lagi.

Ikut serta dalam penggabungan teks yang dioptimalkan, untuk keindahan yang melebihi kecepatan.

Pelajari bagaimana kemampuan elemen pilih yang diperluas memungkinkan jeda horizontal visual untuk pengelompokan yang lebih baik.

Ringkasan perubahan terbaru di Ekstensi Chrome, ditambah fitur ekstensi mendatang yang menarik yang dapat dinantikan developer.

Pelacakan masalah Chromium dimigrasikan ke alat yang didukung oleh Issue Tracker Google pada Januari 2024.

Implementasi Sanitizer API saat ini tidak digunakan lagi mulai Chrome 119 untuk mengikuti update spesifikasi mendatang.

Web Serial API menambahkan dukungan untuk layanan RFCOMM Bluetooth.

Cara menulis pengujian unit untuk ekstensi.

Cara menulis pengujian otomatis untuk Ekstensi Chrome menggunakan Puppeteer.

Cara menulis pengujian menyeluruh untuk ekstensi.

Periksa apakah bug atau permintaan fitur telah dilaporkan.

Buat warna baru berdasarkan saluran dan nilai warna lain.

Cara melaporkan bug atau masalah ekstensi dengan dokumentasi.

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.

Peningkatan bagian @property di Gaya, daftar perangkat yang diperbarui, pencetakan pencapaian yang lebih baik di Sumber dan pelengkapan otomatis di Konsol.

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

Sekarang ada uji coba origin baru yang tersedia untuk membuka jendela pop-up dalam mode layar penuh hanya dengan satu langkah.

Chrome 119 beta menghadirkan sintaksis warna relatif CSS, kelas pseudo baru, dan banyak lagi.

Pelajari cara menggunakan @scope untuk memilih elemen hanya dalam subhierarki terbatas dari DOM Anda.

Memperluas dukungan sumber untuk copyExternalImageToTekstur, dukungan eksperimental untuk tekstur penyimpanan baca-tulis dan hanya baca, dan lainnya.

Pelajari cara menggunakan DevTools untuk men-debug ekstensi Chrome.

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.

Panduan mendalam tentang cara dan alasan CyberAgent, RedBus, Nykaa, dan PolicyBazaar menerapkan transisi tampilan.

Ringkasan cara kerja API penyimpanan web dan cookie di ekstensi.

Merayakan ulang tahun Chrome yang ke-15 dan peran kami sebagai partner yang tepercaya dan bermanfaat bagi developer.

Pelajari beberapa tips untuk developer WebGL yang bermigrasi ke WebGPU.

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.

Gaya dengan cakupan untuk CSS, fitur media tambahan, container scroll yang dapat difokuskan keyboard, dan lainnya.

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.

Cara memigrasikan aplikasi yang dipaketkan atau dihosting Chrome.

Batalkan penetapan buffering vertex dan grup ikat, buat perangkat yang hilang tampak berfungsi, dan lainnya.

Pengalaman dan saran dalam berpartisipasi dalam Google Summer of Code.

Panduan untuk memublikasikan ekstensi Manifes V3 baru

Gunakan Cuplikan untuk menjalankan kode yang sering Anda gunakan dan ekspresi langsung untuk melihat nilai secara real time.

Mulai Chrome 119, kami akan mempersingkat waktu antara cabang untuk rilis dan rilis ke stabil.

Soroti cara komunitas Astro menggunakan Transisi Tampilan saat Chrome membentuk API dan perjalanan menuju mendapatkan dukungan kelas satu untuknya di pulau persisten Astro.

`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.

Lighthouse 11 telah hadir dengan perubahan aksesibilitas dan pembaruan audit baru

Untuk mempermudah pengetikan perintah Chrome Devtools Protocol (CDP), DevTools memperkenalkan editor baru yang mudah digunakan sehingga Anda tidak perlu menggunakan JSON.

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.

Mulai Chrome 117, Chrome akan secara proaktif menampilkan sorotan kepada pengguna saat ekstensi yang telah diinstal tidak lagi tersedia di Chrome Web Store.

Subgrid petak CSS, dukungan animasi masuk dan keluar untuk CSS, pengelompokan array, helper iterator, dan lain-lain.

Pelajari kemampuan baru yang memungkinkan transisi yang lancar dari animasi terpisah dan antara lapisan atas

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.

Dokumentasi referensi untuk properti "content_scripts" manifest.json.

Dapatkan isolasi lintas asal dan perlindungan kebocoran lintas situs saat berinteraksi dengan pop-up.

Integrasi WebCodecs, peningkatan pemutaran video, dan lainnya.

"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.

Gunakan titik henti sementara dan logpoint untuk men-debug dengan mudah.

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.

Ringkasan perubahan penting pada Chrome 116 bagi developer Ekstensi Chrome.

Jalur gerakan CSS, Back/forward cache NotReturnReason API, Document Picture-in-Picture, dan lainnya.

Pelajari cara menggunakan proses debug Safari Web Inspector untuk Chrome di iOS.

Ringkasan perubahan sejauh ini tahun ini di Ekstensi Chrome, ditambah fitur ekstensi mendatang yang menarik yang dapat dinanti-nantikan developer.

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.

Pelajari cara merekam, memutar ulang, dan men-debug alur pengguna dengan panel Perekam di DevTools.

API baru ini jauh lebih lancar daripada cara klasik untuk menerapkan animasi berbasis scroll.

Petunjuk langkah demi langkah tentang cara menyambungkan ke WebSocket di ekstensi Chrome.

Pelajari cara menggunakan proses debug Safari Web Inspector untuk Chrome di iOS.

Gunakan Aplikasi > Penyimpanan Lokal dan Penyimpanan Sesi untuk men-debug pasangan nilai kunci.

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

Ekstensi bahasa WGSL yang didukung, dukungan eksperimental untuk Direct3D 11, dan banyak lagi.

Cara menggunakan geolokasi di pekerja layanan ekstensi Chrome, pop-up, panel samping, atau skrip konten.

Chrome untuk Pengujian adalah ragam Chrome baru yang secara khusus menargetkan pengujian aplikasi web dan kasus penggunaan otomatisasi.

Pelajari cara menggunakan Chrome DevTools untuk menemukan dan memperbaiki bug di C/C++ WebAssembly.

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

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

Dukungan untuk data: URL dalam elemen SVG akan dihapus. Sebaiknya lakukan migrasi ke alternatif.

Pengoptimalan JavaScript dan lainnya.

Beberapa kata kunci untuk properti tampilan CSS, WGSLLanguageFeatures untuk WebGPU, upgrade HTTPS, dan lainnya.

Mengumumkan penghentian dan rencana penghapusan peristiwa mutasi, serta membagikan cara memigrasikan kode Anda sebelum penghapusan pada Juli 2024.

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

Uji coba origin baru dari Chrome yang memungkinkan developer web memantau tekanan komputasi.

Memperkenalkan Side Panel API baru untuk ekstensi Chrome.

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 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.

Jika situs Anda bergantung pada setelan document.domain, tindakan Anda diperlukan.

Gunakan Workspace untuk menyimpan perubahan yang Anda buat di DevTools ke file sumber lokal.

Memperkenalkan linear(), fungsi easing di CSS yang berinterpolasi secara linear antara titik-titiknya, memungkinkan Anda menciptakan kembali efek pantulan dan pegas.

Dokumentasi referensi untuk properti latar belakang manifest.json.

Pelajari cara membuat tooltip, menu, dan lainnya dengan API popover baru.

LEGO Education menggunakan kekuatan web untuk membuat cara menghubungkan model LEGO ke komputer semudah mungkin.

Pelajari berbagai upaya yang telah dilakukan tim Chrome Aurora akhir-akhir ini dan rencana mereka untuk tahun 2023.

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.

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.

Web SQL dihapus sepenuhnya di Chromium 119.

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

20 fitur CSS dan UI teratas yang tidak ingin Anda lewatkan di Google I/O 2023.

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.

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.

Pelajari cara WebGPU mengoptimalkan kekuatan GPU untuk performa machine learning yang lebih cepat dan rendering grafis yang lebih baik.

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.

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.

Artikel ini memberikan ringkasan tentang yang baru di BiDi WebDriver pada tahun 2023.

Buat agenda Anda sendiri untuk bersiap menghadapi Google I/O.

Pelajari cara menggunakan Linimasa Scroll dan Linimasa Tampilan untuk membuat animasi berbasis scroll secara deklaratif.

DevTools mengaktifkan Setelan &gt; Eksperimen &gt; Proses Debug WebAssembly: Aktifkan dukungan DWARF secara default. Untuk mengetahui informasi selengkapnya, lihat Men-debug WebAssembly dengan alat modern. Eksperimen ini memungkinkan Anda menjeda

Penyeimbangan judul CSS, CHIPS, peristiwa scrollend, dan popover.

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.

Pekerja layanan ekstensi adalah pengendali peristiwa pusat ekstensi. Itu membuat mereka berbeda dari pekerja layanan web.

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.

Pekerja layanan ekstensi diinstal dan diupdate secara berbeda dari pekerja layanan web.

Uji coba origin baru dari Chrome yang memungkinkan developer web mengontrol blur latar belakang kamera.

Chrome 113 menyertakan peningkatan pada encoder software AV1 dari tim Chrome Open Media.

Pekerja layanan ekstensi merespons peristiwa pekerja layanan standar dan banyak peristiwa di API ekstensi.

Sesuaikan UI Anda dengan kemampuan kecepatan refresh layar.

WebGPU disertakan di Chrome dengan integrasi WebCodecs dalam uji coba origin.

Gunakan panel Resource Developer untuk memeriksa apakah peta sumber berhasil dimuat dan memuatnya secara manual.

Gunakan peta sumber di DevTools untuk men-debug kode asli, bukan yang di-deploy.

Cara mengukur engagement pengguna di Tab Khusus.

Cara menambahkan tindakan kustom ke Tab Khusus.

Pelajari cara memanfaatkan Layanan Tab Khusus untuk pengalaman pengguna yang lebih baik.

Cara meluncurkan Tab Khusus dari aplikasi Android.

Pelajari cara menggunakan Tab Khusus sebagian agar pengguna dapat berinteraksi dengan aplikasi Anda saat melihat konten web.

Cara membuat Tab Khusus cocok dengan tampilan dan nuansa aplikasi Anda.

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.

Perjalanan menuju evolusi otomatisasi pengujian di web.

Cara merekam audio atau video dari tab, jendela, atau layar.

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.

Masukan Anda diperlukan pada solusi yang diusulkan untuk masalah metode tata letak yang mengatur item dalam urutan yang terputus dari sumber dokumen.

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

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.

Tim Chrome mengirimkan WebGPU, yang memungkinkan grafik 3D berperforma tinggi dan komputasi paralel data di web.

Fitur media CSS baru, fungsi easing linear(), dan WebGPU.

Mulai Chrome 114, waktu antara cabang untuk rilis dan rilis ke stabil akan lebih singkat.

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.

Pelajari cara membuat dan men-debug pekerja layanan ekstensi.

Pelajari cara peta sumber dapat membantu Anda men-debug kode asli, bukan yang di-deploy.

Meningkatkan pengalaman proses debug di Chrome DevTools dengan ekstensi peta sumber ignoreList.

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

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.

Kita ingin melindungi privasi pengguna dengan membatasi kapan header X-Requested-With dikirim.

Bagian pertama dari tiga bagian yang menjelaskan perubahan yang diperlukan untuk kode yang bukan bagian dari pekerja layanan ekstensi.

Penyusunan CSS, komposisi animasi, dan parameter pengirim untuk konstruktor FormData.

Bagian kedua dari tiga bagian yang menjelaskan perubahan yang diperlukan untuk kode yang bukan bagian dari pekerja layanan ekstensi.

File manifest.json memerlukan format yang sedikit berbeda untuk Manifest V3 dibandingkan Manifest V2.

Pekerja layanan memungkinkan ekstensi berjalan hanya saat diperlukan, sehingga menghemat resource.

Referensi cepat untuk mengupgrade ekstensi Anda dari Manifest V2 ke Manifest V3.

View Transition API memungkinkan transisi halaman dalam aplikasi web satu halaman, dan selanjutnya akan menyertakan aplikasi multi-halaman.

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

Bagian terakhir dari tiga bagian yang menjelaskan perubahan yang diperlukan untuk kode yang bukan bagian dari pekerja layanan ekstensi.

Salah satu fitur preprocessor CSS favorit kami kini sudah di-build ke dalam bahasa: aturan gaya bertingkat.

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.

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

Dengan menggunakan teori dorongan, kami meminta pengguna untuk berhenti menembakkan kaki saat melakukan panggilan konferensi video.

API baru akan hadir di platform web untuk membantu Anda memosisikan elemen dengan cara adaptif tanpa trik.

Mempelajari dua tantangan yang dihadapi tim Chrome dalam menerapkan CHIPS dan bagaimana masukan komunitas memainkan peran penting dalam mengembangkan desain proposal.

Cara tim Chrome bertujuan untuk mendorong diskusi yang lebih profesional, saling menghormati, dan inklusif.

Bertukar pesan dengan aplikasi native dari Ekstensi Chrome Anda.

Pelajari cara Next.js, Nuxt.js, dan library lainnya membantu menghasilkan CSS font pengganti tanpa CLS.

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.

Gunakan panel Styles dan Computed untuk menemukan masalah CSS dengan DevTools.

Tempat untuk mendapatkan bantuan terkait pertanyaan yang tidak tercakup dalam dokumentasi.

Referensi tab Perangkat.

Referensi tab pintasan.

Referensi tab Workspace.

Proses debug warna HD, UX titik henti sementara yang ditingkatkan, dan lainnya.

Referensi tab Lokasi.

Referensi tab Eksperimen.

Ringkasan setelan.

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.

Lighthouse 10 telah hadir dengan penskoran dan audit baru.

Jenis warna dan ruang warna CSS baru, fungsi trigonometri CSS, dan View Transitions API.

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

Aktifkan alat proses debug tambahan atau coba fitur baru atau eksperimental di Chrome.

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.

Pelajari CrUX History API dan cara menggunakannya untuk melacak tren pengalaman pengguna.

Menghapus panel Performance saat memuat ulang, melihat dan menandai kode di Perekam Suara, dan lainnya.

Pelajari cara developer Chromium dapat mengurangi kemungkinan eksploitasi dalam sehari.

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 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.

CSS Color 4 menghadirkan alat dan kemampuan warna gamut yang luas ke web: lebih banyak warna, fungsi manipulasi, dan gradien yang lebih baik.

CSS Color 4 menghadirkan alat dan kemampuan warna gamut yang luas ke web.

CSS Color 4 menghadirkan alat dan kemampuan warna gamut yang luas ke web.

CSS Color 4 menghadirkan alat dan kemampuan warna gamut yang luas ke web.

Panduan yang menjelaskan cara menguji penghentian pekerja layanan menggunakan Puppeteer.