Chrome Extensions

Pelajari cara mengembangkan ekstensi Chrome.

• Ekstensi Chrome

chrome.contentSettings

Gunakan chrome.contentSettings API untuk mengubah setelan yang mengontrol apakah situs dapat menggunakan fitur seperti cookie, JavaScript, dan plugin. Secara umum, setelan konten memungkinkan Anda menyesuaikan perilaku Chrome berdasarkan situs, bukan

• Ekstensi Chrome

chrome.bookmarks

Gunakan chrome.bookmarks API untuk membuat, mengatur, dan memanipulasi bookmark. Lihat juga Mengganti Halaman, yang dapat Anda gunakan untuk membuat halaman Pengelola Bookmark kustom. Anda harus mendeklarasikan izin "bookmark" di manifes ekstensi

• Ekstensi Chrome

chrome.bookmarks

Izin ini memicu peringatan. Gunakan chrome.bookmarks API untuk membuat, mengatur, dan memanipulasi bookmark. Lihat juga Mengganti Halaman, yang dapat Anda gunakan untuk membuat halaman Pengelola Bookmark kustom. Anda harus mendeklarasikan izin

• Ekstensi Chrome

chrome.contentSettings

Gunakan chrome.contentSettings API untuk mengubah setelan yang mengontrol apakah situs dapat menggunakan fitur seperti cookie, JavaScript, dan plugin. Secara umum, setelan konten memungkinkan Anda menyesuaikan perilaku Chrome berdasarkan situs, bukan

• Ekstensi Chrome

Kecerdasan Buatan

AI di Chrome Selamat datang di era web berikutnya dengan AI. Lihat bagaimana AI dapat memudahkan developer menciptakan pengalaman yang luar biasa di web. Menata kembali apa yang mungkin dilakukan dengan Gemini Nano di Chrome. AI bawaan Kami

Men-debug Gemini Nano

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

Bersiap menghadapi Chrome di Android yang menjadi layar penuh

Chrome di Android akan menjadi layar penuh mulai Chrome 135.

• Chrome

Panduan migrasi dari tepi ke tepi Chrome di Android

Mem-build pengalaman web layar penuh

Panel privasi dan keamanan

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

• Chrome DevTools

Meningkatkan analisis jaringan dengan Chrome DevTools

Meningkatkan analisis jaringan dengan Chrome DevTools.

• Chrome DevTools
• Chrome

Yang Baru di WebGPU (Chrome 134)

Meningkatkan beban kerja machine learning dengan subgrup, peningkatan waktu kompilasi shader di D3D12, menghapus dukungan jenis tekstur yang dapat difilter float sebagai yang dapat digabungkan, dan lainnya.

• Chrome

Popover = petunjuk

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

• Chrome

chrome.app.runtime

Gunakan chrome.app.runtime API untuk mengelola siklus proses aplikasi. Runtime aplikasi mengelola penginstalan aplikasi, mengontrol halaman peristiwa, dan dapat menonaktifkan aplikasi kapan saja. apa pun opsional Data yang ditentukan developer

chrome.userScripts

Gunakan userScripts API untuk menjalankan skrip pengguna dalam konteks Skrip Pengguna. Untuk menggunakan User Scripts API, chrome.userScripts, tambahkan izin "userScripts" ke manifest.json dan "host_permissions" untuk situs tempat Anda ingin

• Ekstensi Chrome

chrome.printing

Gunakan chrome.printing API untuk mengirim tugas cetak ke printer yang diinstal di Chromebook. Semua metode dan peristiwa chrome.printing mengharuskan Anda mendeklarasikan izin "printing" di manifes ekstensi. Contoh: Contoh di bawah menunjukkan

• Ekstensi Chrome

chrome.sessions

Gunakan chrome.sessions API untuk membuat kueri dan memulihkan tab dan jendela dari sesi penjelajahan. string Nama perangkat asing. Session [] Daftar sesi jendela yang terbuka untuk perangkat asing, diurutkan dari sesi yang terakhir diubah hingga

• Ekstensi Chrome

chrome.sessions

Gunakan chrome.sessions API untuk membuat kueri dan memulihkan tab dan jendela dari sesi penjelajahan. string Nama perangkat asing. Session [] Daftar sesi jendela yang terbuka untuk perangkat asing, diurutkan dari sesi yang terakhir diubah hingga

• Ekstensi Chrome

chrome.printing

Gunakan chrome.printing API untuk mengirim tugas cetak ke printer yang diinstal di Chromebook. Semua metode dan peristiwa chrome.printing mengharuskan Anda mendeklarasikan izin "printing" di manifes ekstensi. Contoh: Contoh di bawah menunjukkan

• Ekstensi Chrome

Yang baru di DevTools, Chrome 134

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

• Chrome DevTools
• Chrome

chrome.i18n

Gunakan infrastruktur chrome.i18n untuk menerapkan internasionalisasi di seluruh aplikasi atau ekstensi Anda. Jika ekstensi memiliki direktori /_locales, manifest harus menentukan "default_locale". Anda harus memasukkan semua string yang terlihat

• Ekstensi Chrome

Rendering teks yang lebih baik di browser berbasis Chromium di Windows

Tim Edge menambahkan dukungan untuk mematuhi nilai Windows ClearType Tuner di Chromium secara langsung, sehingga menghasilkan rendering teks yang lebih baik di browser berbasis Chromium di Windows.

• Chrome

chrome.storage

Gunakan chrome.storage API untuk menyimpan, mengambil, dan melacak perubahan pada data pengguna. Untuk menggunakan storage API, deklarasikan izin "storage" di manifest ekstensi. Contoh: Storage API menyediakan cara khusus ekstensi untuk

• Ekstensi Chrome

chrome.storage

