Berbagi teknologi

Penjelasan mendetail tentang penggunaan Fiddler: debugging jaringan dan alat analisis (pengujian antarmuka, debugging breakpoint, pengujian jaringan lemah)

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina


Ringkasan

Fiddler adalah alat debugging jaringan yang kuat yang dapat merekam, memeriksa, memodifikasi dan mengirim ulang semua lalu lintas HTTP/HTTPS yang melewati komputer. Artikel ini akan memperkenalkan secara detail keterampilan instalasi, konfigurasi, dan penggunaan Fiddler untuk membantu pengembang dan penguji lebih memahami permintaan dan respons jaringan.

1. Pengantar Fiddler

Fiddler adalah alat debugging jaringan gratis yang dikembangkan oleh Telerik dan banyak digunakan di bidang pengembangan dan pengujian web.

2. Fungsi utama Fiddler

  • Tangkap semua lalu lintas HTTP/HTTPS klien dan server.
  • Ubah data permintaan dan respons.
  • Mendukung debugging titik henti sementara.
  • Mendukung manajemen sesi.
  • Mendukung pengujian kinerja.
  • Mendukung ekstensi skrip.

3. Instal dan konfigurasikan Fiddler

3.1 Instal Fiddler

mengaksesSitus resmi TelerikUnduh Fiddler versi terbaru dan ikuti petunjuk untuk menyelesaikan instalasi.

3.2 Konfigurasikan Fiddler

  • Atur jenis lalu lintas yang ditangkap oleh Fiddler.
  • Konfigurasikan opsi decoding seperti rangkaian karakter, dekompresi otomatis, dll.
  • Konfigurasikan dekripsi HTTPS dan tangkap lalu lintas HTTPS.

4. Gunakan Fiddler untuk menangkap permintaan jaringan

4.1 Mulai Pemain Biola

Buka Fiddler dan secara otomatis akan mulai menangkap semua lalu lintas HTTP/HTTPS yang melewati komputer Anda.

4.2 Lihat sesi

Di antarmuka utama Fiddler, Anda dapat melihat semua permintaan dan respons jaringan yang ditangkap, disusun dalam urutan kronologis.

4.3 Memfilter sesi

Gunakan filter pada toolbar untuk memfilter jenis percakapan tertentu dengan cepat, seperti hanya menampilkan permintaan gambar, permintaan kesalahan, dll.

5. Edit dan debug permintaan jaringan

5.1 Permintaan modifikasi

Klik kanan baris permintaan dan pilih "Edit" untuk mengubah URL, metode, informasi header, atau isi permintaan.

5.2 Tetapkan titik henti sementara

Klik kanan baris permintaan, pilih "Breakpoints", atur breakpoint, dan Fiddler akan menjeda sebelum permintaan dikirim.

5.3 Kirim ulang permintaan

Klik kanan baris permintaan dan pilih "Kirim Ulang" untuk mengubah parameter dan mengirim ulang permintaan.

6. Penangkapan dan dekripsi lalu lintas HTTPS

6.1 Konfigurasikan dekripsi HTTPS

Di Fiddler's "Tools" > "Options" > "HTTPS", centang "Capture HTTPS CONNECTs" dan "Decrypt HTTPS traffic".

6.2 Percayai sertifikat akar Fiddler

Instal dan percayai sertifikat akar Fiddler untuk menangkap lalu lintas HTTPS.

7. Gunakan Fiddler untuk pengujian kinerja

Gunakan tampilan "Garis Waktu" Fiddler untuk menganalisis waktu respons permintaan jaringan dan mengidentifikasi hambatan kinerja.

8. Ekstensi skrip Fiddler

Dengan menggunakan fungsi skrip Fiddler, Anda dapat mengimplementasikan pengujian otomatis, logika pemrosesan yang disesuaikan, dll.

9. Pertanyaan dan Solusi yang Sering Diajukan

  • Bagaimana mengatasi masalah Fiddler yang tidak dapat menangkap lalu lintas tertentu?
  • Bagaimana cara mengonfigurasi proksi Fiddler untuk digunakan pada perangkat seluler?

10. Ringkasan

Fiddler adalah alat debugging jaringan yang kuat dan mudah digunakan. Melalui pengenalan rinci artikel ini, saya berharap pembaca dapat menguasai penggunaan dasar Fiddler dan menggunakan fungsi-fungsi canggihnya dalam kerja praktek.

11. Referensi

  • Dokumentasi resmi Fiddler
  • Repositori Fiddler GitHub
  • Menggunakan Fiddler untuk pengujian antarmuka adalah praktik umum karena menyediakan kemampuan untuk menangkap, memeriksa, memodifikasi, dan mengirim ulang permintaan HTTP/HTTPS. Berikut adalah langkah-langkah dasar menggunakan Fiddler untuk pengujian antarmuka:

Fiddler untuk pengujian antarmuka

1. Mulai Fiddler

