it-swarm-id.com

Apa yang setara dengan Google Chrome dengan Firebug?

Saya mencari alat yang dapat:

  • periksa elemen HTML
  • kelola/debug JavaScript
  • kinerja profil
  • memodifikasi elemen secara real-time
29
Evan Plaice

Ini dibangun. Halaman [kertas] -> Pengembang -> Alat pengembang (dalam Chrome v5 dan di bawah). Ini mungkin berbeda di v6 karena tombol Halaman tampaknya menghilang dalam versi itu.

32
Mark Hatton

Klik kanan -> Periksa Elemen

17
HoLyVieR
13
Emmett

Sudah 4 tahun sejak pertanyaan awal diajukan. Chrome (stable) sekarang di versi 38. Untuk waktu yang lama ia telah menyertakan set lengkap Developer Tools yang kira-kira setara dengan Firebug untuk Firefox (meskipun secara kebetulan Firefox bahkan memiliki a inspektur internal juga).

Beberapa hal Alat Pengembang Chrome memungkinkan Anda melakukannya:

  • Periksa DOM
  • Periksa CSS
  • Akses Konsol JavaScript
  • JavaScript debug
  • Lihat permintaan, pengaturan waktu, dan respons jaringan
  • Lihat rendering, JavaScript, dan kinerja CSS
  • Periksa penyimpanan dan cookie lokal

Alat dev dapat diakses dengan berbagai cara.

  • Menu Chrome -> Alat -> Alat Pengembang

  • Ctrl + Shift + I di Windows atau Cmd + Shift + I pada Mac

  • F12 di Windows

  • Klik kanan di mana saja pada halaman dan pilih Elemen Inspeksi

5
user9877

Alat dalam peramban sangat bagus dalam pekerjaan mereka dan biasanya merupakan pilihan pertama terbaik Anda, tetapi kadang-kadang mereka tidak memberikan detail teknis yang cukup pada permintaan HTTP/payload respons, atau terlalu spesifik halaman.

Dalam kasus ini, Anda mungkin menemukan bahwa alat inspeksi HTTP khusus seperti Fiddler atau salah satu alternatif Linux akan memberikan lebih banyak wawasan.

Jika Anda benar-benar perlu mendapatkan bare-metal, Wireshark melampaui HTTP untuk analisis lalu lintas jaringan penuh, tetapi bersiaplah untuk kewalahan pada awalnya.

3
JasonBirch

Anda juga dapat mencoba Pelacak Kecepatan sumber terbuka Google - http://code.google.com/webtoolkit/speedtracer/

Pelacak Kecepatan adalah alat untuk membantu Anda mengidentifikasi dan memperbaiki masalah kinerja dalam aplikasi web Anda. Ini memvisualisasikan metrik yang diambil dari titik instrumentasi tingkat rendah di dalam browser dan menganalisanya saat aplikasi Anda berjalan. Pelacak Kecepatan tersedia sebagai ekstensi Chrome dan bekerja pada semua platform di mana ekstensi saat ini didukung (Windows dan Linux).

Menggunakan Speed ​​Tracer Anda bisa mendapatkan gambaran yang lebih baik tentang di mana waktu yang dihabiskan dalam aplikasi Anda. Ini termasuk masalah yang disebabkan oleh penguraian dan eksekusi JavaScript, tata letak, penghitungan ulang gaya CSS dan pencocokan pemilih, penanganan peristiwa DOM, pemuatan sumber daya jaringan, penghitung waktu kebakaran, panggilan balik XMLHttpRequest, lukisan, dan banyak lagi.

1
mvark