Gunakan chrome.storage API untuk menyimpan, mengambil, dan melacak perubahan pada data pengguna. Storage API menyediakan cara khusus ekstensi untuk mempertahankan data dan status pengguna. API ini mirip dengan API penyimpanan platform web (

• Ekstensi Chrome

Dimensions

Dokumentasi teknis tentang dimensi CrUX.

• Laporan UX Chrome

Subbagian gambar LCP dan RTT kini tersedia di CrUX

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

• Chrome

Docs

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

Chrome for Developers

Membantu Anda membangun, tumbuh, dan berinovasi di web.

• Chrome

Masuk ke mode picture-in-picture secara otomatis saat memutar media

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

• Chrome

Chrome 134 beta

Temukan fitur terbaru yang akan hadir di Chrome.

• Chrome

Ekstensi / Mulai

Semua dasar-dasar untuk mulai menggunakan ekstensi Chrome

• Ekstensi Chrome

chrome.enterprise.platformKeys

Gunakan chrome.enterprise.platformKeys API untuk membuat kunci dan menginstal sertifikat untuk kunci ini. Sertifikat akan dikelola oleh platform dan dapat digunakan untuk autentikasi TLS, akses jaringan, atau oleh ekstensi lain melalui

• Ekstensi Chrome

chrome.enterprise.platformKeys

Gunakan chrome.enterprise.platformKeys API untuk membuat kunci dan menginstal sertifikat untuk kunci ini. Sertifikat akan dikelola oleh platform dan dapat digunakan untuk autentikasi TLS, akses jaringan, atau oleh ekstensi lain melalui

• Ekstensi Chrome

Chrome 133

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

• Chrome

Yang baru di Chrome 133

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

• Chrome

Mode aplikasi dalam tab untuk PWA

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

Menyederhanakan autentikasi menggunakan Tab Auth

Cara menggunakan Tab Autentikasi khusus di aplikasi Android

Meningkatkan privasi web untuk pengguna dengan Tab Khusus Singkat

Cara menggunakan Tab Kustom Ephemeral di aplikasi Android

Meningkatkan alur login berbasis web dengan Tab Autentikasi untuk Android

Meningkatkan autentikasi berbasis web dengan Tab Autentikasi untuk Android

• Chrome

Tingkatkan pengalaman penjelajahan pengguna Anda dengan histori khusus Aplikasi

Cara menggunakan Histori Khusus Aplikasi di aplikasi Android

Meningkatkan interaksi pengguna dengan histori khusus Aplikasi di Tab Khusus Chrome

Memperkenalkan histori khusus aplikasi untuk Tab Khusus Chrome untuk Android

• Chrome

chrome.permissions

Gunakan chrome.permissions API untuk meminta izin opsional yang dideklarasikan saat runtime, bukan waktu penginstalan, sehingga pengguna memahami alasan izin diperlukan dan hanya memberikan izin yang diperlukan. Peringatan izin ada untuk menjelaskan

• Ekstensi Chrome

chrome.runtime

Gunakan chrome.runtime API untuk mengambil pekerja layanan, menampilkan detail tentang manifes, serta memproses dan merespons peristiwa dalam siklus proses ekstensi. Anda juga dapat menggunakan API ini untuk mengonversi jalur relatif URL menjadi URL

• Ekstensi Chrome

chrome.permissions

Gunakan chrome.permissions API untuk meminta izin opsional yang dideklarasikan saat runtime, bukan waktu penginstalan, sehingga pengguna memahami alasan izin diperlukan dan hanya memberikan izin yang diperlukan. Peringatan izin ada untuk menjelaskan

• Ekstensi Chrome

Yang baru di DevTools, Chrome 133

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

• Chrome DevTools
• Chrome

Yang Baru di WebGPU (Chrome 133)

Format vertex unorm8x4-bgra dan 1 komponen tambahan, memungkinkan batas yang tidak diketahui diminta dengan nilai yang tidak ditentukan, perubahan aturan perataan WGSL, peningkatan performa WGSL dengan penghapusan, dan banyak lagi.

• Chrome
• WebGpu

Yang terjadi di Ekstensi Chrome, Januari 2025

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

• Chrome
• Ekstensi Chrome

Praktik terbaik untuk pengelolaan sesi dengan Prompt API

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

Catatan rilis

Pelajari perubahan pada Chrome yang memengaruhi developer

• Chrome

Yang Baru di Chrome

Yang Baru di Chrome Temukan update terbaru di Chrome dari dokumentasi dan blog kami. Konten baru dan update signifikan pada dokumentasi. article Cara LLM melakukan streaming respons Dokumentasi baru untuk mempelajari cara kerja data streaming di AI,

Pembaruan kebijakan Chrome Web Store: memastikan kejelasan dan konsistensi bagi developer

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

• Chrome
• Ekstensi Chrome

Menyederhanakan deteksi fitur WebAuthn untuk kunci sandi

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

• Chrome
• Kunci sandi

Terjemahan dengan AI bawaan

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

Cara LLM melakukan streaming respons

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

Praktik terbaik untuk merender respons LLM yang di-streaming

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

Pembekuan dalam mode Penghemat Energi

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

• Chrome

Tips DevTools

Tips DevTools

• Chrome DevTools

Media

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

Kunci sandi di Pengelola Sandi Google kini tersedia di iOS

Chrome di iOS 17 atau yang lebih baru kini dapat membuat, menyinkronkan, dan mengautentikasi dengan kunci sandi di Pengelola Sandi Google (GPM). Hal ini membuat kunci sandi di GPM tersedia di mana pun Chrome tersedia.

• Chrome
• Kunci sandi

Chrome 133 beta

Pelajari fitur terbaru yang dikirimkan di Chrome.

• Chrome

attr() CSS mendapatkan upgrade

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

• Chrome

scroll-state() CSS

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

• Chrome

text-box-trim CSS

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

• Chrome

Chrome 132

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

• Chrome

Yang baru di Chrome 132

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

• Chrome

Cara kami memperkenalkan Gemini ke Chrome DevTools

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

• Chrome
• Chrome DevTools

chrome.sockets.udp

Gunakan chrome.sockets.udp API untuk mengirim dan menerima data melalui jaringan menggunakan koneksi UDP. API ini menggantikan fungsi UDP yang sebelumnya ditemukan di API "socket". Kunci berikut harus dideklarasikan dalam manifes untuk menggunakan

chrome.tabs

Gunakan chrome.tabs API untuk berinteraksi dengan sistem tab browser. Anda dapat menggunakan API ini untuk membuat, mengubah, dan mengatur ulang tab di browser. Tabs API tidak hanya menawarkan fitur untuk memanipulasi dan mengelola tab, tetapi juga

• Ekstensi Chrome

chrome.tabs

Gunakan chrome.tabs API untuk berinteraksi dengan sistem tab browser. Anda dapat menggunakan API ini untuk membuat, mengubah, dan mengatur ulang tab di browser. Tabs API tidak hanya menawarkan fitur untuk memanipulasi dan mengelola tab, tetapi juga

• Ekstensi Chrome

Dukungan untuk ekstensi Web Vitals telah berakhir

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

• Chrome
• Chrome DevTools

Pemenang Tantangan AI Bawaan

Temukan aplikasi dan ekstensi pemenang dari Tantangan AI Bawaan, tempat kami mengundang Anda untuk membayangkan kembali apa yang dapat dilakukan dengan Gemini Nano di Chrome.

• Chrome

Merekam streaming video dari elemen mana pun

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

chrome.ttsEngine

Gunakan chrome.ttsEngine API untuk menerapkan mesin text-to-speech(TTS) menggunakan ekstensi. Jika terdaftar menggunakan API ini, ekstensi Anda akan menerima peristiwa yang berisi ucapan yang akan diucapkan dan parameter lainnya saat ekstensi atau

• Ekstensi Chrome

chrome.ttsEngine

Gunakan chrome.ttsEngine API untuk menerapkan mesin text-to-speech(TTS) menggunakan ekstensi. Jika terdaftar menggunakan API ini, ekstensi Anda akan menerima peristiwa yang berisi ucapan yang akan diucapkan dan parameter lainnya saat ekstensi atau

• Ekstensi Chrome

chrome.cookies

Gunakan chrome.cookies API untuk membuat kueri dan mengubah cookie, serta untuk mendapatkan notifikasi saat cookie berubah. Untuk menggunakan cookies API, Anda harus mendeklarasikan izin "cookies" dalam manifes, beserta izin host untuk setiap host

• Ekstensi Chrome

chrome.cookies

Gunakan chrome.cookies API untuk membuat kueri dan mengubah cookie, serta untuk mendapatkan notifikasi saat cookie berubah. Untuk menggunakan cookies API, deklarasikan izin "cookies" dalam manifes Anda beserta izin host untuk setiap host yang

• Ekstensi Chrome

chrome.appviewTag

Gunakan tag appview untuk menyematkan Aplikasi Chrome lain dalam Aplikasi Chrome Anda. (lihat Penggunaan ). objek Data yang ditentukan developer opsional yang dapat digunakan aplikasi yang akan disematkan saat membuat keputusan penyematan. string ID

Mitigasi clickjacking dengan XFO atau CSP

Pelajari lebih lanjut cara mengurangi serangan clickjacking.

Yang Baru di WebGPU (Chrome 132)

Penggunaan tampilan tekstur, penggabungan tekstur float 32-bit, atribut adapterInfo GPUDevice, mengonfigurasi konteks kanvas dengan format yang tidak valid akan menampilkan error JavaScript, memfilter batasan sampler pada tekstur, eksperimen subgrup yang diperluas, meningkatkan pengalaman developer, dukungan eksperimental untuk format tekstur yang dinormalisasi 16-bit, dan lainnya.

• Chrome
• WebGpu

Yang baru di ekstensi Chrome

Perubahan terbaru pada platform, dokumentasi, dan kebijakan ekstensi Chrome

• Ekstensi Chrome

GPU Web

Pelajari WebGPU dengan panduan, demo, dan berita terbaru

Membangun dengan Chrome

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

Pembayaran

Pelajari cara menggunakan API Pembayaran terbaru di Chrome

Privasi dan keamanan

Pelajari fitur privasi dan keamanan Chrome.

Aplikasi

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

Boneka

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

Web di Android

Pelajari fitur Chrome untuk mengembangkan aplikasi web di Android.

chrome.certificateProvider

Gunakan API ini untuk mengekspos sertifikat ke platform yang dapat menggunakan sertifikat ini untuk autentikasi TLS. Penggunaan umum API ini untuk mengekspos sertifikat klien ke ChromeOS mengikuti langkah-langkah berikut: Urutan langkah yang

• Ekstensi Chrome

chrome.extension

chrome.extension API memiliki utilitas yang dapat digunakan oleh halaman ekstensi apa pun. API ini mencakup dukungan untuk bertukar pesan antara ekstensi dan skrip kontennya atau antar-ekstensi, seperti yang dijelaskan secara mendetail di Penerusan

• Ekstensi Chrome

Mercusuar

Mengotomatiskan audit performa web dengan Lighthouse

Performa

Optimalkan performa aplikasi web Anda dengan alat performa Chrome.

chrome.system.display

Gunakan system.display API untuk membuat kueri metadata tampilan. Enum untuk mengetahui apakah layar terdeteksi dan digunakan oleh sistem. Layar dianggap 'tidak aktif', jika tidak terdeteksi oleh sistem (mungkin terputus, atau dianggap terputus

• Ekstensi Chrome

chrome.system.display

Gunakan system.display API untuk membuat kueri metadata tampilan. Enum untuk mengetahui apakah layar terdeteksi dan digunakan oleh sistem. Layar dianggap 'tidak aktif', jika tidak terdeteksi oleh sistem (mungkin terputus, atau dianggap terputus

• Ekstensi Chrome

chrome.action

Gunakan chrome.action API untuk mengontrol ikon ekstensi di toolbar Google Chrome. Kunci berikut harus dideklarasikan dalam manifes untuk menggunakan API ini. Untuk menggunakan chrome.action API, tentukan "manifest_version" dari 3 dan sertakan kunci

• Ekstensi Chrome

Dukungan browser

Ringkasan fitur Tab Khusus dan ketersediaan browsernya.

Identitas

Pelajari fitur identitas Chrome, seperti Autentikasi Web.

chrome.commands

Gunakan API perintah untuk menambahkan pintasan keyboard yang memicu tindakan di ekstensi Anda, misalnya, tindakan untuk membuka tindakan browser atau mengirim perintah ke ekstensi. Kunci berikut harus dideklarasikan dalam manifes untuk menggunakan

• Ekstensi Chrome

Operasi tidak didukung saat menggunakan proses debug jarak jauh

Beberapa perintah WebDriver (misalnya, mengubah ukuran jendela browser) memerlukan ekstensi Chrome untuk dimuat ke dalam browser. ChromeDriver biasanya memuat "ekstensi otomatisasi" ini setiap kali meluncurkan sesi Chrome baru. Namun, ChromeDriver

ChromeOS

Semua image pengujian ChromeOS memiliki biner ChromeDriver yang diinstal di /usr/local/chromedriver/. Biner diupdate ke versi Chrome yang sama dalam image pengujian tersebut. Artinya, Anda selalu menggunakan build ChromeDriver terbaru. Jika pengujian

Ringkasan WebView

Komponen WebView didasarkan pada project open source Chromium.

chrome.certificateProvider

Gunakan API ini untuk mengekspos sertifikat ke platform yang dapat menggunakan sertifikat ini untuk autentikasi TLS. Penggunaan umum API ini untuk mengekspos sertifikat klien ke ChromeOS mengikuti langkah-langkah berikut: Urutan langkah yang

• Ekstensi Chrome

chrome.extension

chrome.extension API memiliki utilitas yang dapat digunakan oleh halaman ekstensi apa pun. API ini mencakup dukungan untuk bertukar pesan antara ekstensi dan skrip kontennya atau antar-ekstensi, seperti yang dijelaskan secara mendetail di Penerusan

• Ekstensi Chrome

Log performa

ChromeDriver mendukung logging performa, tempat Anda bisa mendapatkan peristiwa domain "Linimasa", "Jaringan", dan "Halaman", serta data rekaman aktivitas untuk kategori rekaman aktivitas yang ditentukan. Logging performa TIDAK diaktifkan secara

Hasil download

Untuk versi Chrome sebelumnya, berikut adalah versi ChromeDriver yang mendukungnya. Untuk informasi selengkapnya tentang cara memilih versi ChromeDriver yang tepat, lihat halaman Pemilihan Versi. Mendukung Chrome versi 114 Untuk detail selengkapnya,

Error Driver Chrome

Untuk mendiagnosis dan memperbaiki error ChromeDriver, Anda memiliki beberapa opsi. Hal ini hanya untuk error ChromeDriver, yang tidak sama dengan Chrome error atau ditutup. Di Windows, Anda mungkin melihat tampilan seperti ini: Buat kasus reproduksi

Android

Biner terbaru untuk ChromeDriver dikemas sebagai file zip untuk berbagai platform host. ChromeDriver versi sebelumnya dapat ditemukan di Download. ChromeDriver mendukung pengujian yang berjalan di browser Chrome (versi 30+) dan aplikasi berbasis

Dukungan keyboard

Saat ini, ChromeDriver hanya mendukung sistem yang mengonfigurasi keyboard Amerika Serikat. Saat mendeteksi status ini, ChromeDriver akan mencatat hal berikut ke dalam log: Pengguna tanpa keyboard Amerika Serikat mungkin mengalami tombol yang hilang

Emulasi seluler

Chrome memungkinkan pengguna mengemulasi Chrome di perangkat seluler dari Chrome versi desktop, dengan mengaktifkan mode perangkat dengan Chrome DevTools. Fitur ini mempercepat pengembangan web, memungkinkan developer menguji dengan cepat cara

Pertimbangan keamanan

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

Canary

ChromeDriver Canary memiliki fitur ChromeDriver baru terbaru. Biner baru di-build dan tersedia beberapa kali dalam sehari. Perlu diketahui, versi ini didesain untuk developer dan pengguna awal, dan terkadang dapat gagal sepenuhnya. Mulai M115, rilis

Chrome tidak langsung dimulai atau langsung error

Hal ini sering terjadi saat menjalankan ChromeDriver atau Chrome menggunakan harness pengujian khusus (mungkin IDE) atau sistem build berkelanjutan (seperti Jenkins). Coba luncurkan biner Chrome yang sama dengan yang digunakan pengujian Anda dari

Cara kerja isi otomatis: insight dunia nyata

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

• Chrome

Temuan dari formulir masukan developer permintaan pilih yang dapat disesuaikan

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

• Chrome

Mulai menggunakan AI bawaan

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

Deteksi bahasa dengan AI bawaan

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

Cara Menggunakan Alat Linimasa Alokasi

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

• Chrome DevTools

Menghindari animasi non-gabungan

Cara lulus audit Lighthouse "Hindari animasi non-gabungan.

Merekam dan menganalisis rekaman aktivitas performa dengan DevTools

Merekam dan menganalisis rekaman aktivitas performa dengan DevTools.

• Chrome
• Chrome DevTools

CSS Wrapped 2024

Bergabunglah dengan tim Chrome DevRel dan Dino Chrome yang sedang bermain skateboard dalam perjalanan melalui CSS terbaru yang diluncurkan untuk Chrome dan platform web pada tahun 2024.

Yang baru di DevTools, Chrome 132

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

• Chrome DevTools
• Chrome

Terminologi memori

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

• Chrome DevTools

Melihat dan mengedit penyimpanan ekstensi

Cara melihat dan mengedit penyimpanan ekstensi dengan panel Penyimpanan Ekstensi.

• Chrome DevTools

chrome.browser

Gunakan chrome.browser API untuk berinteraksi dengan browser Chrome yang terkait dengan aplikasi saat ini dan profil Chrome. string URL yang akan dibuka saat tab baru pertama kali dibuka. Membuka tab baru di jendela browser yang terkait dengan

chrome.socket

Gunakan chrome.socket API untuk mengirim dan menerima data melalui jaringan menggunakan koneksi TCP dan UDP. Catatan: Mulai Chrome 33, API ini tidak digunakan lagi dan diganti dengan API sockets.udp, sockets.tcp, dan sockets.tcpServer. angka number

chrome.syncFileSystem

Gunakan chrome.syncFileSystem API untuk menyimpan dan menyinkronkan data di Google Drive. API ini BUKAN untuk mengakses dokumen pengguna arbitrer yang disimpan di Google Drive. Layanan ini menyediakan penyimpanan khusus aplikasi yang dapat

chrome.bluetoothSocket

Gunakan chrome.bluetoothSocket API untuk mengirim dan menerima data ke perangkat Bluetooth menggunakan koneksi RFCOMM dan L2CAP. Kunci berikut harus dideklarasikan dalam manifes untuk menggunakan API ini. "system_error" Terjadi error sistem dan

chrome.mdns

Gunakan chrome.mdns API untuk menemukan layanan melalui mDNS. Ini terdiri dari subset fitur spesifikasi NSD: http://www.w3.org/TR/discovery-api/ string Alamat IP layanan yang diiklankan mDNS. string[] Metadata untuk layanan yang diiklankan mDNS.

chrome.bluetoothLowEnergy

chrome.bluetoothLowEnergy API digunakan untuk berkomunikasi dengan perangkat Bluetooth Smart (Hemat Energi) menggunakan Profil Atribut Generik (GATT). Kunci berikut harus dideklarasikan dalam manifes untuk menggunakan API ini. ManufacturerData []

chrome.serial

Gunakan chrome.serial API untuk membaca dari dan menulis ke perangkat yang terhubung ke port serial. number opsional Lihat ConnectionOptions.bitrate. Kolom ini dapat dihilangkan atau tidak akurat jika kecepatan bit non-standar digunakan, atau jika

chrome.bluetooth

Gunakan chrome.bluetooth API untuk terhubung ke perangkat Bluetooth. Semua fungsi melaporkan kegagalan melalui chrome.runtime.lastError. Kunci berikut harus dideklarasikan dalam manifes untuk menggunakan API ini. string Alamat adaptor, dalam format

chrome.webviewTag

Gunakan tag webview untuk memuat konten live secara aktif dari web melalui jaringan dan menyematkannya di Aplikasi Chrome Anda. Aplikasi Anda dapat mengontrol tampilan webview dan berinteraksi dengan konten web, memulai navigasi di halaman web

chrome.fontSettings

Gunakan chrome.fontSettings API untuk mengelola setelan font Chrome. Untuk menggunakan Font Settings API, Anda harus mendeklarasikan izin "fontSettings" dalam manifes ekstensi. Contoh: Chrome memungkinkan beberapa setelan font bergantung pada jenis

• Ekstensi Chrome

chrome.usb

Gunakan chrome.usb API untuk berinteraksi dengan perangkat USB yang terhubung. API ini memberikan akses ke operasi USB dari dalam konteks aplikasi. Dengan menggunakan API ini, aplikasi dapat berfungsi sebagai driver untuk perangkat hardware. Error

Prompt API

Temukan kemungkinan tak terbatas dari Prompt API di Ekstensi Chrome.

Ekstensi dan AI

Pelajari cara mengembangkan ekstensi dengan AI

• Ekstensi Chrome

Menggunakan kebijakan HSTS yang kuat

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

Penghentian penggunaan panel Insight Performa

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

• Chrome
• Chrome DevTools

Chrome DevTools

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

• Chrome DevTools

chrome.dns

Gunakan chrome.dns API untuk resolusi DNS. Untuk menggunakan API ini, Anda harus mendeklarasikan izin "dns" di manifest. Kode berikut memanggil resolve() untuk mengambil alamat IP example.com. service-worker.js: string opsional String yang mewakili

• Ekstensi Chrome

chrome.desktopCapture

Desktop Capture API merekam konten layar, setiap jendela, atau setiap tab. Enum yang digunakan untuk menentukan kumpulan sumber media desktop yang digunakan di chooseDesktopMedia(). "screen" "window" "tab" "audio" Mencerminkan

• Ekstensi Chrome

chrome.documentScan

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

• Ekstensi Chrome

chrome.declarativeContent

Gunakan chrome.declarativeContent API untuk mengambil tindakan bergantung pada konten halaman, tanpa memerlukan izin untuk membaca konten halaman. Declarative Content API memungkinkan Anda mengaktifkan tindakan ekstensi, bergantung pada URL halaman

• Ekstensi Chrome

chrome.system.storage

Gunakan chrome.system.storage API untuk membuat kueri informasi perangkat penyimpanan dan mendapatkan notifikasi saat perangkat penyimpanan yang dapat dilepas dipasang dan dilepas. "success" Perintah ejeksi berhasil -- aplikasi dapat meminta pengguna

• Ekstensi Chrome

chrome.contextMenus

Gunakan chrome.contextMenus API untuk menambahkan item ke menu konteks Google Chrome. Anda dapat memilih jenis objek yang akan diterapkan penambahan menu konteks, seperti gambar, hyperlink, dan halaman. Anda harus mendeklarasikan izin "contextMenus"

• Ekstensi Chrome

chrome.audio

chrome.audio API disediakan untuk memungkinkan pengguna mendapatkan informasi tentang dan mengontrol perangkat audio yang terpasang ke sistem. API ini saat ini hanya tersedia dalam mode kios untuk ChromeOS. string Nama perangkat. DeviceType Jenis

• Ekstensi Chrome

chrome.alarms

Gunakan chrome.alarms API untuk menjadwalkan kode agar berjalan secara berkala atau pada waktu yang ditentukan pada masa mendatang. Untuk menggunakan chrome.alarms API, deklarasikan izin "alarms" dalam manifest: Untuk memastikan perilaku yang andal,

• Ekstensi Chrome

Isi otomatis

Browser, dan Anda, sebagai developer, dapat membantu pengguna memasukkan data dengan lebih cepat, dan menghindari memasukkan ulang data. Isi otomatis adalah fitur yang memungkinkan browser otomatis mengisi kolom formulir dengan informasi tersimpan

Alat CrUX

Dokumentasi teknis tentang alat CrUX.

• Laporan UX Chrome

chrome.declarativeNetRequest

chrome.declarativeNetRequest API digunakan untuk memblokir atau mengubah permintaan jaringan dengan menentukan aturan deklaratif. Hal ini memungkinkan ekstensi mengubah permintaan jaringan tanpa mencegat dan melihat kontennya, sehingga memberikan

• Ekstensi Chrome

chrome.devtools.panels

Gunakan chrome.devtools.panels API untuk mengintegrasikan ekstensi ke UI jendela Alat Developer: buat panel Anda sendiri, akses panel yang ada, dan tambahkan sidebar. Setiap panel dan sidebar ekstensi ditampilkan sebagai halaman HTML terpisah. Semua

• Ekstensi Chrome

chrome.fileBrowserHandler

Gunakan chrome.fileBrowserHandler API untuk memperluas browser file ChromeOS. Misalnya, Anda dapat menggunakan API ini untuk memungkinkan pengguna mengupload file ke situs Anda. Browser file ChromeOS muncul saat pengguna menekan Alt+Shift+M atau

• Ekstensi Chrome

chrome.readingList

Gunakan chrome.readingList API untuk membaca dan mengubah item di Daftar Bacaan. Untuk menggunakan Reading List API, tambahkan izin "readingList" di file manifes ekstensi: manifest.json: Chrome menampilkan daftar bacaan yang terletak di panel

• Ekstensi Chrome

Langkah selanjutnya untuk WebGPU

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

• Chrome
• WebGpu

Aksesibilitas video memenangkan penghargaan web Kompetisi Developer Gemini API

Kami telah memilih ViddyScribe untuk penghargaan web Kompetisi Developer Gemini API. Mereka menunjukkan bagaimana Gemini dapat membantu membuat video di web lebih mudah diakses dengan membuat deskripsi audio untuk video apa pun.

• Chrome

Siapkan ekstensi Anda saat kami mulai menguji menu ekstensi baru

Cara menyiapkan ekstensi untuk menu ekstensi baru.

• Ekstensi Chrome
• Chrome

Kunci sandi

Pengganti sandi yang lebih mudah dan lebih aman.

chrome.networking.onc

chrome.networking.onc API digunakan untuk mengonfigurasi koneksi jaringan (Seluler, Ethernet, VPN, atau Wi-Fi). API ini tersedia di sesi kios Chrome OS yang diluncurkan secara otomatis. Konfigurasi koneksi jaringan ditentukan dengan mengikuti

Bantuan AI untuk jaringan

Memahami traffic jaringan situs Anda - dengan bantuan AI

• Chrome DevTools

Panel bantuan AI

Memahami cara kerja situs dengan bantuan AI

• Chrome DevTools

Bantuan AI untuk sumber

Memahami referensi situs Anda - dengan bantuan AI

• Chrome DevTools

AI bawaan

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

Signal API untuk kunci sandi di desktop Chrome

Memperkenalkan Signal API untuk kunci sandi di desktop Chrome

• Chrome
• Kunci sandi

Menganotasi rekaman aktivitas langsung di panel Performa

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

• Chrome

Bantuan AI untuk performa

Memahami profil performa - dengan bantuan AI

• Chrome DevTools

Terjemahan sisi klien dengan AI

Temukan Translator API untuk mendukung dukungan pelanggan global.

Chrome 132 beta

Pelajari fitur terbaru yang dikirimkan di Chrome.

• Chrome

Bergabung dengan uji coba origin Translator API

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

• Chrome

Chrome 131

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

• Chrome

Pastikan kunci sandi konsisten dengan kredensial di server Anda dengan Signal API

WebAuthn Signal API memungkinkan pihak tepercaya untuk memberikan sinyal status kredensial yang ada kepada penyedia kunci sandi, sehingga kunci sandi konsisten dengan kredensial di server.

• Chrome
• Kunci sandi

Ikuti uji coba asal Prompt API untuk Ekstensi Chrome

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

• Chrome

Yang baru di Chrome 131

Chrome 131 kini diluncurkan. Gaya visual CSS lainnya untuk elemen detail, tata letak cetak yang lebih mudah dengan kotak margin halaman, dan masih banyak lagi.

• Chrome

Bergabung dengan uji coba origin Summarizer API

Berpartisipasi dalam uji coba origin untuk membantu pengguna menyaring artikel panjang, dokumen yang kompleks, atau bahkan percakapan chat yang seru menjadi ringkasan yang ringkas dan bermakna.

• Chrome

Membuat ringkasan dengan AI bawaan

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

CSS dan UI

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

Manifes - Sandbox

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

Manifes untuk area penyimpanan

Tidak seperti area penyimpanan local dan sync, area penyimpanan managed mengharuskan strukturnya dideklarasikan sebagai Skema JSON dan divalidasi secara ketat oleh Chrome. Skema ini harus disimpan dalam file yang ditunjukkan oleh properti

Manifes - Persyaratan

Teknologi yang diperlukan oleh aplikasi atau ekstensi. Situs hosting seperti Chrome Web Store dapat menggunakan daftar ini untuk mencegah pengguna menginstal aplikasi atau ekstensi yang tidak akan berfungsi di komputer mereka. Persyaratan yang

Mulai menggunakan uji coba origin

Menguji fitur platform web baru atau eksperimental. Berikan umpan balik kepada komunitas standar web tentang kegunaan, kepraktisan, dan efektivitas fitur, sebelum fitur tersebut tersedia untuk semua pengguna.

Yang Baru di WebGPU (Chrome 131)

Jarak klip di WGSL, GPUCanvasContext getConfiguration(), primitif titik dan garis tidak boleh memiliki bias kedalaman, fungsi bawaan pemindaian inklusif untuk subgrup, dukungan eksperimental untuk multi-gambar tidak langsung, opsi kompilasi modul shader matematika ketat, menghapus GPUAdapter requestAdapterInfo(), dan lainnya.

• Chrome
• WebGpu

Memperbaiki masalah memori

Pelajari cara menggunakan Chrome dan DevTools untuk menemukan masalah memori yang memengaruhi performa halaman, termasuk kebocoran memori, penggelembungan memori, dan pembersihan sampah memori yang sering.

• Chrome DevTools

Opsi lainnya untuk menata gaya <details>

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

Ringkasan panel memori

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

• Chrome DevTools

Bantu pengguna Anda login dengan lancar dengan berbagi kredensial yang lancar

Berbagi kredensial dengan lancar memungkinkan Anda memberi tahu pengelola sandi dengan aman bahwa pengguna dapat login menggunakan kredensial yang sama di seluruh aplikasi dan situs Android Anda.

• Chrome

Menyesuaikan DevTools

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

• Chrome DevTools

Referensi lencana

Alihkan berbagai overlay dan percepat navigasi hierarki DOM dengan badge.

• Chrome DevTools

Memantau metrik Core Web Vitals secara real time di panel Performa

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

• Chrome
• Chrome DevTools

Yang baru di DevTools, Chrome 131

Debug CSS dengan Gemini, anotasikan temuan, dan dapatkan insight di panel Performa, temukan pergeseran tata letak yang berlebihan dan animasi yang tidak digabungkan, dan lainnya.

• Chrome
• Chrome DevTools

Menambahkan konten ke margin halaman web saat dicetak menggunakan CSS

Membuat header dan footer kustom saat mencetak halaman web.

• Chrome

Kenali tulisan tangan pengguna

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

WebGPU: Tips dan perbaikan pemecahan masalah

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

Menghapus --headless=old dari Chrome

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

• Chrome

Menganalisis performa runtime

Pelajari cara mengevaluasi performa runtime di Chrome DevTools.

• Chrome DevTools

Badge scroll baru di DevTools: Temukan elemen yang dapat di-scroll dengan lebih cepat

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

• Chrome

Mode Headless Chrome

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

• Chromium

Mengaktifkan bfcache untuk Cache-Control: no-store

Chrome melakukan perubahan untuk mengizinkan penggunaan bfcache untuk halaman yang menggunakan Cache-Control: no-store jika aman untuk dilakukan. Cari tahu apa artinya bagi developer.

5 Hal Keren yang Dapat Dilakukan dengan Bantuan AI DevTools

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

• Chrome

API AI bawaan

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

Chrome 131 beta

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

• Chrome

Referensi API

Referensi lengkap ke semua API yang tersedia untuk Ekstensi Chrome. Ini termasuk API untuk platform Aplikasi Chrome yang tidak digunakan lagi serta API yang masih dalam versi beta dan dev.

• Ekstensi Chrome

Yang Baru di WebGPU (ChromeIAP130)

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

• Chrome
• WebGpu

Baru di Chrome 130

Chrome 130 kini diluncurkan. Document picture in picture memberi Anda lebih banyak kontrol atas picture-in-picture jendela, Deklarasi CSS Nested memperbaiki beberapa kasus ekstrem yang rumit, dan Anda dapat menentukan bagaimana dekorasi pada elemen yang dibagi menjadi beberapa baris berperilaku. Pete LePage memiliki semua detail tentang yang baru untuk developer di Chrome 130.

• Chrome

Bantuan AI untuk penataan gaya

Memahami cara gaya situs dibuat dengan bantuan AI di DevTools.

• Chrome DevTools

Chrome 130

Chrome 130 kini diluncurkan. Picture-in-picture dokumen memberi Anda kontrol lebih besar atas jendela picture-in-picture, deklarasi Bertingkat CSS memperbaiki beberapa kasus ekstrem yang rumit, dan Anda dapat menentukan perilaku dekorasi pada elemen yang dibagi di beberapa baris, dan masih banyak lagi.

• Chrome

chrome.hid

Menggunakan chrome.hid API untuk berinteraksi dengan perangkat HID yang terhubung. API ini memberikan akses ke operasi HID dari dalam konteks aplikasi. Dengan menggunakan API ini, aplikasi dapat berfungsi sebagai driver untuk perangkat hardware.

chrome.clipboard

chrome.clipboard API disediakan untuk memungkinkan pengguna mengakses data papan klip. Ini adalah solusi sementara untuk aplikasi platform chromeos hingga alternatif web terbuka tersedia. Fitur ini tidak akan digunakan lagi setelah solusi web terbuka

API Frame Animasi Panjang

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

Inovasi AI

Referensi tab Inovasi AI.

• Chrome DevTools

Memeriksa aktivitas jaringan

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

• Chrome DevTools

Yang terjadi di Ekstensi Chrome, Oktober 2024

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

• Ekstensi Chrome
• Chrome

Klien Native

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

Properti box-decoration-break di Chrome 130

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

• Chrome

Akses Jaringan Pribadi ditangguhkan

Peluncuran Akses Jaringan Pribadi (PNA) ditangguhkan.

• Chrome

Translation API tersedia untuk pratinjau awal

Translation API kini tersedia untuk peserta program pratinjau awal AI bawaan.

• Chrome

Perubahan pewarisan untuk gaya pilihan CSS

Perubahan pada pewarisan sorotan CSS akan hadir di Chrome 134.

• Chrome

CSS anchor positioning API

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

Prediksi tangkapan di Chrome DevTools: Mengapa sulit dan cara membuatnya lebih baik

Pelajari cara debugger DevTools memprediksi apakah pengecualian terdeteksi.

• Chrome

WebAuthn: Mengemulasi pengautentikasi

Emulasikan Authenticator dan Debug WebAuthn di Chrome DevTools.

• Chrome DevTools

Ikuti Google Chrome Built-in AI Challenge

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

• Chrome

Meningkatkan pengalaman seluler Dasbor Developer Chrome Web Store

Dengan senang hati kami meluncurkan serangkaian perubahan UI yang membuat Dasbor Developer Chrome Web Store lebih responsif dan mobile-friendly. Kami harap hal ini memberi Anda pengalaman yang lebih mudah dan mudah diakses saat memantau performa

• Ekstensi Chrome
• Chrome

Referensi fitur

Referensi komprehensif dari fitur panel Perekam Chrome DevTools.

• Chrome DevTools

Penelusuran: Menemukan teks di semua resource yang dimuat

Menemukan teks di seluruh aset yang dimuat dengan panel Telusuri.

• Chrome DevTools

Yang baru di DevTools, Chrome 130

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

• Chrome DevTools
• Chrome

Ringkasan panel sumber

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

• Chrome DevTools

Cakupan: Temukan JavaScript dan CSS yang tidak digunakan

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

• Chrome DevTools

Menjelaskan Caching: Memeriksa, Menghapus, dan Menonaktifkan Cache

Memeriksa dan memecahkan masalah cache dengan DevTools.

• Chrome
• Chrome DevTools

Transisi tampilan dokumen yang sama untuk aplikasi web satu halaman

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

Panel Lapisan: Jelajahi lapisan situs Anda

Periksa lapisan yang membentuk situs Anda.

• Chrome DevTools

Ekstensi Data Web, kini tersedia di DevTools

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

• Chrome
• Chrome DevTools

Ringkasan konsol

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

• Chrome DevTools

Secara unik mengidentifikasi PWA dengan properti ID manifes aplikasi web

Properti `id` opsional adalah bagian dari spesifikasi manifes aplikasi web, dan memungkinkan Anda secara eksplisit menentukan ID yang digunakan untuk PWA Anda. Menambahkan properti `id` ke manifes akan menghapus dependensi pada `start_url` atau lokasi manifes, dan memungkinkannya diupdate pada masa mendatang.

Writer dan rewriter API tersedia untuk pratinjau awal

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

• Chrome

Chrome untuk menyinkronkan kunci sandi di Pengelola Sandi Google antara desktop dan Android

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

• Kunci sandi
• Chrome

Masukan diperlukan: Bagaimana kita harus mendefinisikan masonry CSS?

Perbandingan antara dua spesifikasi masonry yang diusulkan.

• Chrome

Chrome 130 beta

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

• Chrome

Baru di Chrome 129

Chrome 129 sekarang diluncurkan. Anda dapat menghasilkan tugas yang panjang - untuk meningkatkan performa, Anda dapat menganimasikan elemen dengan ukuran intrinsik, ada beberapa perubahan pada sintaksis pemosisian anchor, dan masih banyak lagi. Pete LePage memiliki semua detail tentang yang baru untuk developer di Chrome 129.

• Chrome

Memantau performa Core Web Vitals lokal dan pengguna sebenarnya di DevTools

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

• Chrome DevTools
• Chrome

Animasikan ke tinggi: otomatis; (dan kata kunci ukuran intrinsik lainnya) di CSS

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

Yang Baru di WebGPU (Chrome 129)

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

• Chrome
• WebGpu

Eksperimen Chrome: Berbagi proses

Eksperimen Berbagi proses dan dampaknya terhadap pengalaman developer Chrome DevTools.

• Chrome

Panel performa: Menganalisis performa situs

Menganalisis performa pemuatan dan runtime situs Anda

• Chrome DevTools

Update RFCOMM Bluetooth di Web Serial

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

• Chrome

Permintaan masukan developer: pilihan yang dapat disesuaikan

Sekilas tentang fitur baru pilihan yang dapat disesuaikan.

• Chrome

Membekukan layar & memeriksa elemen yang menghilang

Membekukan elemen di DOM sehingga Anda dapat memeriksanya dengan DevTools.

• Chrome DevTools
• Chrome

Picture-in-Picture untuk Elemen apa pun, bukan hanya <video>

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

Catatan rilis

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

• Laporan UX Chrome

Kunci Keyboard dan Pointer Lock API memerlukan izin dari Chrome 131

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

• Chrome

Manifes - Modul Nacl

Satu atau beberapa pemetaan dari jenis MIME ke modul Native Client yang menangani setiap jenis. Sebagai contohnya, kode tebal dalam cuplikan berikut mendaftarkan modul Native Client sebagai konten untuk jenis MIME spreadsheet OpenOffice. Nilai "path"

externally_connectable

Properti manifes externally_connectable mendeklarasikan ekstensi, aplikasi, dan halaman web mana yang dapat hubungkan ke aplikasi Anda melalui runtime.connect dan runtime.sendMessage. Untuk tutorial tentang penerusan pesan, lihat lintas ekstensi dan

Manifes - Ikon

Satu atau beberapa ikon yang mewakili ekstensi, aplikasi, atau tema. Anda harus selalu memberikan ikon; ini digunakan selama instalasi dan oleh Chrome Web Store. Ekstensi juga harus memberikan Ikon 48x48, yang digunakan di halaman pengelolaan

Versi Manifes

Satu bilangan bulat yang menentukan versi format file manifes yang diperlukan paket Anda. Mulai Chrome 18, developer harus menentukan 2 (tanpa tanda kutip) untuk menggunakan format seperti yang dijelaskan oleh dokumen: Pertimbangkan manifes versi 1

Pemeriksa Memori: Memeriksa ArrayBuffer, TypedArray, DataView, dan Memori Wasm.

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

• Chrome DevTools

Perubahan: Melacak perubahan HTML, CSS, dan JavaScript Anda

Melacak perubahan pada HTML, CSS, dan JavaScript.

• Chrome DevTools

Memperkenalkan uji coba origin Digital Credentials API

Uji coba origin untuk Digital Credentials API dimulai dari Chrome 128. Digital Credentials API adalah API platform web baru yang memungkinkan situs secara selektif meminta informasi yang dapat diverifikasi tentang pengguna melalui kredensial digital seperti surat izin mengemudi atau kartu identitas nasional yang disimpan dalam dompet digital.

• Chrome

Perubahan sintaksis pemosisian anchor

Perubahan terkait API pemosisian anchor yang harus Anda ketahui.

• Chrome

Menjalankan perintah di Menu Perintah

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

• Chrome DevTools

Mengaktifkan berbagi kredensial yang lancar di seluruh situs di Chrome

Jika Anda menggunakan beberapa domain yang memiliki backend pengelolaan akun yang sama, dengan Digital Asset Links, Anda kini juga dapat membagikan kredensial dengan lancar di seluruh domain tersebut agar pengguna dapat menyimpan kredensial sekali dan meminta pengelola sandi Chrome untuk menyarankannya ke situs terkait.

Yang baru di DevTools, Chrome 129

Permintaan penelusuran di Performa > Jaringan, gunakan data uji dalam formulir alamat dengan Isi Otomatis, ekspor ke Puppeteer untuk Firefox di panel Perekam, temukan masalah kinerja sekilas pada pengamatan di panel Performa, dan banyak lagi.

• Chrome
• Chrome DevTools

Platform Web

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

Memperkenalkan petunjuk, Permintaan Origin Terkait dan serialisasi JSON untuk WebAuthn di Chrome

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

• Chrome

chrome.privacy

Gunakan chrome.privacy API untuk mengontrol penggunaan fitur di Chrome yang dapat memengaruhi privasi pengguna. API ini bergantung pada prototipe ChromeSetting dari jenis API untuk mendapatkan dan menyetel konfigurasi Chrome. Anda harus menyatakan

• Ekstensi Chrome

chrome.types

chrome.types API berisi deklarasi jenis untuk Chrome. Jenis ChromeSetting memberikan kumpulan fungsi umum ( get(), set(), dan clear() ) serta penayang peristiwa ( onChange ) untuk setelan browser Chrome. Setelan proxy contoh menunjukkan bagaimana

• Ekstensi Chrome

chrome.devtools.performance

Gunakan chrome.devtools.performance API untuk memproses pembaruan status perekaman di panel Performance di DevTools. Lihat ringkasan API DevTools untuk pengantar umum tentang penggunaan API Developer Tools. chrome.devtools.performance API

• Ekstensi Chrome

chrome.proxy

Gunakan chrome.proxy API untuk mengelola setelan proxy Chrome. API ini bergantung pada prototipe ChromeSetting dari jenis API untuk mendapatkan dan menyetel konfigurasi proxy. Anda harus mendeklarasikan "proxy" izin di manifes ekstensi untuk

• Ekstensi Chrome

chrome.printerProvider

chrome.printerProvider API mengekspos peristiwa yang digunakan oleh pengelola cetak untuk mengkueri printer yang dikontrol oleh ekstensi, untuk mengkueri kemampuannya dan mengirimkan tugas pencetakan ke printer ini. string opsional Deskripsi printer

• Ekstensi Chrome

Kemampuan dan ChromeOptions

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

Language detection API tersedia untuk pratinjau awal

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

• Chrome

chrome.declarativeNetRequest

chrome.declarativeNetRequest API digunakan untuk memblokir atau mengubah permintaan jaringan dengan menentukan aturan deklaratif. Hal ini memungkinkan ekstensi mengubah permintaan jaringan tanpa mencegatnya dan melihat kontennya, sehingga memberikan

• Ekstensi Chrome

Lighthouse: Mengoptimalkan kecepatan situs

Jadikan situs Anda dimuat lebih cepat dengan Chrome Lighthouse.

• Chrome DevTools

chrome.webRequest

Gunakan chrome.webRequest API untuk mengamati dan menganalisis traffic, serta untuk menangkap, memblokir, atau mengubah permintaan yang sedang berlangsung. Anda harus menyatakan izin "webRequest" dalam manifes ekstensi untuk menggunakan permintaan

• Ekstensi Chrome

chrome.sidePanel

Gunakan chrome.sidePanel API untuk menghosting konten di panel samping browser bersama dengan konten utama halaman web. Untuk menggunakan Side Panel API, tambahkan izin "sidePanel" dalam file manifes ekstensi: manifest.json: Side Panel API

• Ekstensi Chrome

chrome.omnibox

API omnibox memungkinkan Anda mendaftarkan kata kunci di kolom URL Google Chrome, yang juga dikenal dengan omnibox. Saat pengguna memasukkan kata kunci ekstensi Anda, pengguna mulai berinteraksi hanya dengan. Setiap penekanan tombol dikirim ke

• Ekstensi Chrome

chrome.windows

Gunakan chrome.windows API untuk berinteraksi dengan jendela browser. Anda dapat menggunakan API ini untuk membuat, memodifikasi, dan mengatur ulang jendela di browser. Saat diminta, windows.Window berisi array objek tabs.Tab. Anda harus deklarasikan

• Ekstensi Chrome

chrome.pageAction

Gunakan chrome.pageAction API untuk menempatkan ikon di toolbar utama Google Chrome, di sebelah kanan kolom URL. Tindakan halaman mewakili tindakan yang dapat dilakukan di halaman saat ini, tetapi tidak berlaku untuk semua halaman. Tindakan halaman

• Ekstensi Chrome

chrome.browserAction

Gunakan tindakan browser untuk meletakkan ikon di toolbar utama Google Chrome, di sebelah kanan kolom URL. Selain ikon, tindakan browser dapat memiliki tooltip, badge, dan popup. Pada gambar berikut, kotak warna-warni di sebelah kanan {i&gt;address

• Ekstensi Chrome

chrome.i18n

Gunakan infrastruktur chrome.i18n untuk mengimplementasikan internasionalisasi di seluruh aplikasi atau ekstensi Anda. Anda harus menempatkan semua string yang terlihat oleh pengguna ke dalam file bernama messages.json. Setiap kali Anda menambahkan

• Ekstensi Chrome

chrome.webRequest

Gunakan chrome.webRequest API untuk mengamati dan menganalisis traffic, serta untuk menangkap, memblokir, atau mengubah permintaan yang sedang berlangsung. Anda harus menyatakan izin "webRequest" dalam manifes ekstensi untuk menggunakan permintaan

• Ekstensi Chrome

chrome.fileBrowserHandler

Gunakan chrome.fileBrowserHandler API untuk memperluas browser file ChromeOS. Misalnya, Anda dapat menggunakan API ini untuk memungkinkan pengguna mengupload file ke situs Anda. Browser file ChromeOS muncul saat pengguna menekan Alt+Shift+M atau

• Ekstensi Chrome

chrome.devtools.panels

Gunakan chrome.devtools.panels API untuk mengintegrasikan ekstensi Anda ke UI jendela Developer Tools: membuat panel sendiri, mengakses panel yang ada, dan menambahkan sidebar. Kunci berikut harus dideklarasikan dalam manifes untuk menggunakan API

• Ekstensi Chrome

Format File Manifes

Setiap aplikasi memiliki file manifes berformat JSON, bernama manifest.json, yang memberikan tidak akurat atau tidak sesuai. Kode berikut menunjukkan kolom manifes yang didukung untuk Aplikasi, dengan link ke halaman yang membahas setiap bidang.

chrome.system.cpu

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

• Ekstensi Chrome

chrome.enterprise.networkingAttributes

Gunakan chrome.enterprise.networkingAttributes API untuk membaca informasi tentang jaringan Anda saat ini. Catatan: API ini hanya tersedia untuk ekstensi yang diinstal otomatis oleh kebijakan perusahaan. string opsional Alamat IPv4 lokal perangkat

• Ekstensi Chrome

chrome.input.ime

Gunakan chrome.input.ime API untuk menerapkan IME kustom untuk Chrome OS. Hal ini memungkinkan ekstensi Anda menangani penekanan tombol, mengatur komposisi, dan mengelola jendela kandidat. Anda harus mendeklarasikan "input" izin di manifes ekstensi

• Ekstensi Chrome

chrome.gcm

Gunakan chrome.gcm untuk mengaktifkan aplikasi dan ekstensi guna mengirim dan menerima pesan melalui Firebase Cloud Messaging (FCM). Ukuran maksimum (dalam byte) semua key-value pair dalam pesan. 4096 Mendaftarkan aplikasi ke FCM. ID pendaftaran akan

• Ekstensi Chrome

chrome.loginState

Gunakan chrome.loginState API untuk membaca dan memantau status login. "SIGNIN_PROFILE" Menentukan bahwa ekstensi ada di profil login. "USER_PROFILE" Menentukan bahwa ekstensi ada di profil pengguna. "UNKNOWN" Menentukan bahwa status sesi tidak

• Ekstensi Chrome

chrome.instanceID

Gunakan chrome.instanceID untuk mengakses layanan ID Instance. Mereset ID instance aplikasi dan mencabut semua token yang terkait dengannya. fungsi opsional Parameter callback terlihat seperti ini: Janji&lt;void&gt; Promise hanya didukung untuk

• Ekstensi Chrome

chrome.fontSettings

Gunakan chrome.fontSettings API untuk mengelola setelan font Chrome. Untuk menggunakan Font Settings API, Anda harus mendeklarasikan "fontSettings" izin di ekstensi manifes. Contoh: Chrome memungkinkan beberapa setelan font bergantung pada jenis font

• Ekstensi Chrome

chrome.printingMetrics

Gunakan chrome.printingMetrics API untuk mengambil data tentang penggunaan pencetakan. "BLACK_AND_WHITE" Menentukan bahwa mode hitam putih digunakan. "Color" Menentukan bahwa mode warna yang digunakan. "ONE_SIDED" Menentukan bahwa pencetakan satu

• Ekstensi Chrome

chrome.processes

Gunakan chrome.processes API untuk berinteraksi dengan proses browser. angka Bagian dari cache yang digunakan, dalam byte. angka Ukuran cache, dalam byte. angka opsional Pengukuran terbaru penggunaan CPU proses, yang dinyatakan sebagai persentase

• Ekstensi Chrome

chrome.platformKeys

Gunakan chrome.platformKeys API untuk mengakses sertifikat klien yang dikelola oleh platform. Jika pengguna atau kebijakan memberikan izin, ekstensi dapat menggunakan sertifikat tersebut dalam protokol autentikasi kustomnya. Mis. hal ini memungkinkan

• Ekstensi Chrome

chrome.devtools.inspectedWindow

Gunakan chrome.devtools.inspectedWindow API untuk berinteraksi dengan jendela yang diperiksa: dapatkan ID tab untuk halaman yang diperiksa, evaluasi kode dalam konteks jendela yang diperiksa, muat ulang halaman, atau dapatkan daftar resource dalam

• Ekstensi Chrome

chrome.identity

Gunakan chrome.identity API untuk mendapatkan token akses OAuth2. string ID unik untuk akun. ID ini tidak akan berubah selama masa aktif akun. "SYNC" Menentukan bahwa Sinkronisasi diaktifkan untuk akun utama. "ANY" Menentukan keberadaan akun utama,

• Ekstensi Chrome

chrome.history

Gunakan chrome.history API untuk berinteraksi dengan data browser tentang halaman yang dikunjungi. Anda dapat menambahkan, menghapus, dan membuat kueri untuk URL di histori browser. Untuk mengganti halaman histori dengan versi Anda sendiri, lihat

• Ekstensi Chrome

chrome.enterprise.hardwarePlatform

Gunakan chrome.enterprise.hardwarePlatform API untuk mendapatkan produsen dan model platform hardware tempat browser berjalan. Catatan: API ini hanya tersedia untuk ekstensi yang diinstal oleh kebijakan perusahaan. string string Mendapatkan produsen

• Ekstensi Chrome

chrome.tts

Gunakan chrome.tts API untuk memutar text-to-speech (TTS) yang disintesis. Lihat juga ttsEngine API terkait, yang memungkinkan ekstensi untuk mengimplementasikan mesin ucapan. Chrome menyediakan dukungan native untuk ucapan di Windows (menggunakan

• Ekstensi Chrome

chrome.devtools.recorder

Gunakan chrome.devtools.recorder API untuk menyesuaikan panel Perekam Suara di DevTools. Lihat ringkasan API DevTools untuk pengantar umum tentang penggunaan API Developer Tools. devtools.recorder API adalah fitur pratinjau yang memungkinkan Anda

• Ekstensi Chrome

chrome.dom

Menggunakan chrome.dom API untuk mengakses DOM API khusus untuk Ekstensi Mendapatkan root bayangan terbuka atau root bayangan tertutup yang dihosting oleh elemen yang ditentukan. Jika elemen tidak melampirkan shadow root, elemen itu akan menghasilkan

• Ekstensi Chrome

chrome.tabCapture

Gunakan chrome.tabCapture API untuk berinteraksi dengan aliran media tab. API chrome.tabCapture memungkinkan Anda mengakses MediaStream yang berisi video dan audio dari tab saat ini. Fungsi ini hanya dapat dipanggil setelah pengguna memanggil

• Ekstensi Chrome

chrome.topSites

Gunakan chrome.topSites API untuk mengakses situs teratas (yaitu situs yang paling sering dikunjungi) yang ditampilkan di halaman tab baru. Ini tidak termasuk pintasan yang disesuaikan oleh pengguna. Anda harus mendeklarasikan "topSites" izin di

• Ekstensi Chrome

chrome.webNavigation

Gunakan chrome.webNavigation API untuk menerima notifikasi tentang status permintaan navigasi yang sedang beroperasi. Semua metode dan peristiwa chrome.webNavigation mengharuskan Anda mendeklarasikan "webNavigation" izin di manifes ekstensi. Contoh:

• Ekstensi Chrome

chrome.management

chrome.management API menyediakan cara untuk mengelola aplikasi dan ekstensi terinstal. Anda harus menyatakan izin "pengelolaan" izin di manifes ekstensi untuk menggunakan opsi pengelolaan Compute Engine API. Contoh:

• Ekstensi Chrome

chrome.search

Gunakan API chrome.search untuk melakukan penelusuran melalui penyedia default. "CURRENT_TAB" Menentukan bahwa hasil penelusuran ditampilkan di tab panggilan atau tab dari browser aktif. "NEW_TAB" Menentukan bahwa hasil penelusuran ditampilkan di tab

• Ekstensi Chrome

chrome.wallpaper

Gunakan chrome.wallpaper API untuk mengubah wallpaper ChromeOS. Anda harus mendeklarasikan "wallpaper" izin dalam manifes aplikasi untuk digunakan API wallpaper. Contoh: Misalnya, untuk menyetel wallpaper sebagai gambar di

• Ekstensi Chrome

chrome.idle

Gunakan chrome.idle API untuk mendeteksi kapan status tidak ada aktivitas mesin berubah. Anda harus mendeklarasikan "idle" dalam manifes ekstensi Anda untuk menggunakan API nonaktif. Contoh: "aktif" "tidak ada aktivitas" "terkunci" Mendapatkan waktu,

• Ekstensi Chrome

chrome.enterprise.deviceAttributes

Gunakan chrome.enterprise.deviceAttributes API untuk membaca atribut perangkat. Catatan: API ini hanya tersedia untuk ekstensi yang diinstal otomatis oleh kebijakan perusahaan. Mengambil Lokasi yang diberi anotasi administrator. Jika pengguna saat

• Ekstensi Chrome

chrome.types

chrome.types API berisi deklarasi jenis untuk Chrome. Prototipe ChromeSetting menyediakan sekumpulan fungsi umum ( get(), set(), dan clear() ) serta penerbit peristiwa ( onChange ) untuk setelan browser Chrome. Setelan proxy contoh menunjukkan

• Ekstensi Chrome

chrome.windows

Gunakan chrome.windows API untuk berinteraksi dengan jendela browser. Anda dapat menggunakan API ini untuk membuat, memodifikasi, dan mengatur ulang jendela di browser. Saat diminta, windows.Window berisi array objek tabs.Tab. Anda harus deklarasikan

• Ekstensi Chrome

chrome.power

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

• Ekstensi Chrome

chrome.systemLog

Gunakan chrome.systemLog API untuk merekam log sistem Chrome dari ekstensi. string Menambahkan catatan log baru. MessageOptions Opsi logging. fungsi opsional Parameter callback terlihat seperti ini: Janji&lt;void&gt; Promise hanya didukung untuk

• Ekstensi Chrome

chrome.privacy

Gunakan chrome.privacy API untuk mengontrol penggunaan fitur di Chrome yang dapat memengaruhi privasi pengguna. API ini bergantung pada prototipe ChromeSetting dari jenis API untuk mendapatkan dan menyetel konfigurasi Chrome. Anda harus menyatakan

• Ekstensi Chrome

chrome.pageCapture

Gunakan chrome.pageCapture API untuk menyimpan tab sebagai MHTML. MHTML adalah format standar yang didukung oleh sebagian besar browser. Mengenkapsulasi sebuah halaman dalam satu file dan semua sumber dayanya (file CSS, gambar..). Perhatikan bahwa

• Ekstensi Chrome

chrome.fileSystemProvider

Gunakan chrome.fileSystemProvider API untuk membuat sistem file, yang dapat diakses dari file manager di ChromeOS. Anda harus mendeklarasikan "fileSystemProvider" izin, dan bagian dalam manifes ekstensi untuk menggunakan File System Provider API.

• Ekstensi Chrome

chrome.notifications

Gunakan chrome.notifications API untuk membuat notifikasi lengkap menggunakan template dan menampilkan notifikasi ini kepada pengguna di area notifikasi. string opsional Ikon tombol tidak terlihat oleh pengguna Mac OS X. string string Detail tambahan

• Ekstensi Chrome

chrome.downloads

Izin ini memicu peringatan Gunakan chrome.downloads API untuk memulai, memantau, memanipulasi, dan menelusuri download secara terprogram. Anda harus mendeklarasikan izin "downloads" di manifes ekstensi untuk menggunakan API ini. Anda dapat menemukan

• Ekstensi Chrome

chrome.devtools.network

Gunakan chrome.devtools.network API untuk mengambil informasi tentang permintaan jaringan yang ditampilkan oleh Developer Tools di panel Jaringan. Kunci berikut harus dideklarasikan dalam manifes untuk menggunakan API ini. Lihat ringkasan API

• Ekstensi Chrome

chrome.vpnProvider

Gunakan chrome.vpnProvider API untuk mengimplementasikan klien VPN. Penggunaan umum vpnProvider adalah sebagai berikut: Buat konfigurasi VPN menggunakan metode createConfig. Konfigurasi VPN adalah entri persisten yang ditampilkan kepada pengguna di

• Ekstensi Chrome

chrome.proxy

Gunakan chrome.proxy API untuk mengelola setelan proxy Chrome. API ini bergantung pada prototipe ChromeSetting dari jenis API untuk mendapatkan dan menyetel konfigurasi proxy. Anda harus mendeklarasikan "proxy" izin di manifes ekstensi untuk

• Ekstensi Chrome

chrome.printerProvider

chrome.printerProvider API mengekspos peristiwa yang digunakan oleh pengelola cetak untuk mengkueri printer yang dikontrol oleh ekstensi, untuk mengkueri kemampuannya dan mengirimkan tugas pencetakan ke printer ini. string opsional Deskripsi printer

• Ekstensi Chrome

chrome.events

Namespace chrome.events berisi jenis umum yang digunakan oleh API yang mengirimkan peristiwa untuk memberi tahu Anda jika terjadi sesuatu yang menarik. Event adalah objek yang memungkinkan Anda diberi tahu ketika terjadi sesuatu yang menarik. Berikut

• Ekstensi Chrome

chrome.events

Namespace chrome.events berisi jenis umum yang digunakan oleh API yang mengirimkan peristiwa untuk memberi tahu Anda jika terjadi sesuatu yang menarik. Event adalah objek yang memungkinkan Anda diberi tahu ketika terjadi sesuatu yang menarik. Berikut

• Ekstensi Chrome

chrome.idle

Gunakan chrome.idle API untuk mendeteksi kapan status tidak ada aktivitas mesin berubah. Anda harus mendeklarasikan izin "idle" dalam manifes ekstensi untuk menggunakan API nonaktif. Contoh: "aktif" "tidak ada aktivitas" "terkunci" Mendapatkan waktu,

• Ekstensi Chrome

chrome.offscreen

Gunakan offscreen API untuk membuat dan mengelola dokumen di balik layar. Untuk menggunakan Offscreen API, deklarasikan izin "offscreen" dalam manifes ekstensi. Contoh: Pekerja layanan tidak memiliki akses DOM, dan banyak situs web memiliki kebijakan

• Ekstensi Chrome

chrome.pageCapture

Gunakan chrome.pageCapture API untuk menyimpan tab sebagai MHTML. MHTML adalah format standar yang didukung oleh sebagian besar browser. Mengenkapsulasi sebuah halaman dalam satu file dan semua sumber dayanya (file CSS, gambar..). Perhatikan bahwa

• Ekstensi Chrome

chrome.fileSystemProvider

Gunakan chrome.fileSystemProvider API untuk membuat sistem file, yang dapat diakses dari file manager di ChromeOS. Anda harus mendeklarasikan "fileSystemProvider" izin, dan bagian dalam manifes ekstensi untuk menggunakan File System Provider API.

• Ekstensi Chrome

chrome.debugger

chrome.debugger API berfungsi sebagai transpor alternatif untuk protokol proses debug jarak jauh Chrome. Gunakan chrome.debugger untuk melampirkan ke satu atau beberapa tab untuk menginstrumentasikan interaksi jaringan, men-debug JavaScript, mengubah

• Ekstensi Chrome

chrome.management

chrome.management API menyediakan cara untuk mengelola aplikasi dan ekstensi terinstal. Anda harus menyatakan izin "pengelolaan" izin di manifes ekstensi untuk menggunakan opsi pengelolaan Compute Engine API. Contoh:

• Ekstensi Chrome

chrome.omnibox

API omnibox memungkinkan Anda mendaftarkan kata kunci di kolom URL Google Chrome, yang juga dikenal dengan omnibox. Saat pengguna memasukkan kata kunci ekstensi Anda, pengguna mulai berinteraksi hanya dengan. Setiap penekanan tombol dikirim ke

• Ekstensi Chrome

chrome.downloads

Gunakan chrome.downloads API untuk memulai, memantau, memanipulasi, dan menelusuri download secara terprogram. Anda harus mendeklarasikan izin "downloads" di manifes ekstensi untuk menggunakan API ini. Anda dapat menemukan contoh sederhana tentang

• Ekstensi Chrome

chrome.history

Gunakan chrome.history API untuk berinteraksi dengan data browser tentang halaman yang dikunjungi. Anda dapat menambahkan, menghapus, dan membuat kueri untuk URL di histori browser. Untuk mengganti halaman histori dengan versi Anda sendiri, lihat

• Ekstensi Chrome

chrome.notifications

Gunakan chrome.notifications API untuk membuat notifikasi lengkap menggunakan template dan menampilkan notifikasi ini kepada pengguna di area notifikasi. string opsional Ikon tombol tidak terlihat oleh pengguna Mac OS X. string string Detail tambahan

• Ekstensi Chrome

chrome.gcm

Gunakan chrome.gcm untuk mengaktifkan aplikasi dan ekstensi guna mengirim dan menerima pesan melalui Firebase Cloud Messaging (FCM). Ukuran maksimum (dalam byte) semua key-value pair dalam pesan. 4096 Mendaftarkan aplikasi ke FCM. ID pendaftaran akan

• Ekstensi Chrome

chrome.instanceID

Gunakan chrome.instanceID untuk mengakses layanan ID Instance. Mereset ID instance aplikasi dan mencabut semua token yang terkait dengannya. fungsi opsional Parameter callback terlihat seperti ini: Janji&lt;void&gt; Promise didukung di Manifes V3 dan

• Ekstensi Chrome

chrome.loginState

Gunakan chrome.loginState API untuk membaca dan memantau status login. "SIGNIN_PROFILE" Menentukan bahwa ekstensi ada di profil login. "USER_PROFILE" Menentukan bahwa ekstensi ada di profil pengguna. "UNKNOWN" Menentukan bahwa status sesi tidak

• Ekstensi Chrome

chrome.platformKeys

Gunakan chrome.platformKeys API untuk mengakses sertifikat klien yang dikelola oleh platform. Jika pengguna atau kebijakan memberikan izin, ekstensi dapat menggunakan sertifikat tersebut dalam protokol autentikasi kustomnya. Mis. hal ini memungkinkan

• Ekstensi Chrome

chrome.identity

Gunakan chrome.identity API untuk mendapatkan token akses OAuth2. string ID unik untuk akun. ID ini tidak akan berubah selama masa aktif akun. "SYNC" Menentukan bahwa Sinkronisasi diaktifkan untuk akun utama. "ANY" Menentukan keberadaan akun utama,

• Ekstensi Chrome

chrome.dom

Menggunakan chrome.dom API untuk mengakses DOM API khusus untuk Ekstensi Mendapatkan root bayangan terbuka atau root bayangan tertutup yang dihosting oleh elemen yang ditentukan. Jika elemen tidak melampirkan shadow root, elemen itu akan menghasilkan

• Ekstensi Chrome

chrome.sockets.tcp

Gunakan chrome.sockets.tcp API untuk mengirim dan menerima data melalui jaringan menggunakan koneksi TCP. API ini menggantikan fungsi TCP yang sebelumnya ditemukan di chrome.socket API. Kunci berikut harus dideklarasikan dalam manifes untuk

chrome.system.network

Gunakan API chrome.system.network. string Alamat IPv4/6 yang tersedia. string Nama dasar adaptor. Pada *nix, biasanya berupa "eth0", "wlan0", dll. angka Panjang awalan Mengambil informasi tentang adaptor lokal di sistem ini. fungsi opsional Parameter

chrome.sockets.tcpServer

Gunakan chrome.sockets.tcpServer API untuk membuat aplikasi server menggunakan koneksi TCP. API ini menggantikan fungsi TCP yang sebelumnya ditemukan di chrome.socket API. Kunci berikut harus dideklarasikan dalam manifes untuk menggunakan API ini.

chrome.app.window

Gunakan chrome.app.window API untuk membuat jendela. Windows memiliki bingkai opsional dengan bilah judul dan kontrol ukuran. Cookie tersebut tidak terkait dengan jendela browser Chrome apa pun. Lihat Contoh Status Jendela untuk menunjukkan

chrome.virtualKeyboard

chrome.virtualKeyboard API adalah API khusus kios yang digunakan untuk mengonfigurasi perilaku dan tata letak keyboard virtual dalam sesi kios. boolean opsional Apakah keyboard virtual dapat menyediakan pelengkapan otomatis. boolean opsional Apakah

chrome.fileSystem

Gunakan chrome.fileSystem API untuk membuat, membaca, menavigasi, dan menulis ke sistem file lokal pengguna. Dengan API ini, Aplikasi Chrome dapat membaca dan menulis ke lokasi yang dipilih pengguna. Misalnya, aplikasi editor teks dapat menggunakan

chrome.mediaGalleries

Gunakan chrome.mediaGalleries API untuk mengakses file media (audio, gambar, video) dari disk lokal pengguna (dengan persetujuan pengguna). string boolean string Mengidentifikasi galeri yang diubah. GalleryChangeType Jenis peristiwa perubahan.

Logging

Secara default, ChromeDriver hanya mencatat peringatan/error ke stderr. Saat proses debug sebaiknya Anda mengaktifkan pencatatan log yang lebih panjang. Untuk mengaktifkan logging panjang, cukup teruskan --verbose ke server chromedriver. Anda juga

Mulai menggunakan ChromeDriver

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

Ekstensi Chrome

Ekstensi Chrome dapat dikemas atau dibuka. Untuk mengemas ekstensi yang belum dibuka, gunakan tombol Pack di chrome://extensions atau gunakan Chrome: "chrome.exe --pack-extension=C:\path\to\unpacked\extension --pack-extension-key=C:\myext.pem". Untuk

Chrome 129 beta

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

• Chrome

Menyesuaikan data performa dengan Extensibility API

Menyesuaikan data performa dengan Extensibility API

• Chrome DevTools

chrome.browsingData

Gunakan chrome.browsingData API untuk menghapus data penjelajahan dari profil lokal pengguna. Anda harus mendeklarasikan izin "browsingData" di manifes ekstensi untuk menggunakan API ini. Kasus penggunaan paling sederhana untuk API ini adalah

• Ekstensi Chrome

chrome.system.memory

API chrome.system.memory. angka Jumlah kapasitas yang tersedia, dalam byte. angka Jumlah total kapasitas memori fisik, dalam byte. Mendapatkan informasi memori fisik. fungsi opsional Parameter callback terlihat seperti ini: MemoryInfo Promise&amp;lt;

• Ekstensi Chrome

chrome.desktopCapture

Desktop Capture API merekam konten layar, masing-masing jendela, atau setiap tab. Enum yang digunakan untuk menentukan kumpulan sumber media desktop yang digunakan dalam chooseDesktopMedia(). "layar" "window" "tab" "audio" Mencerminkan

• Ekstensi Chrome

chrome.dns

Gunakan chrome.dns API untuk resolusi dns. Untuk menggunakan API ini, Anda harus mendeklarasikan izin "dns" dalam manifes. Kode berikut memanggil resolve() untuk mengambil alamat IP example.com. service-worker.js: string opsional String yang mewakili

• Ekstensi Chrome

chrome.documentScan

Gunakan chrome.documentScan API untuk menemukan dan mengambil gambar dari pemindai dokumen yang terlampir. Document Scan API didesain untuk memungkinkan aplikasi dan ekstensi melihat isi dokumen kertas pada pemindai dokumen yang dilampirkan. string

• Ekstensi Chrome

chrome.declarativeWebRequest

Catatan: API ini tidak digunakan lagi. Sebagai gantinya, lihat declarativeNetRequest API. Gunakan chrome.declarativeWebRequest API untuk mencegat, memblokir, atau mengubah permintaan yang sedang berlangsung. Solusi ini jauh lebih cepat daripada

• Ekstensi Chrome

Referensi API

Referensi lengkap ke semua API yang tersedia untuk Ekstensi Chrome. Ini termasuk API untuk platform Aplikasi Chrome yang tidak digunakan lagi serta API yang masih dalam versi beta dan dev.

• Ekstensi Chrome

Chrome DevTools

Debug dan optimalkan aplikasi web Anda dengan Chrome DevTools.

• Chrome DevTools

Yang Baru di WebGPU (ChromeIAP128)

Bereksperimen dengan subgrup, menghentikan bias setelan kedalaman untuk garis dan titik, menyembunyikan peringatan error yang tidak tertangkap jika preventDefault, WGSL menginterpolasi pengambilan sampel terlebih dahulu dan salah satunya, dan masih banyak lagi.

• Chrome
• WebGpu

Uji coba origin File System Observer API

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

• Chrome

Meningkatkan performa aksesibilitas Chromium

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

• Chrome

Membangun aplikasi dengan WebGPU

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

Chrome 128

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

• Chrome

Media: Melihat dan men-debug informasi pemutar media

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

• Chrome DevTools

Baru di Chrome 128

Chrome 128 sekarang diluncurkan! Dengan tampilan elemen ruby yang ditingkatkan dengan jeda baris, Promise.try memulai rantai Promise dengan lebih mudah, antarmuka PointerEvent diperluas untuk mengidentifikasi beberapa pena secara unik, masih banyak lagi, dan masih banyak lagi. Adriana Jara memiliki semua detail tentang hal yang baru untuk developer di Chrome 128.

• Chrome

chrome.contextMenus

Gunakan API chrome.contextMenus untuk menambahkan item ke menu konteks Google Chrome. Anda dapat memilih jenis objek yang akan menerapkan penambahan menu konteks, seperti gambar, hyperlink, dan halaman. Item menu konteks dapat muncul dalam dokumen

• Ekstensi Chrome

chrome.alarms

Gunakan chrome.alarms API untuk menjadwalkan kode untuk dijalankan secara berkala atau pada waktu tertentu di masa mendatang. Untuk menggunakan chrome.alarms API, deklarasikan izin "alarms" dalam manifes: Contoh berikut menunjukkan cara menggunakan

• Ekstensi Chrome

chrome.audio

chrome.audio API disediakan untuk memungkinkan pengguna mendapatkan informasi dan mengontrol perangkat audio yang terpasang ke sistem. API ini saat ini hanya tersedia dalam mode kios untuk ChromeOS. string Nama perangkat. DeviceType Jenis perangkat.

• Ekstensi Chrome

chrome.debugger

chrome.debugger API berfungsi sebagai transpor alternatif untuk protokol proses debug jarak jauh Chrome. Gunakan chrome.debugger untuk melampirkan ke satu atau beberapa tab untuk menginstrumentasikan interaksi jaringan, men-debug JavaScript, mengubah

• Ekstensi Chrome

chrome.declarativeContent

Gunakan chrome.declarativeContent API untuk mengambil tindakan bergantung pada konten halaman, tanpa memerlukan izin untuk membaca konten halaman. Declarative Content API memungkinkan Anda mengaktifkan tindakan ekstensi bergantung pada URL halaman

• Ekstensi Chrome

chrome.commands

Gunakan API perintah untuk menambahkan pintasan keyboard yang memicu tindakan di ekstensi Anda, misalnya, tindakan untuk membuka tindakan browser atau mengirimkan perintah ke ekstensi. Kunci berikut harus dideklarasikan dalam manifes untuk

• Ekstensi Chrome

chrome.browsingData

Gunakan chrome.browsingData API untuk menghapus data penjelajahan dari profil lokal pengguna. Anda harus mendeklarasikan "browsingData" izin di manifes ekstensi untuk menggunakan API ini. Kasus penggunaan paling sederhana untuk API ini adalah

• Ekstensi Chrome

File System Access API: menyederhanakan akses ke file lokal

File System Access API memungkinkan developer membuat aplikasi web canggih yang berinteraksi dengan file di perangkat lokal pengguna, seperti IDE, editor foto dan video, editor teks, dan banyak lagi. Setelah pengguna memberikan akses aplikasi web, API ini memungkinkan mereka membaca atau menyimpan perubahan secara langsung ke file dan folder di perangkat pengguna.

Summarization API tersedia untuk pratinjau awal

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

• Chrome

Peristiwa Snap Scroll

Memperkenalkan dua peristiwa JavaScript baru: scrollSnapChange dan scrollSnapModify.

• Chrome

Bereksperimen dengan pengukuran navigasi ringan

Tim Chrome sedang berupaya mengukur dengan lebih baik apa yang disebut navigasi ringan yang digunakan oleh Aplikasi Web Satu Halaman. API baru kini tersedia di belakang tanda agar situs dapat bereksperimen dengan fitur ini juga.

4 cara untuk mengambil screenshot dengan DevTools

Temukan 4 cara unik untuk mengambil screenshot dengan DevTools.

• Chrome DevTools
• Chrome

Yang baru di DevTools, Chrome 128

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

• Chrome DevTools
• Chrome

WebDriver BiDi siap produksi di Firefox, Chrome, dan Puppeteer

Puppeteer 23 memperkenalkan dukungan stabil untuk Firefox 129 dan versi yang lebih baru, yang menawarkan API terpadu untuk otomatisasi Chrome dan Firefox, berdasarkan WebDriver BiDi.

• Chrome

Blog

Berita terbaru dari tim Developer Relations Chrome

• Chrome

Update UX kunci sandi di Chrome pada Android

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

• Chrome

Berpartisipasi dalam eksperimen AI bawaan Chrome

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

• Chrome

Nama CSS dan shadow DOM yang ditetapkan penulis: Dalam spesifikasi dan dalam praktik

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

Di luar ekspresi reguler: Meningkatkan penguraian nilai CSS di Chrome DevTools

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

• Chrome

Otomatisasi dengan WebDriver BiDi kini tersedia di BrowserStack

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

• Chrome

API CrUX

Pelajari cara membuat permintaan dan mengurai respons dari CrUX API.

• Laporan UX Chrome

API Histori CrUX

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

• Laporan UX Chrome

Pemuatan halaman yang lebih cepat menggunakan waktu berpikir server dengan Petunjuk Awal

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

<ruby> mudah dipecah dan properti CSS ruby-align

Elemen ruby yang dapat dipisahkan garis dan properti sejajar ruby CSS

• Chrome

Panel jaringan: Menganalisis beban dan resource jaringan

Menganalisis resource dan beban jaringan

• Chrome DevTools

Contoh

Contoh untuk Ekstensi Chrome tersedia di GitHub.

• Ekstensi Chrome

Publikasikan Aplikasi Anda

TODO

• Ekstensi Chrome

Manifes - Versi

Satu hingga empat bilangan bulat yang dipisahkan titik yang mengidentifikasi versi ekstensi ini. Beberapa aturan berlaku untuk bilangan bulat: bilangan bulat harus antara 0 dan 65535, bilangan bulat inklusif, dan bilangan bukan nol tidak

Manifes - Lokalitas Default

Menentukan subdirektori _locales yang berisi string default untuk ekstensi ini. Kolom ini wajib ada pada ekstensi yang memiliki direktori _locales; kolom ini harus tidak ada di ekstensi yang tidak memiliki direktori _locales. Untuk mengetahui

Manifes - Offline Diaktifkan

Apakah aplikasi atau ekstensi diharapkan untuk berfungsi secara offline. Saat Chrome mendeteksi bahwa aplikasi sedang offline, aplikasi dengan kolom ini yang ditetapkan ke true (benar) akan ditandai di halaman Tab Baru. Mulai Chrome 35, aplikasi

Manifes - Versi Chrome Minimum

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

{i>workbox-stream<i}

Manifes - Deskripsi

String teks biasa (tanpa HTML atau format lain; tidak lebih dari 132 karakter) yang mendeskripsikan ekstensi. Deskripsi harus sesuai untuk UI pengelolaan ekstensi browser dan Chrome Web Store. Anda dapat menentukan string khusus lokalitas untuk kolom

Manifes - Kunci

Nilai ini dapat digunakan untuk mengontrol ID unik ekstensi, aplikasi, atau tema saat dimuat selama pengembangan. Untuk mendapatkan nilai kunci yang sesuai, instal ekstensi terlebih dahulu dari file.crx (Anda mungkin perlu mengupload ekstensi atau

Manifes - Nama dan Nama Pendek

Properti manifes name dan short_name adalah string teks biasa singkat yang mengidentifikasi aplikasi. Anda dapat menentukan string khusus lokalitas untuk kedua kolom; lihat Internasionalisasi untuk detailnya. name (maksimum 45 karakter) adalah ID

Pembaruan: Halaman Peristiwa dan Halaman Latar Belakang

Fitur Web yang Dinonaktifkan

Meskipun Aplikasi Chrome menggunakan platform web, beberapa fitur web telah dinonaktifkan atau digunakan dengan cara yang berbeda. Hal ini terutama untuk menghindari masalah keamanan dan untuk meningkatkan praktik pemrograman. Berikut adalah

Chrome 128 beta

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

• Chrome

Cara Chrome membantu pengguna menginstal aplikasi yang penting bagi mereka

Riset pengguna internal Chrome menunjukkan bahwa banyak orang menghargai penginstalan aplikasi web. Ada banyak manfaat seperti: Ada beberapa cara yang dapat dilakukan Chrome dan developer web untuk membantu, termasuk fitur promosi machine learning

• Chrome

Yang Baru di WebGPU (ChromeIAP127)

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

• Chrome
• WebGpu

Chrome 127

Chrome 127 mulai diluncurkan pada 23 Juli 2024, dengan penyesuaian font CSS yang dapat disesuaikan, container scroll yang dapat difokuskan keyboard, dan masih banyak lagi.

• Chrome

Baru di Chrome 127

Chrome 127 sekarang diluncurkan! Dengan dukungan untuk penyesuaian ukuran font, aktivasi pengguna yang disebarkan di Document Picture-in-Picture API, container scroll keyboard yang dapat difokuskan, dan masih banyak lagi. Adriana Jara memiliki semua detail tentang hal baru untuk developer di Chrome 127.

• Chrome

Minta masukan dari developer tentang alur baca dan elemen dengan tampilan: konten

Bantu kami untuk memastikan alur baca sesuai dengan kebutuhan Anda.

• Chrome

Referensi fitur jaringan

Referensi komprehensif tentang fitur panel Jaringan Chrome DevTools.

• Chrome DevTools

Preferensi

Referensi tab preferensi.

• Chrome DevTools

Panel perekam: Merekam dan mengukur alur penggunaan

Menganalisis dan merekam alur penggunaan.

• Chrome DevTools

Kesalahpahaman tentang transisi tampilan

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

• Chrome

Ekstensi Chrome: Perubahan penting pada kebijakan

Pengumuman ini mencakup serangkaian pembaruan pada halaman Kebijakan Program Developer yang dirancang untuk mendorong pengembangan produk berkualitas tinggi, mencegah perilaku menipu, dan memastikan izin pengguna yang tepat.

• Chrome
• Ekstensi Chrome

Apa yang terjadi di Ekstensi Chrome?

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

• Ekstensi Chrome
• Chrome

Yang baru di DevTools, Chrome 127

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

• Chrome
• Chrome DevTools

Mode pemeriksaan: Menganalisis properti elemen dengan cepat

Memeriksa elemen di aplikasi web

• Chrome DevTools

Referensi fitur performa

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

• Chrome DevTools

Menambahkan Jenis Tepercaya ke YouTube

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

• Chrome
• Ekstensi Chrome

Long Animation Frame API kini telah diluncurkan

Long Animation Frame API (LoAF) telah diluncurkan dari Chrome 123 dan kini kami juga memperbarui alat dan panduan kami untuk membantu Anda memanfaatkan API baru ini secara optimal.

• Chrome

Menghindari ukuran DOM yang berlebihan

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

Melakukan pra-render halaman di Chrome untuk navigasi halaman instan

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

Di Balik Chrome Web Store: Mengajukan Kepercayaan & Keselamatan pertanyaan Anda

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

• Chrome
• Ekstensi Chrome

Performa IndexedDB maksimum dengan Bucket Penyimpanan

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

• Chrome

Beta Chrome 127

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

• Chrome

Yang Baru di WebGPU (Chrome\r126)

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

• Chrome
• WebGpu

Meng-cache model AI di browser

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

Uji coba origin untuk elemen <permission> HTML baru

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

• Chrome

Chrome 126

Chrome 126 mulai diluncurkan pada 11 Juni 2024, dengan transisi tampilan dokumen lintas dokumen, mengaktifkan kembali CloseWatcher API, trigger-rumble untuk Gamepad API, dan masih banyak lagi.

• Chrome

Yang terbaru dalam CSS dan UI web: Recap I/O 2024

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

• Chrome

Baru di Chrome 126

Chrome 126 kini diluncurkan. Dengan dukungan untuk transisi lintas dokumen di ViewTransitions API, CloseWatcher API telah mengaktifkan kembali pemicuan error untuk Gamepad API, dan masih banyak lagi, serta masih banyak lagi. Adriana Jara memiliki semua detail tentang fitur baru untuk developer di Chrome 126.

• Chrome

Menghentikan penggunaan peristiwa penghapusan muatan

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

Chrome UX Report

Dokumentasi teknis tentang metrik CrUX.

• Laporan UX Chrome

Pemantau protokol: Melihat dan mengirim permintaan CDP

Memantau permintaan dan respons CDP.

• Chrome DevTools

3 fitur baru untuk menyesuaikan alur kerja performa Anda di DevTools

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

• Chrome
• Chrome DevTools

Menganalisis performa pemilih CSS selama peristiwa Hitung Ulang Gaya

Menganalisis performa pemilih CSS selama peristiwa Hitung Ulang Gaya.

• Chrome DevTools

Lewati peninjauan untuk perubahan yang memenuhi syarat pada ekstensi

Dengan senang hati kami mengumumkan fitur baru yang akan memungkinkan developer melewati proses peninjauan untuk perubahan yang memenuhi syarat pada ekstensi Manifes V3 menggunakan Declarative Net Request API.

• Chrome

Tidak memiliki tag dengan lebar atau skala awal

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

Kondisi jaringan: Mengganti string agen pengguna

Pelajari cara mengemulasi browser lain dengan panel Kondisi jaringan.

• Chrome DevTools

Yang baru di DevTools, Chrome 126

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

• Chrome
• Chrome DevTools

Ekstensi Chrome di Google I/O 2024

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

• Chrome

JavaScript Debug

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

• Chrome DevTools

Men-debug aturan spekulasi dengan Chrome DevTools

Pelajari semua tentang fitur Chrome DevTools untuk men-debug aturan spekulasi yang digunakan untuk mengambil data dan melakukan pra-render navigasi halaman di masa mendatang.

• Chrome DevTools

Panel sumber cepat

Melihat file sumber dan memiliki akses ke alat lainnya.

• Chrome DevTools

Penyempurnaan WebAssembly dan WebGPU untuk Web AI yang lebih cepat, bagian 1

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

• Chrome

Chrome 126 beta

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

• Chrome

Dorong ulasan produk yang bermanfaat dengan AI web sisi klien

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

Penyempurnaan WebAssembly dan WebGPU untuk Web AI yang lebih cepat, bagian 2

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

• Chrome

Yang baru di Framework JavaScript (Mei 2024)

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

• Chrome

Kesimpulan I/O 2024 Web AI: Model, alat, dan API baru untuk aplikasi web Anda berikutnya

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

• Chrome
• WebGpu

Panel pemantauan performa

Analisis performa runtime situs Anda secara real time.

• Chrome DevTools

Apa yang baru dalam transisi tampilan? (Pembaruan Google I/O 2024)

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

• Chrome

Mengevaluasi ulasan produk dengan AI

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

Dukungan SVG untuk Async Clipboard API

Asynchronous Clipboard API sekarang dapat menangani gambar SVG.

• Chrome

Memperkenalkan dukungan UIA di Windows

Mulai Chrome 126, framework Otomatisasi UI Windows didukung.

• Chrome

Baru di Chrome 125

Chrome 125 sekarang diluncurkan. Dengan CSS Anchor Positioning API, Compute Pressure API, perluasan ke Storage Access API, dan banyak lagi. Adriana Jara memiliki semua detail tentang fitur baru untuk developer di Chrome 125.

• Chrome

Mengganti header respons HTTP dan konten web secara lokal

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

• Chrome DevTools

Tips DevTools: Ganti dan tiruan respons jaringan

Pelajari cara mengganti dan menirukan respons jaringan dengan DevTools.

• Chrome DevTools
• Chrome

Chrome 125

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

• Chrome

Kapan harus memilih AI sisi klien

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

10 info terbaru dari Google I/O 2024: Membuka kecanggihan AI untuk setiap developer web

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

• Chrome

Cara Spotify menggunakan Picture-in-Picture API untuk membangun Miniplayer Spotify

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

• Chrome

Memperkenalkan CSS Positioning API

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

• Chrome

Memahami error dan peringatan dengan lebih baik menggunakan insight konsol

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

• Chrome DevTools

Terapkan pengujian di perusahaan Anda dengan Chrome

Pelajari cara mengatasi tantangan dengan pengujian di lingkungan perusahaan

• Chrome

Alat dari Chrome untuk pengujian otomatis dan tanpa hambatan

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

• Chrome

Yang baru di DevTools, Chrome 125

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

• Chrome DevTools
• Chrome

Studi kasus kueri container

Pelajari manfaat kueri container dari redBus dan Tokopedia.

• Chrome

Yang Baru di WebGPU (Chrome\r125)

Subgrup dalam pengembangan dan render ke irisan tekstur 3D.

• Chrome
• WebGpu

Lihat studi kasus transisi

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

• Chrome

studi kasus :has()

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

• Chrome

Studi kasus animasi berbasis scroll

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

• Chrome

Mengapa kemampuan CSS dan UI penting untuk situs e-commerce Anda?

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

• Chrome

Memperkenalkan "Lepaskan kekuatan Animasi Berbasis Scroll"

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

• Chrome

Ringkasan WebGPU

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

• WebGpu

Proposal alternatif untuk pemasangan batu CSS

Proposal untuk mendefinisikan masonry dan grid dalam spesifikasi yang berbeda.

• Chrome

Manifes - Versi Chrome Minimum

Dokumentasi referensi untuk properti minimum_chrome_version dari manifest.json.

• Ekstensi Chrome

Uji coba penghentian penggunaan Akses Jaringan Pribadi (PNA) untuk konteks yang tidak aman akan berakhir—terapkan dialog izin PNA

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

• Chrome

Studi kasus Popover

Tokopedia menggunakan Popover API untuk mengurangi jumlah kode dalam aplikasinya.

• Chrome

Men-scroll dan memperbesar/memperkecil tab yang direkam

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

Manifes - Token uji coba

Dokumentasi referensi untuk properti trial_tokens dari manifest.json.

• Ekstensi Chrome

WebAudio: Melihat metrik WebAudio API

Melihat metrik WebAudio API di panel WebAudio

• Chrome DevTools

Chrome 125 beta

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

• Chrome

Chrome 124

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

• Chrome

Manifes tidak memiliki ikon maskable

Pelajari cara menambahkan dukungan ikon maskable ke PWA Anda.

Tidak menyediakan konten penggantian saat JavaScript tidak tersedia

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

Manifes aplikasi web tidak memenuhi persyaratan kemampuan penginstalan

Pelajari cara membuat Progressive Web App agar dapat diinstal.

Akses ke perangkat MIDI kini memerlukan izin pengguna

Chrome kini membatasi seluruh Web MIDI API dengan dialog izin.

• Chrome

Apa yang terjadi di Ekstensi Chrome?

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

• Chrome
• Ekstensi Chrome

Tidak mendaftarkan pekerja layanan yang mengontrol halaman dan start_url

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

Uji coba origin untuk Foldable API

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

• Chrome

Tidak dikonfigurasi untuk layar pembuka kustom

Pelajari cara membuat layar pembuka kustom untuk Progressive Web App.

Baru di Chrome 124

Chrome 124 sekarang diluncurkan. Ada dua API baru yang memungkinkan shadow DOM deklaratif digunakan dari JavaScript. Anda dapat menggunakan streaming di Web Socket. Lihat Transisi menjadi sedikit lebih baik. Dan masih banyak lagi. Pete LePage memiliki semua detail tentang apa yang baru untuk developer di Chrome 124.

• Chrome

Halaman saat ini tidak merespons dengan kode 200 saat offline

Pelajari cara membuat Progressive Web App Anda berfungsi secara offline.

Animasi: Memeriksa dan mengubah efek animasi CSS

Memeriksa dan mengubah animasi dengan panel Animations.

• Chrome DevTools

Throttling

Referensi tab thhrottling.

• Chrome DevTools

Transisi halaman tidak terasa seperti diblokir di jaringan

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

Tidak menggunakan HTTPS

Pelajari cara melindungi situs Anda dengan HTTPS.

Tidak menyediakan apple-touch-icon yang valid

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

Setiap halaman memiliki URL

Pelajari tentang Lighthouse "Setiap halaman memiliki audit URL.

Tidak mengalihkan traffic HTTP ke HTTPS

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

Tidak menetapkan warna tema untuk kolom URL

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

start_url tidak merespons dengan 200 saat offline

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

Ukuran konten tidak sesuai untuk area pandang

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

Pemuatan halaman tidak cukup cepat di jaringan seluler

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

Situs dapat berjalan lintas browser

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

Isi otomatis: Memeriksa dan men-debug alamat yang disimpan

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

• Chrome DevTools

Transisi tampilan lintas dokumen untuk aplikasi multi-halaman

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

Transisi yang lancar dengan View Transition API

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

Seru & Canggih: Pengantar Chrome DevTools

Temukan cara DevTools meningkatkan pengembangan aplikasi web Anda.

• Chrome DevTools
• Chrome

Yang Baru di WebGPU (Chrome\r124)

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

• Chrome
• WebGpu

Jenis navigasi kini tersedia di CrUX

Pelajari metrik navigation_types yang baru di Laporan Pengalaman Pengguna (CrUX) Chrome dan cara metrik ini dapat digunakan untuk menjelaskan dan mengoptimalkan metrik performa web Anda.

• Chrome

Rollback versi di Dasbor Developer Chrome Web Store

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

• Ekstensi Chrome
• Chrome

CrUX di BigQuery

Pelajari struktur set data CrUX di BigQuery.

• Laporan UX Chrome

Cara melihat data Laporan UX Chrome di PageSpeed Insights

PageSpeed Insights (PSI) adalah alat bagi developer web untuk memahami performa halaman dan cara meningkatkannya. Dalam panduan ini, pelajari cara menggunakan PSI untuk mengekstrak insight dari CrUX dan lebih memahami pengalaman pengguna.

• Laporan UX Chrome

Panduan CrUX

Pelajari cara menggunakan CrUX dengan panduan yang mudah diikuti

• Laporan UX Chrome

Pastikan teks tetap terlihat selama pemuatan font web

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

Yang baru di DevTools, Chrome 124

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

• Chrome
• Chrome DevTools

Selamat tinggal JS Profiler, pembuatan profil CPU dengan panel Performance

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

• Chrome

Back-forward cache notRestoreReasons API

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

Membuat profil performa Node.js dengan panel Performa

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

• Chrome DevTools

Integrasi Promise JavaScript WebAssembly (JSPI) memasuki uji coba origin

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

• Chrome

Permintaan jaringan: Uji situs Anda dengan memblokir permintaan jaringan

Uji cara situs Anda menangani aset yang tidak ada.

• Chrome DevTools

Uji Coba Origin API fetchLater

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

• Chrome

Scroller keyboard yang dapat difokuskan

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

• Chrome

Chrome 124 beta

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

• Chrome

Baru di Chrome 123

Chrome 123 kini diluncurkan. Dengan fungsi gelap terang yang baru, Long Animation Frames API, Service Worker Static Routing API, dan masih banyak lagi. Adriana Jara memiliki semua detail tentang fitur baru untuk developer di Chrome 123.

• Chrome

Menggunakan Service Worker Static Routing API untuk melewati pekerja layanan untuk jalur tertentu

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

• Chrome

Akses Jaringan Pribadi: Perlindungan yang diperluas untuk pekerja web dan pengambilan navigasi

Pelajari mekanisme keamanan utama Akses Jaringan Pribadi untuk pekerja web, pengambilan navigasi, dan perlindungan mendatang. Dokumen ini juga mencakup apa yang harus dilakukan pemilik situs web jika mereka menggunakan jaringan pribadi.

• Chrome

Alat performa pada tahun 2024 dan seterusnya

Pelajari rencana tim Chrome untuk meningkatkan panel Performance DevTools.

• Chrome DevTools
• Chrome

Sembunyikan permintaan ekstensi dan peningkatan panel Jaringan lainnya

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

• Chrome DevTools
• Chrome

Ringkasan panel elemen

Buat perubahan pada DOM secara langsung.

• Chrome DevTools

Menjeda kode dengan titik henti sementara

Pelajari semua cara menjeda kode di Chrome DevTools.

• Chrome DevTools

Yang Baru di WebGPU (Chrome Formulir 123)

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

• Chrome
• WebGpu

Terapkan efek lain: mengaktifkan tema gelap otomatis, mengemulasi fokus, dan lainnya

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

• Chrome DevTools

Melihat dan mengubah CSS

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

• Chrome DevTools

Referensi fitur CSS

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

• Chrome DevTools

Download Chrome Headless versi lama sebagai chrome-headless-shell

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

• Chrome

Tingkatkan efisiensi kompresi dengan kamus bersama

Kompresi di web meningkat pesat dari kompresi kamus bersama. Pelajari pengertiannya, cara kerjanya, dan bagaimana mereka dapat secara substansial mengurangi waktu pemuatan dibandingkan kompresi standar untuk resource statis dan dinamis di web.

• Chrome

Ringkasan panel aplikasi

Dapatkan informasi penting tentang aplikasi web Anda langsung dari browser.

• Chrome DevTools

Menginternasionalkan antarmuka

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

• Ekstensi Chrome

Buat ekstensi Anda dapat diakses

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

• Ekstensi Chrome

Ringkasan yang baru

Temukan fitur terbaru di Chrome DevTools

• Chrome DevTools

Peningkatan pada Speculation Rules API

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

• Chrome

Ekstensi Chrome: perjalanan mata untuk menguji penangguhan pekerja layanan

Dalam postingan ini, tim Eyeo membagikan perjalanan mereka ke dalam masalah pengujian pekerja layanan ekstensi. Khususnya, cara memastikan bahwa Ekstensi Chrome berfungsi dengan benar saat pekerja layanan ditangguhkan.

• Chrome
• Ekstensi Chrome

Yang baru di DevTools (Chrome 123)

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

• Chrome
• Chrome DevTools

Paket Next.js untuk mengelola library pihak ketiga

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

• Chrome

Chrome 123 beta

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

• Chrome

Dukungan untuk align-content dalam tata letak blok dan tabel

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

• Chrome

Pintasan keyboard

Dokumentasi kanonis untuk pintasan keyboard Chrome DevTools.

• Chrome DevTools

Baru di Chrome 122

Chrome 122 kini diluncurkan. Dengan Storage Buckets API baru, panel Performance DevTools diperbarui, opsi bermasalah untuk membaca HTML dengan Async Clipboard API dan masih banyak lagi. Adriana Jara memiliki semua detail tentang fitur baru untuk developer di Chrome 122.

• Chrome

Menyimulasikan perangkat seluler dengan mode perangkat

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

• Chrome DevTools

Perubahan pada CSS ::pewarisan backdrop

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

• Chrome

Mengonfigurasi ikon ekstensi

Ekstensi memerlukan setidaknya satu ikon untuk mewakilinya di toolbar.

• Ekstensi Chrome

Panel Performa 400% lebih cepat melalui persepsi kinerja

Panel {i>Performance<i} di DevTools adalah alat yang ampuh untuk mendiagnosis, men-debug, dan memperbaiki masalah kinerja aplikasi web. Pada kesempatan ini, kami akan menjelaskan bagaimana kami menggunakan panel Performance di DevTools untuk meningkatkan kinerja panel Performance itu sendiri, dan bagaimana kami mencapai peningkatan yang sangat signifikan.

• Chrome

Chrome Extensions

TBD

• Ekstensi Chrome

Menggunakan WebUSB

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

• Ekstensi Chrome

Bermigrasi ke Manifes V3

Panduan untuk mengonversi ekstensi Manifes V2 ke ekstensi Manifes V3.

• Ekstensi Chrome

Gunakan WebHID

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

• Ekstensi Chrome

Yang Baru di WebGPU (Chrome\r122)

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

• Chrome
• WebGpu

Manifes - Kebijakan Keamanan Konten

Dokumentasi referensi untuk properti kebijakan keamanan konten manifest.json.

• Ekstensi Chrome

Penyesuaian kolom CSS

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

Merekam snapshot heap

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

• Chrome DevTools

chrome.runtime

Gunakan chrome.runtime API untuk mengambil pekerja layanan, menampilkan detail tentang manifes, serta memproses dan merespons peristiwa dalam siklus proses ekstensi. Anda juga dapat menggunakan API ini untuk mengonversi jalur relatif URL menjadi URL

• Ekstensi Chrome

Gunakan Web Push

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

• Ekstensi Chrome

Panduan peringatan izin

Cara kerja peringatan izin di ekstensi Chrome.

• Ekstensi Chrome

Mendeklarasikan izin

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

• Ekstensi Chrome

Yang baru di DevTools (Chrome 122)

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

• Chrome
• Chrome DevTools

Memperkenalkan cara baru untuk membuat pengalaman pengeditan web kustom menggunakan EditContext API

EditContext adalah API baru yang diluncurkan di Chrome dan Edge yang membantu developer membangun fitur pengeditan teks lanjutan di browser. Pelajari lebih lanjut dalam postingan ini.

• Chrome

Tips DevTools: Melakukan debug navigasi spekulatif untuk pemuatan halaman yang lebih cepat

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

• Chrome DevTools
• Chrome

Uji coba penghentian penggunaan untuk SharedArrayBuffer di Chrome desktop diperpanjang ke Chrome 124

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

• Chrome

Merespons perintah

Merespons kombinasi tombol kustom dalam ekstensi.

• Ekstensi Chrome

Menyesuaikan Perekam Suara dengan ekstensi

Sesuaikan dan integrasikan Perekam Suara dengan menginstal ekstensi.

• Chrome DevTools

Chrome 122 beta

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

• Chrome

Apa yang terjadi di Ekstensi Chrome?

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

• Chrome
• Ekstensi Chrome

Baru di Chrome 121

Chrome 121 kini diluncurkan. Dengan update CSS, peningkatan pada Speculation Rules API, sebuah uji coba origin untuk Element Capture API, dan masih banyak lagi. Adriana Jara memiliki semua detail tentang fitur baru untuk developer di Chrome 121.

• Chrome

Memicu tindakan dari omnibox

Memicu tindakan dari omnibox.

• Ekstensi Chrome

Yang Baru di WebGPU (Chrome\r121)

Mendukung WebGPU di Android, penggunaan DXC untuk kompilasi shader, kueri stempel waktu dalam penerusan komputasi dan render, titik entri default ke modul shader, mendukung display-p3 sebagai ruang warna GPUExternalStructure, info heap memori, dan banyak lagi.

• Chrome
• WebGpu

Mengakses DOM dengan aman menggunakan SSR Angular

Pelajari cara menggunakan DOM bersama dengan SSR secara aman di Angular

• Chrome

Gaya scroll bar

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

Menguji Bluetooth Web dengan Puppeteer

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

• Chrome

Menggunakan Firebase Cloud Messaging (FCM) dengan chrome.gcm

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

• Ekstensi Chrome

Tingkatkan pengujian model Web AI: WebGPU, WebGL, dan Headless Chrome

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

• Chrome
• WebGpu

Pengujian model Web AI di Google Colab

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

• WebGpu

Mode penulisan vertikal CSS untuk elemen kontrol formulir

Chrome menambahkan fitur CSS internasional baru lainnya.

• Chrome

Mengimplementasikan tindakan

Beri respons kepada pengguna yang mengklik toolbar.

• Ekstensi Chrome

Izin persisten untuk File System Access API

Postingan ini menjelaskan cara mengelola izin persisten untuk File System Access API. Contoh ini juga memberikan rekap singkat tentang keadaan masalah saat ini dan tantangan yang sedang dipecahkan.

• Chrome

Memeriksa dan men-debug warna HD dan non-HD dengan Color Picker

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

• Chrome DevTools

Tips DevTools: Membuat warna

Pelajari cara menulis warna dalam beberapa klik.

• Chrome DevTools
• Chrome

Tips DevTools: Men-debug prioritas pengambilan

Pelajari cara men-debug prioritas pengambilan.

• Chrome
• Chrome DevTools

CSS text-wrap: balance

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

Ekstensi Cakupan Aplikasi Web

Mulai Chrome 122, Anda dapat berlangganan uji coba origin untuk anggota manifes aplikasi scope_extensions yang memungkinkan situs yang mengontrol beberapa subdomain dan domain level teratas ditampilkan sebagai satu aplikasi web.

Manfaatkan kecanggihan WebDriver BiDi: otomatisasi Chrome dan Firefox dengan Puppeteer

Puppeteer sekarang berbicara dengan Firefox! 🎉 Tapi tunggu, bukankah sudah? 🤔 Mari pelajari WebDriver BiDi, protokol baru di Puppeteer dan temukan apa arti pengembangan yang menarik ini bagi alur kerja otomatisasi Firefox.

• Chrome

Membangun menu konteks

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

• Ekstensi Chrome

Menangani pelanggaran kode yang dihosting dari jarak jauh

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

• Ekstensi Chrome

Menambahkan pop-up

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

• Ekstensi Chrome

Google Chrome di Android

Untuk daftar lengkap fitur developer di Chrome pada Android, buka chromestatus.com. Download Chrome di Play Store. Saat pengguna login ke Chrome di satu perangkat, tab dan histori penjelajahan sesi tersebut tersedia bagi pengguna saat mereka login ke

Performa framework modern pada metrik INP yang baru

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

Intent Android dengan Chrome

Luncurkan aplikasi langsung dari halaman web dengan Intent Android.

Chrome mengaktifkan mode desktop secara default pada tablet premium

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

• Chrome

Akordeon Eksklusif

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

Yang Baru di WebGPU (Chrome\r120)

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

• Chrome
• WebGpu

Berbagi tab yang lebih baik dengan Region Capture

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

Yang Baru di WebGPU

Ikuti perubahan WebGPU terbaru.

• WebGpu

Yang baru di DevTools (Chrome 121)

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

• Chrome
• Chrome DevTools

CSS Digabung: 2023

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

• Chrome

Tips DevTools: Proses debug bfcache

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

• Chrome DevTools
• Chrome

Cara Chrome DevTools membantu melindungi diri dari serangan XSS sendiri

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

• Chrome
• Chrome DevTools

Tips DevTools: Apa yang dimaksud dengan DOM? HTML versus DOM

Pelajari cara men-debug DOM dengan DevTools.

• Chrome DevTools
• Chrome

Lihat detail bingkai

Lihat detail bingkai.

• Chrome DevTools

Uji coba origin permintaan Izin Akses Jaringan Pribadi: Jalur untuk memigrasikan situs dengan HTTPS

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

• Chrome

Meninjau kembali kriteria kemampuan penginstalan Chrome

Dalam beberapa bulan mendatang, Chrome akan menjalankan eksperimen dengan tujuan menyederhanakan kriteria penginstalan aplikasi, guna meningkatkan pengalaman developer dan pengguna. Postingan ini menyampaikan perubahan yang dapat Anda harapkan, dan alasan kami menjalankan eksperimen tersebut.

• Chrome

Mengakses server lokal dan instance Chrome dengan penerusan port

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

• Chrome DevTools

Melihat, menambahkan, mengedit, dan menghapus cookie

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

• Chrome DevTools

Baru di Chrome 120

Chrome 120 sekarang diluncurkan! Dengan CloseWatcher API untuk memungkinkan pengalaman yang konsisten saat menangani permintaan close, implementasi pola akordeon yang mudah menggunakan elemen detail, laporan pelanggaran kebijakan izin kini tersedia, dan masih banyak lagi.

• Chrome

Memperkenalkan empat fitur internasional baru di CSS

Chrome menambahkan empat fitur CSS internasional baru.

• Chrome

API Siklus Proses Halaman

Page Lifecycle API menghadirkan fitur siklus proses aplikasi yang umum di sistem operasi seluler ke web. Browser kini dapat membekukan dan menghapus halaman latar belakang dengan aman untuk menghemat sumber daya, dan developer dapat menangani intervensi ini dengan aman tanpa memengaruhi pengalaman pengguna.

HTML bermasalah di Async Clipboard API

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

Daftar Pengabaian

Mengabaikan referensi tab Daftar.

• Chrome DevTools

Picture-in-picture otomatis untuk aplikasi web konferensi video

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

• Chrome

Melanjutkan transisi ke Manifes V3

Pada Desember tahun lalu, kami menjeda penghentian penggunaan Manifest V2 yang direncanakan untuk menindaklanjuti masukan developer dan memberikan solusi yang lebih baik untuk masalah migrasi. Berdasarkan masukan ini, kami telah melakukan sejumlah

• Ekstensi Chrome
• Chrome

Yang baru di perintah Angular NgOptimizedImage

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

• Chrome

Meningkatkan pemfilteran konten di Manifes V3

Selama setahun terakhir, kami telah secara aktif terlibat dalam diskusi dengan vendor di balik beberapa ekstensi pemblokiran konten terkait cara meningkatkan platform ekstensi MV3. Berdasarkan diskusi ini, yang sebagian besar berlangsung di

• Ekstensi Chrome
• Chrome

Uji Coba Origin API Static Routing API Pekerja Layanan

Pelajari fase pertama dari Pemilihan Rute Statis Pekerja Layanan—kini dalam Uji Coba Origin—API baru untuk secara deklaratif menentukan cara penanganan (atau tidak) rute oleh Pekerja Layanan Anda.

• Chrome

Menangkap ekosistem WebGPU

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

• Chrome
• WebGpu

Yang baru di DevTools (Chrome 120)

Masalah penghentian cookie pihak ketiga yang dilaporkan di panel Masalah, Alat Analisis Privacy Sandbox untuk cookie, Kebijakan Keamanan Konten yang efektif di panel Aplikasi, proses debug animasi yang lebih baik, listingan abaikan yang ditingkatkan, dan lainnya.

• Chrome
• Chrome DevTools

Pembaruan sintaksis longgar bertingkat CSS

Susunan bertingkat ke depan diaktifkan di Chrome 120.

• Chrome

Perubahan pada mode ketahanan default di IndexedDB

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

• Chrome

Yang baru di Chrome 120 untuk Ekstensi

Ringkasan perubahan penting di Chrome 120 bagi developer Ekstensi Chrome.

• Chrome
• Ekstensi Chrome

Penanganan file di ChromeOS

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

• Ekstensi Chrome

file_handlers

Dokumentasi referensi untuk properti file_handlers manifest.json.

• Ekstensi Chrome

Chrome 120 beta

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

• Chrome

Pengumpulan Sampah WebAssembly (WasmGC) kini diaktifkan secara default di Chrome

Ada dua jenis bahasa pemrograman: bahasa pemrograman yang dikumpulkan sampah dan bahasa pemrograman yang memerlukan manajemen memori manual. Dengan WebAssembly Sampah Collection, bahasa yang dikumpulkan sampah memori dapat ditransfer ke WebAssembly.

• Chrome

Baru di Chrome 119

Chrome 119 kini diluncurkan! Dengan pembaruan pada batas atas tanggal habis masa berlaku untuk cookie yang sudah ada di penyimpanan. CSS memiliki kelas semu baru, sintaks warna relatif, peningkatan Frame dengan Fence seperti makro ukuran iklan, dan masih banyak lagi.

• Chrome

CSS lebih memilih transparansi-transparansi

Optimalkan dan sesuaikan untuk pengguna yang lebih menyukai UI buram.

• Chrome

Yang Baru di WebGPU (Chrome 119)

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

• Chrome
• WebGpu

Penggabungan teks CSS: cantik

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

• Chrome

Pilih elemen: kini dengan aturan horizontal

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

• Chrome

Apa yang terjadi di Ekstensi Chrome?

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

• Chrome
• Ekstensi Chrome

Migrasi issue tracker Chromium

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

• Chrome

Penghentian Sanitizer API

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

• Chrome

Serial melalui Bluetooth di web

Web Serial API menambahkan dukungan untuk layanan RFCOMM Bluetooth.

• Chrome

Pengujian unit Ekstensi Chrome

Cara menulis pengujian unit untuk ekstensi.

• Ekstensi Chrome

Menguji Ekstensi Chrome dengan Puppeteer

Cara menulis pengujian otomatis untuk Ekstensi Chrome menggunakan Puppeteer.

• Ekstensi Chrome

Pengujian menyeluruh untuk Ekstensi Chrome

Cara menulis pengujian menyeluruh untuk ekstensi.

• Ekstensi Chrome

Menemukan dan mengikuti bug

Periksa apakah bug atau permintaan fitur telah dilaporkan.

• Ekstensi Chrome

Sintaksis warna relatif CSS

Buat warna baru berdasarkan saluran dan nilai warna lain.

• Chrome

Laporkan bug ekstensi

Cara melaporkan bug atau masalah ekstensi dengan dokumentasi.

• Ekstensi Chrome

Baru di Chrome 118

Chrome 118 kini diluncurkan! Mendeklarasikan gaya tertentu dalam komponen dengan aturan css @scope. Gunakan fitur media baru: Preferreds-Reduced-transparency. DevTools memiliki peningkatan di panel Sources dan masih banyak lagi.

• Chrome

Yang Baru di DevTools (Chrome 119)

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

• Chrome DevTools
• Chrome

Peningkatan API untuk bekerja dengan file di browser

Dukungan untuk beberapa pembaca dan penulis untuk FileSystemSyncAccessHandle dan penulis eksklusif untuk FileSystemWritableFileStream. Sistem file pribadi origin (terkadang juga disebut sebagai sistem file bucket) memungkinkan developer mengakses

• Chrome

Uji coba origin baru untuk jendela pop-up layar penuh

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

• Chrome

Chrome 119 beta

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

• Chrome

Batasi jangkauan pemilih Anda dengan @scope CSS sesuai aturan

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

Yang Baru di WebGPU (Chrome\r118)

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

• Chrome
• WebGpu

Tips DevTools: Men-debug ekstensi Chrome

Pelajari cara menggunakan DevTools untuk men-debug ekstensi Chrome.

• Chrome
• Ekstensi Chrome
• Chrome DevTools

Chrome kini mendukung kunci sandi di Rantai Kunci iCloud di macOS

Chrome di macOS mulai mendukung kunci sandi di Rantai Kunci iCloud. Tindakan ini memungkinkan pengguna membuat kunci sandi di Rantai Kunci iCloud dan menyinkronkannya di seluruh perangkat Apple.

• Chrome

Navigasi yang lancar dapat dilakukan dengan transisi tampilan

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

• Chrome

Kami adalah Chrome untuk Developer

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

• Chrome

Dari WebGL ke WebGPU

Pelajari beberapa tips untuk developer WebGL yang bermigrasi ke WebGPU.

• Chrome

Yang Baru di DevTools (Chrome 118)

Bagian baru untuk properti khusus di Elemen > Gaya, peningkatan penggantian lokal yang lebih banyak, penelusuran yang disempurnakan, ruang kerja yang disederhanakan di Sumber, dan banyak lagi.

• Chrome
• Chrome DevTools

Chrome 118 beta

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

• Chrome

Baru di Chrome 117

Chrome 117 kini diluncurkan! Dengan tiga fitur CSS baru yang memudahkan penambahan animasi masuk dan keluar yang mulus, pengelompokan array untuk menghitung set data dengan urutan lebih tinggi, devtools membuat penggantian lokal lebih mudah dan masih banyak lagi.

• Chrome

Transisi dari Aplikasi Chrome

Cara memigrasikan aplikasi yang dipaketkan atau dihosting Chrome.

Yang Baru di WebGPU (Chrome\r117)

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

• Chrome
• WebGpu

Google Summer of Code dan Ekstensi Chrome

Pengalaman dan saran dalam berpartisipasi dalam Google Summer of Code.

• Ekstensi Chrome
• Chrome

Memublikasikan ekstensi

Panduan untuk memublikasikan ekstensi Manifes V3 baru

• Ekstensi Chrome

Tips DevTools: Cuplikan dan ekspresi langsung

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

• Chrome
• Chrome DevTools

Rilis Chrome lebih cepat (putaran kedua!)

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

• Chrome

Transisi Tampilan Astro

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

• Chrome

Memperkenalkan uji coba origin scheduler.results

`scheduler.results` adalah tambahan baru yang diusulkan ke API penjadwal yang saat ini berada dalam uji coba origin, dan merupakan pendekatan baru untuk membagi tugas agar mendapatkan pengalaman pengguna yang lebih responsif. Pahami manfaat penambahan yang diusulkan untuk API penjadwalan ini, dan daftar ke uji coba origin untuk membantu kami mendapatkan insight dan masukan.

• Chrome

Yang baru di Lighthouse 11

Lighthouse 11 telah hadir dengan perubahan aksesibilitas dan pembaruan audit baru

• Chrome

Membuat perintah Protokol Devtools Chrome (CDP) secara efisien dengan editor perintah baru

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

• Chrome

Yang Baru di DevTools (Chrome 117)

Ganti permintaan XHR/pengambilan dan sembunyikan permintaan ekstensi dari panel Network, lihat perubahan pada prioritas pengambilan di panel Performa, rasakan beberapa peningkatan UI, lihat warna baru dan fitur eksperimental, dan lainnya.

• Chrome
• Chrome DevTools

Menerapkan Pemeriksaan Keamanan ke halaman chrome://extensions

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

• Ekstensi Chrome
• Chrome

Chrome 117 beta

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

• Chrome

Empat fitur CSS baru untuk animasi masuk dan keluar yang lancar

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

• Chrome

Baru di Chrome 116

Chrome 116 kini diluncurkan! Gunakan picture document in picture API untuk meningkatkan produktivitas pengguna, kini lebih mudah untuk men-debug stylesheet yang hilang di DevTools, dan masih banyak lagi.

• Chrome

Manifes - skrip konten

Dokumentasi referensi untuk properti "content_scripts" manifest.json.

• Ekstensi Chrome

Mengamankan interaksi pop-up dengan properti terbatas

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

• Chrome

Yang Baru di WebGPU (Chrome\r116)

Integrasi WebCodecs, peningkatan pemutaran video, dan lainnya.

• Chrome
• WebGpu

Izin satu kali di Chrome

"Izinkan kali ini" adalah opsi satu kali untuk memberikan izin di Chrome. Pada awalnya, fitur ini hanya akan tersedia di desktop untuk geolokasi, kamera, dan mikrofon.

• Chrome

Tips DevTools: Titik henti sementara dan logpoint

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

• Chrome DevTools
• Chrome

PostMessage untuk TWA

Mulai Chrome 115 Aktivitas Web Tepercaya (TWA) dapat mengirim pesan menggunakan postMessage. Dokumen ini akan menjelaskan penyiapan yang diperlukan untuk berkomunikasi antara aplikasi Anda dan web.

Yang baru di Chrome 116 untuk Ekstensi

Ringkasan perubahan penting pada Chrome 116 bagi developer Ekstensi Chrome.

• Chrome
• Ekstensi Chrome

Chrome 116 beta

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

• Chrome

Men-debug situs di Chrome pada iOS 16.4+

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

• Chrome

Apa yang terjadi di Ekstensi Chrome?

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

• Ekstensi Chrome
• Chrome

Baru di Chrome 115

Gunakan ScrollLinimasa dan ViewLinimasa untuk membuat animasi berbasis scroll yang meningkatkan pengalaman pengguna. Frame dengan pagar berfungsi bersama Privacy Sandbox API lainnya untuk menyematkan konten yang relevan sekaligus mencegah berbagi konteks yang tidak perlu. Dengan Topics API, browser dapat berbagi informasi dengan pihak ketiga tentang minat pengguna sekaligus menjaga privasi dan masih banyak lagi.

• Chrome

Tips DevTools: Merekam dan memutar ulang alur penggunaan dengan Perekam Suara

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

• Chrome DevTools
• Chrome

Studi kasus tentang performa animasi berbasis scroll

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

• Chrome

Menggunakan WebSocket di pekerja layanan

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

• Ekstensi Chrome

WebRTC: Panduan migrasi getStats() lama

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

• Chrome

Tips DevTools: Penyimpanan lokal dan sesi

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

• Chrome
• Chrome DevTools

Yang Baru di DevTools (Chrome 116)

DevTools mendapatkan sejumlah peningkatan untuk membantu Anda mengidentifikasi dan men-debug masalah terkait stylesheet yang tidak ada dengan lebih cepat: Panel Jaringan secara konsisten mengisi kolom Pemrakarsa dengan link ke baris yang tepat yang

• Chrome
• Chrome DevTools

Yang Baru di WebGPU (ChromeChrome 115)

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

• Chrome
• WebGpu

Gunakan geolokasi

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

• Ekstensi Chrome

Chrome untuk Pengujian: download yang andal untuk otomatisasi browser

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

• Chrome for Testing
• Chrome

Men-debug WebAssembly C/C++

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

• Chrome DevTools

Bagaimana Photoshop menyelesaikan bekerja dengan file yang lebih besar dari yang dapat masuk ke dalam memori

Pelajari cara Adobe memungkinkan pengguna mengedit file terbesar sekalipun di versi web aplikasi Photoshop ikoniknya. (Artikel ini juga tersedia dalam bentuk video.) Pada tahun 2021, Adobe, bersama dengan engineer Chrome, mempersembahkan versi

• Chrome

Cara aplikasi pengeditan gambar vektor Boxy SVG menggunakan Local Font Access API agar pengguna dapat memilih font lokal favorit mereka

Local Font Access API menyediakan mekanisme untuk mengakses data font yang diinstal secara lokal oleh pengguna, termasuk detail tingkat tinggi seperti nama, gaya, dan jenis, serta byte mentah dari file font yang mendasarinya. Pelajari cara aplikasi

• Chrome

Bermigrasi dari URL data di elemen SVG

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

• Chrome

Yang Baru di WebGPU (Chrome 114)

Pengoptimalan JavaScript dan lainnya.

• Chrome
• WebGpu

Chrome 115 beta

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

• Chrome

Peristiwa mutasi akan dihapus dari Chrome

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

• Chrome

Cara editor game Construct 3 menggunakan File System Access API untuk memungkinkan pengguna menyimpan game mereka

File System Access API memungkinkan kemampuan baca, tulis, dan pengelolaan file. Pelajari cara Construct 3 menggunakan API ini. (Artikel ini juga tersedia dalam bentuk video.) Construct 3 adalah editor game yang dikembangkan oleh dua bersaudara

• Chrome

Mengumumkan uji coba origin Compute Pressure yang kedua

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

• Chrome

Mendesain pengalaman pengguna yang luar biasa dengan Side Panel API yang baru

Memperkenalkan Side Panel API baru untuk ekstensi Chrome.

• Chrome
• Ekstensi Chrome

Yang Baru di DevTools (Chrome 115)

Panel Elemen mendapatkan badge subgrid baru untuk sub-petak. Fitur ini saat ini masih bersifat eksperimental di Chrome Canary. Untuk memeriksa dan men-debug petak bertingkat yang merupakan subpetak, sehingga mewarisi jumlah dan ukuran jalur dari

• Chrome DevTools
• Chrome

Baru di Chrome 114

Chrome 114 kini diluncurkan! Chrome 114 kini diluncurkan! Dengan text-wrap: keseimbangan untuk meningkatkan tata letak teks, Cookies Using Independent Partitioned State kini telah hadir, Popover API baru membuat popover lebih mudah dari sebelumnya, dan masih banyak lagi.

• Chrome

Chrome menonaktifkan modifikasi document.domain

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

• Chrome

Tips DevTools: Workspace

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

• Chrome
• Chrome DevTools

Membuat kurva animasi yang kompleks di CSS dengan fungsi easing linear()

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

Manifes - latar belakang

Dokumentasi referensi untuk properti latar belakang manifest.json.

• Ekstensi Chrome

Memperkenalkan API popover

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

• Chrome

Bagaimana LEGO® Education menggunakan Bluetooth Web dan Web Serial API

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

• Chrome

Apa yang Baru dari Aurora?

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

• Chrome

Cara editor model 3D Blockbench menggunakan EyeDropper API agar pengguna dapat memilih warna dari mana saja

EyeDropper API menyediakan mekanisme untuk membuat alat pipet yang memungkinkan pengguna mengambil sampel warna dari layar mereka, termasuk di luar jendela browser. Pelajari cara editor model 3D Blockbench menggunakan API ini di codebase-nya.

• Chrome

Uji coba origin Bucket Penyimpanan tersedia

Standar Storage menentukan API untuk estimasi kuota dan penyimpanan persisten, serta arsitektur penyimpanan platform. Kami sedang bereksperimen dengan API untuk membuat penghapusan penyimpanan persisten saat tekanan memori berat lebih dapat diprediksi. Coba Storage Buckets API dalam uji coba origin yang berjalan dari Chrome 115 hingga Chrome 118.

• Chrome

Linimasa penghentian penggunaan Web SQL diperbarui

Web SQL dihapus sepenuhnya di Chromium 119.

• Chrome

Cara aplikasi pengeditan gambar Photopea menggunakan File Handling API untuk memungkinkan pengguna membuka file dari file explorer mereka

File Handling API memungkinkan aplikasi web mendaftarkan dirinya sebagai pengendali file untuk format file yang dapat didukung aplikasi. Pelajari cara aplikasi pengeditan gambar Photopea menggunakan API ini. (Artikel ini juga tersedia dalam bentuk

• Chrome

Yang baru di CSS dan UI: Edisi I/O 2023

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

• Chrome

Menemukan masalah formulir dengan Chrome DevTools

Tim Chrome DevTools sedang membangun fitur baru tambahan untuk membantu menemukan masalah formulir dan men-debug Isi Otomatis. Fitur ini masih dalam tahap awal desain dan implementasi, dan kami memerlukan pengujian serta masukan Anda.

• Chrome