Pertama, mulai alat Fiddler. Fiddler mendengarkan port 8888 secara default dan dapat diteruskanTools > Options > Connectionsuntuk mengonfirmasi atau mengubah.

2. Konfigurasikan agen sistem

Pastikan sistem operasi atau pengaturan proxy khusus aplikasi Anda mengarah ke Fiddler. Biasanya diatur ke:

  • Proksi HTTP:127.0.0.1
  • pelabuhan:8888

3. Menangkap permintaan antarmuka

Memulai permintaan antarmuka di browser atau klien lain. Permintaan tersebut akan ditangkap oleh Fiddler dan ditampilkan di antarmuka utama Fiddler.

4. Periksa permintaan dan tanggapan

  • Detail permintaan: Pilih sesi dan lihatInspectors > Request, informasi detail permintaan ditampilkan di sini, termasuk metode HTTP, URL, header permintaan, isi permintaan, dll.
  • Detail respons: Di sesi yang sama, lihatInspectors > Response, respons server ditampilkan di sini, termasuk kode status, header respons, isi respons, dll.

5. Permintaan modifikasi

Jika Anda perlu menguji parameter permintaan atau informasi header yang berbeda, Anda dapat memilih sesi dan kemudianRequest Ubah konten terkait di halaman tab.Setelah modifikasi, Anda dapat menggunakan menu klik kananResenduntuk mengirim ulang permintaan tersebut.

6. Ubah respons

Dalam beberapa skenario pengujian, Anda mungkin perlu menyimulasikan respons server.diperbolehkanResponseUbah konten respons di halaman tab dan teruskanResendKirim ulang respons yang diubah ke klien.

7. Gunakan breakpoint

Fiddler memungkinkan Anda mengatur breakpoint selama fase permintaan atau respons.Pilih sesi dan klikBreak on RequestatauBreak on Response tombol. Fiddler menjeda eksekusi saat permintaan atau respons lewat, memungkinkan Anda melihat atau mengubah permintaan/respons secara real time.

8. Dekripsi permintaan HTTPS

Jika antarmukanya HTTPS, pastikanTools > Options > HTTPSdiperiksaCapture HTTPS CONNECTsDanDecrypt HTTPS traffic . Pada saat yang sama, pastikan klien memercayai sertifikat akar Fiddler.

9. Simpan dan bagikan percakapan

Anda dapat menyimpan sesi tertentu untuk pengujian nanti atau membaginya dengan orang lain.Klik kanan pada sesi dan pilihSave > Selected Sessions…dan pilih format dan lokasi penyimpanan.

10. Otomatisasi Skrip

Fiddler mendukung pengujian otomatis menggunakan skrip.lulusQuickExecatauCustomize Rules, Anda dapat menulis skrip untuk menangani sesi secara otomatis.

11. Pengujian kinerja

Menggunakan FiddlerTimelineFungsinya, Anda dapat melakukan analisis kinerja pada permintaan antarmuka dan melihat waktu permintaan dan respons.

12. Pembersihan setelah tes selesai

Setelah pengujian selesai, ingatlah untuk mematikan proksi Fiddler di pengaturan proksi agar tidak mempengaruhi akses jaringan normal.

Menggunakan Fiddler untuk pengujian antarmuka dapat meningkatkan efisiensi pengujian secara signifikan, membantu pengembang dengan cepat menemukan masalah dan mengoptimalkan kinerja antarmuka. Ingatlah untuk memanfaatkan sepenuhnya berbagai fitur dan opsi yang disediakan oleh Fiddler selama penggunaan.

Debugging breakpoint dengan Fiddler adalah fitur yang sangat berguna yang memungkinkan Anda mengubah permintaan atau respons dengan menjeda permintaan sebelum dikirim ke server atau sebelum respons dikembalikan. Berikut langkah-langkah untuk debugging breakpoint menggunakan Fiddler:

1. Mulai Fiddler

Pertama, pastikan alat Fiddler dimulai.

2. Tetapkan titik henti sementara

Di Fiddler, breakpoint dapat diatur dengan cara berikut:

  • titik henti permintaan:adaRules > Automatic BreakpointsMemeriksaBefore requests
  • Menanggapi breakpoint:adaRules > Automatic BreakpointsMemeriksaAfter responses
  • Tetapkan breakpoint secara manual: Klik kanan sesi dalam daftar sesi dan pilihBreakpoints > set URL, masukkan URL tertentu atau gunakan karakter pengganti.

3. Konfigurasikan agen sistem

Pastikan pengaturan proxy browser atau aplikasi Anda mengarah ke Fiddler sehingga lalu lintas dapat ditangkap.

4. Kirim permintaan

Kirim permintaan di browser atau aplikasi. Jika breakpoint disetel, permintaan akan dijeda sebelum dikirim atau sebelum dikembalikan.

5. Periksa dan ubah permintaan

