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
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.
Sağ Tıklama -> Öğeyi İncele
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
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.
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.