Deskripsi
chrome.debugger
API berfungsi sebagai transportasi alternatif untuk protokol pen-debugan jarak jauh Chrome. Gunakan chrome.debugger
untuk melampirkan ke satu atau beberapa tab untuk mengukur interaksi jaringan, men-debug JavaScript, memutasikan DOM dan CSS, dan banyak lagi. Gunakan properti Debuggee
tabId
untuk menargetkan tab dengan sendCommand
dan mengarahkan peristiwa menurut tabId
dari callback onEvent
.
Izin
debugger
Catatan Keamanan
Untuk alasan keamanan, chrome.debugger
API tidak memberikan akses ke semua Domain Protokol Chrome DevTools. Domain yang tersedia adalah: Aksesibilitas,
Audit, CacheStorage, Console,
CSS, Database, Debugger, DOM,
DOMDebugger, DOMSnapshot,
Emulasi, Fetch, IO, Input,
Inspector, Log, Network, Overlay,
Page, Performance, Profiler,
Runtime, Storage, Target, Tracing,
WebAudio, dan WebAuthn.
Manifes
Anda harus mendeklarasikan izin "debugger"
` di manifes ekstensi untuk menggunakan API ini.
{
"name": "My extension",
...
"permissions": [
"debugger",
],
...
}
Contoh
Untuk mencoba API ini, instal contoh API debugger dari repositori chrome-extension-samples.
Jenis
Debuggee
ID yang di-debug. tabId, extensionId, atau targetId harus ditentukan
Properti
-
extensionId
string opsional
ID ekstensi yang ingin Anda debug. Proses melampirkan ke halaman latar belakang ekstensi hanya dapat dilakukan jika tombol command line
--silent-debugger-extension-api
digunakan. -
tabId
nomor opsional
ID tab yang ingin Anda debug.
-
targetId
string opsional
ID buram target debug.
DebuggerSession
ID sesi debugger. Salah satu dari tabId, extensionId, atau targetId harus ditentukan. Selain itu, sessionId opsional dapat diberikan. Jika sessionId ditentukan untuk argumen yang dikirim dari onEvent
, berarti peristiwa berasal dari sesi protokol turunan dalam sesi debuggee root. Jika sessionId ditentukan saat diteruskan ke sendCommand
, ID tersebut akan menargetkan sesi protokol turunan dalam sesi debuggee root.
Properti
-
extensionId
string opsional
ID ekstensi yang ingin Anda debug. Proses melampirkan ke halaman latar belakang ekstensi hanya dapat dilakukan jika tombol command line
--silent-debugger-extension-api
digunakan. -
sessionId
string opsional
ID buram sesi Chrome DevTools Protocol. Mengidentifikasi sesi turunan dalam sesi root yang diidentifikasi oleh tabId, extensionId, atau targetId.
-
tabId
nomor opsional
ID tab yang ingin Anda debug.
-
targetId
string opsional
ID buram target debug.
DetachReason
Alasan penghentian koneksi.
Enum
"target_closed"
"canceled_by_user"
TargetInfo
Informasi target debug
Properti
-
terpasang
boolean
Benar (True) jika debugger sudah terpasang.
-
extensionId
string opsional
ID ekstensi, ditentukan jika type = 'background_page'.
-
faviconUrl
string opsional
URL favicon target.
-
id
string
ID target.
-
tabId
nomor opsional
ID tab, ditentukan jika type == 'page'.
-
judul
string
Judul halaman target.
-
jenis
Jenis target.
-
url
string
URL target.
TargetInfoType
Jenis target.
Enum
"halaman"
"background_page"
"worker"
"lainnya"
Metode
attach()
chrome.debugger.attach(
target: Debuggee,
requiredVersion: string,
callback?: function,
): Promise<void>
Melampirkan debugger ke target yang diberikan.
Parameter
-
target
Target pen-debugan yang ingin Anda lampirkan.
-
requiredVersion
string
Versi protokol debug yang diperlukan ("0.1"). Debugger hanya dapat dilampirkan ke target debug dengan versi utama yang cocok dan versi minor yang lebih besar atau sama. Daftar versi protokol dapat diperoleh di sini.
-
callback
fungsi opsional
Parameter
callback
terlihat seperti:() => void
Hasil
-
Promise<void>
Chrome 96+Promise hanya didukung untuk Manifest V3 dan yang lebih baru, platform lain harus menggunakan callback.
detach()
chrome.debugger.detach(
target: Debuggee,
callback?: function,
): Promise<void>
Melepaskan debugger dari target yang diberikan.
Parameter
-
target
Target proses debug yang ingin Anda lepaskan.
-
callback
fungsi opsional
Parameter
callback
terlihat seperti:() => void
Hasil
-
Promise<void>
Chrome 96+Promise hanya didukung untuk Manifest V3 dan yang lebih baru, platform lain harus menggunakan callback.
getTargets()
chrome.debugger.getTargets(
callback?: function,
): Promise<TargetInfo[]>
Menampilkan daftar target debug yang tersedia.
Parameter
-
callback
fungsi opsional
Parameter
callback
terlihat seperti:(result: TargetInfo[]) => void
-
hasil
Array objek TargetInfo yang sesuai dengan target debug yang tersedia.
-
Hasil
-
Promise<TargetInfo[]>
Chrome 96+Promise hanya didukung untuk Manifest V3 dan yang lebih baru, platform lain harus menggunakan callback.
sendCommand()
chrome.debugger.sendCommand(
target: DebuggerSession,
method: string,
commandParams?: object,
callback?: function,
): Promise<object | undefined>
Mengirim perintah tertentu ke target proses debug.
Parameter
-
target
Target pen-debugan yang ingin Anda kirimi perintah.
-
method
string
Nama metode. Harus berupa salah satu metode yang ditentukan oleh protokol pen-debug-an jarak jauh.
-
commandParams
objek opsional
Objek JSON dengan parameter permintaan. Objek ini harus sesuai dengan skema parameter debug jarak jauh untuk metode tertentu.
-
callback
fungsi opsional
Parameter
callback
terlihat seperti:(result?: object) => void
-
hasil
objek opsional
Objek JSON dengan respons. Struktur respons bervariasi bergantung pada nama metode dan ditentukan oleh atribut 'returns' dari deskripsi perintah dalam protokol pen-debug-an jarak jauh.
-
Hasil
-
Promise<object | undefined>
Chrome 96+Promise hanya didukung untuk Manifest V3 dan yang lebih baru, platform lain harus menggunakan callback.
Acara
onDetach
chrome.debugger.onDetach.addListener(
callback: function,
)
Diaktifkan saat browser menghentikan sesi proses debug untuk tab. Hal ini terjadi saat tab ditutup atau Chrome DevTools dipanggil untuk tab yang terlampir.
Parameter
-
callback
fungsi
Parameter
callback
terlihat seperti:(source: Debuggee, reason: DetachReason) => void
-
source
-
alasan
-
onEvent
chrome.debugger.onEvent.addListener(
callback: function,
)
Diaktifkan setiap kali men-debug peristiwa instrumentasi masalah target.
Parameter
-
callback
fungsi
Parameter
callback
terlihat seperti:(source: DebuggerSession, method: string, params?: object) => void
-
source
-
method
string
-
params
objek opsional
-