Setelah meminta jeda, Anda bisaInspectors > RequestLihat dan ubah detail permintaan, termasuk:

  • metode HTTP
  • Alamat URL-nya
  • Judul permintaan
  • Permintaan tubuh

6. Periksa dan ubah tanggapan

Jika breakpoint responsif disetel, Anda bisaInspectors > ResponseMelihat dan mengubah detail respons, termasuk:

  • Kode status
  • tajuk tanggapan
  • badan respons

7. Lanjutkan eksekusi

Setelah mengubah permintaan atau respons, klik pada toolbarRuntombol (atau tekan tombol F10) dan Fiddler akan terus menjalankan permintaan atau respons.

8. Kirim ulang permintaan yang telah diubah

Jika diinginkan, Anda dapat mengklik kanan sesi tersebut dan memilihResenduntuk mengirim permintaan yang dimodifikasi.

9. Nonaktifkan breakpoint

Setelah menyelesaikan debugging, ingatlah untukRules > Automatic BreakpointsHapus centang opsi breakpoint yang sesuai untuk menghindari breakpoint semua permintaan.

10. Jalankan skrip menggunakan perintah

Fiddler mengizinkan penggunaanExecute JavaScriptatauExecute C#perintah untuk menjalankan skrip, yang secara otomatis dapat melakukan beberapa tindakan ketika permintaan atau respons dijeda.

11. Menggunakan FiddlerScript

FiddlerScript memungkinkan Anda menulis kode JavaScript yang akan dieksekusi ketika setiap sesi diproses dan dapat digunakan untuk mengubah permintaan atau respons.

12. Simpan dan bagikan hasil debugging

Anda dapat menyimpan sesi debug atau mengekspornya sebagai laporan HTML untuk dibagikan atau diarsipkan.

13. Tindakan Pencegahan

  • Saat melakukan debug dengan breakpoint, pastikan untuk tidak mengubah informasi sensitif seperti token autentikasi atau informasi pribadi.
  • Proses debug breakpoint dapat memengaruhi kinerja permintaan jaringan karena menghentikan sementara pengiriman permintaan atau penerimaan respons.

Dengan menggunakan fungsi debugging breakpoint Fiddler, Anda dapat memiliki pemahaman dan kontrol yang lebih dalam tentang proses permintaan jaringan, yang sangat membantu untuk pekerjaan pengembangan dan pengujian.


Fiddler menyediakan fungsi simulasi lingkungan jaringan yang lemah, yang dapat membantu menguji kinerja aplikasi dalam kondisi jaringan yang berbeda. Berikut langkah-langkah menggunakan Fiddler untuk melakukan pengujian jaringan lemah:

1. Mulai Fiddler

Pertama, buka alat Fiddler. Pastikan Fiddler berjalan karena akan menangkap semua lalu lintas yang melalui proxy.

2. Siapkan proksi

Pastikan browser atau aplikasi Anda diatur ke proxy melalui Fiddler. Biasanya diatur ke:

  • Proksi HTTP:127.0.0.1
  • pelabuhan:8888

3. Masuk ke pengaturan simulasi

Di Fiddler, klik Rules menu dan pilihPerformance > Simulate Modem Speeds

4. Aktifkan simulasi

Di kotak dialog pop-up, centang Simulate low bandwidth DanSimulate high latency pilihan. Ini akan mensimulasikan lingkungan jaringan dengan bandwidth rendah dan latensi tinggi.

5. Konfigurasikan parameter simulasi

  • Kecepatan bit: Mengatur kecepatan unduh (bit per detik).
  • Latensi:Mengatur waktu tunda (milidetik).
  • Kehilangan paket: Mengatur tingkat kehilangan paket (persentase).

Setelah pengaturan selesai, klik OK Simpan Pengaturan.

6. Ujilah

Sekarang, ketika Anda membuat permintaan melalui browser atau aplikasi, Fiddler akan mensimulasikan kondisi jaringan yang ditentukan.

7. Hasil observasi

Amati kinerja aplikasi di lingkungan jaringan yang lemah dan periksa waktu pemuatan, kecepatan respons, dll.

8. Sesuaikan parameter

Sesuaikan parameter jaringan yang disimulasikan sesuai kebutuhan untuk menguji kinerja aplikasi dalam kondisi jaringan yang berbeda.

9. Nonaktifkan simulasi

Setelah tes selesai, Anda bisa Rules > Performance Hapus centangSimulate Modem Speeds, untuk memulihkan kecepatan jaringan normal.

10. Analisis dan Pencatatan

Catat hasil pengujian dan analisis serta optimalkan berdasarkan masalah yang diamati.

Dengan menggunakan fungsi simulasi jaringan lemah Fiddler, Anda dapat mengevaluasi perilaku aplikasi Anda dalam kondisi jaringan yang berbeda selama fase pengembangan dan pengujian, sehingga mengoptimalkan pengalaman pengguna.