web-gelistirme-sc.com

Firebug’a Google Chrome eşdeğeri nedir?

Yapabilecek bir araç arıyorum:

  • hTML öğelerini inceleyin
  • javaScript'i yönet/hata ayıkla
  • profil performansı
  • elemanları gerçek zamanlı olarak değiştir
29
Evan Plaice

Dahilidir. Sayfa [bildiri] -> Geliştirici -> Geliştirici araçları (Chrome v5 ve altında). V6'da farklı olması muhtemeldir, çünkü Sayfa düğmesi bu sürümde kayboluyor gibi görünmektedir.

32
Mark Hatton

Sağ Tıklama -> Öğeyi İncele

17
HoLyVieR
13
Emmett

Asıl soru sorulmasından bu yana 4 yıl geçti. Chrome (kararlı) şu an sürüm 38'de. Uzun süredir, Firefox için Firebug'a kabaca eşdeğer bir Geliştirici Araçları dizisini içeriyordu. a yerleşik denetçi de).

Chrome'un Geliştirici Araçları'nın yapmanıza izin verdiği birkaç şey:

  • DOM'u inceleyin
  • CSS'yi inceleyin
  • Bir JavaScript Konsoluna erişin
  • JavaScript hata ayıklama
  • Ağ isteklerini, zamanlamaları ve yanıtlarını görüntüleme
  • Oluşturma, JavaScript ve CSS performansını görüntüleme
  • Yerel depolamayı ve çerezleri inceleyin

Geliştirme araçlarına çeşitli şekillerde erişilebilir.

  • Chrome Menüsü -> Araçlar -> Geliştirici Araçları

  • Ctrl + Shift + I Windows’ta veya Cmd + Shift + I Mac'te

  • F12 Windows'ta

  • Sayfada herhangi bir yeri sağ tıklayın ve öğesini seçin Öğeyi İncele

5
user9877

Tarayıcı içi araçlar işlerinde harikadır ve genellikle en iyi ilk tercihinizdir, ancak bazen HTTP istek/yanıt yükleri hakkında yeterli teknik ayrıntı sağlamazlar veya çok fazla sayfaya özgüdürler.

Bu durumlarda, Fiddler veya Linux alternatiflerinden gibi bir özel HTTP denetim aracının daha fazla bilgi sağlayacağını görebilirsiniz.

Gerçekten çıplak metal almanız gerekiyorsa, Wireshark , tam ağ trafiği analizine HTTP'nin ötesine geçiyor, ancak ilk başta bunaltılmaya hazır olun.

3
JasonBirch

Ayrıca Google’ın açık kaynaklı Speed ​​Tracer’ını deneyebilirsiniz - http://code.google.com/webtoolkit/speedtracer/

Speed ​​Tracer, web uygulamalarınızdaki performans sorunlarını tanımlamanıza ve gidermenize yardımcı olan bir araçtır. Tarayıcının içindeki düşük seviyeli enstrümantasyon noktalarından alınan ölçümleri görselleştirir ve uygulamanız çalışırken bunları analiz eder. Speed ​​Tracer, Chrome uzantısı olarak kullanılabilir ve uzantıların şu anda desteklendiği tüm platformlarda çalışır (Windows ve Linux).

Speed ​​Tracer kullanarak, uygulamanızda zamanın nerede harcandığını daha iyi görebilirsiniz. Bu, JavaScript ayrıştırma ve yürütme, mizanpaj, CSS stili yeniden hesaplama ve seçici eşleştirme, DOM olayı işleme, ağ kaynak yükleme, zamanlayıcı yangınları, XMLHttpRequest geri aramaları, boyama ve diğerlerinden kaynaklanan sorunları içerir.

1
mvark