Deskripsi
Gunakan chrome.devtools.network
API untuk mengambil informasi tentang permintaan jaringan yang ditampilkan oleh Developer Tools pada panel Jaringan.
Informasi permintaan jaringan diwakili dalam format Arsip HTTP (HAR). Deskripsi HAR berada di luar cakupan dokumen ini. Lihat Spesifikasi HAR v1.2.
Terkait HAR, metode chrome.devtools.network.getHAR()
menampilkan seluruh log HAR, sementara peristiwa chrome.devtools.network.onRequestFinished
memberikan entri HAR sebagai argumen ke callback peristiwa.
Perlu diperhatikan bahwa konten permintaan tidak disediakan sebagai bagian dari HAR untuk alasan efisiensi. Anda dapat memanggil
metode getContent()
permintaan untuk mengambil konten.
Jika jendela Developer Tools terbuka setelah halaman dimuat, beberapa permintaan mungkin tidak ada dalam
array entri yang ditampilkan oleh getHAR()
. Muat ulang halaman untuk mendapatkan semua permintaan. Secara umum, daftar permintaan yang ditampilkan oleh getHAR()
harus cocok dengan yang ditampilkan di panel Jaringan.
Lihat ringkasan API DevTools untuk pengantar umum tentang cara menggunakan API Developer Tools.
Manifes
Contoh
Kode berikut mencatat URL semua gambar yang berukuran lebih besar dari 40 KB ke dalam log saat gambar tersebut dimuat:
chrome.devtools.network.onRequestFinished.addListener(
function(request) {
if (request.response.bodySize > 40*1024) {
chrome.devtools.inspectedWindow.eval(
'console.log("Large image: " + unescape("' +
escape(request.request.url) + '"))');
}
}
);
Untuk mencoba API ini, instal contoh API DevTools dari repositori chrome-extension-samples.
Jenis
Request
Merepresentasikan permintaan jaringan untuk resource dokumen (skrip, gambar, dan sebagainya). Lihat Spesifikasi HAR untuk referensi.
Properti
-
getContent
void
Menampilkan konten isi respons.
Fungsi
getContent
terlihat seperti:(callback: function) => {...}
-
callback
fungsi
Parameter
callback
terlihat seperti:(content: string, encoding: string) => void
-
konten
string
Konten isi respons (kemungkinan dienkode).
-
encoding
string
Kosong jika konten tidak dienkode, nama encoding jika sebaliknya. Saat ini, hanya base64 yang didukung.
-
-
Metode
getHAR()
chrome.devtools.network.getHAR(
callback: function,
)
Menampilkan log HAR yang berisi semua permintaan jaringan yang diketahui.
Parameter
-
callback
fungsi
Parameter
callback
terlihat seperti:(harLog: object) => void
-
harLog
objek
Log HAR. Lihat spesifikasi HAR untuk mengetahui detailnya.
-
Peristiwa
onNavigated
chrome.devtools.network.onNavigated.addListener(
callback: function,
)
Diaktifkan saat jendela yang diperiksa membuka halaman baru.
Parameter
-
fungsi
Parameter
callback
terlihat seperti:(url: string) => void
-
string
-
onRequestFinished
chrome.devtools.network.onRequestFinished.addListener(
callback: function,
)
Diaktifkan saat permintaan jaringan selesai dan semua data permintaan tersedia.
Parameter
-
callback
fungsi
Parameter
callback
terlihat seperti:(request: Request) => void
-
minta
-