Google Chrome için kundakçı benzeri hata ayıklayıcı

Firebug gibi Google Chrome'da kullanabileceğiniz bir şey var mı?

İstediğim temel özellikler:

• HTML kaynağını inceleyin (öğeleri seçin, silin vb.)
• CSS değerlerini kontrol edin (yerleşik çözüm bir şekilde gariptir)

Chrome'da zaten yerleşik bir Firebug benzeri araç var. Sayfanın herhangi bir yerine sağ tıklayın ve menüden "Elemanı incele" yi seçin. Chrome'da hata ayıklama için bir grafik aracı vardır (Firebug'da olduğu gibi), böylece JavaScript'te hata ayıklayabilirsiniz. Ayrıca CSS denetimini iyi yapar ve hatta CSS oluşturmayı anında değiştirebilir.

Daha fazla bilgi için bkz. Https://developers.google.com/chrome-developer-tools/

Firebug Lite, HTML öğelerini, hesaplanan CSS stilini ve çok daha fazlasını denetlemeyi destekler. Saf JavaScript olduğundan, birçok farklı tarayıcıda çalışır. Komut dosyasını kaynağınıza eklemeniz veya yer işareti çubuğunu tek bir tıklamayla herhangi bir sayfaya eklemek için yer işareti çubuğunuza eklemeniz yeterlidir.

http://getfirebug.com/lite.html

Her gün Firebug / Chrome Inspector kullanan biri olarak bazı konuşma noktaları eklemeniz yeterlidir :

1. Yazma sırasında sadece Google DOM müfettişi var ve hayır Firebug'un tüm özelliklerine sahip değil

2. Müfettiş Firebug'un 'lite' versiyonudur: Arayüz IMO kadar iyi değildir, son sürümlerin her ikisinde de eleman kontrolü artık tıknazdır, ancak Firebug hala daha iyidir; Kendimi Chrome'a ​​olan sevgiyi bulmaya çalışırken buluyorum (daha iyi, daha hızlı bir tarayıcı deneyimi olduğundan), ancak geliştirme çalışmaları için hala benim için berbat.

3. Firebug'da DOM / CSS'nin canlı önizlemesi / modifikasyonu hala çok daha iyi; hesaplanan CSS ve kutu modeli görünümü Firebug'da daha iyidir;

4. Bir şekilde Firebug'u okumak / kullanmak sadece bir şekilde daha kolay olabilir, çünkü belgeyi birkaç önemli alanda gezinme, değiştirme / değiştirme kolaylığı nedeniyle? Kim bilir. Arayüze alışkınım ve itiraf ettiğim öznel bir şey olmasına rağmen Chrome Inspector'ın iyi olmadığını düşünüyorum.

5. Çerezler / Net sekmesi Firebug'da benim için son derece yararlı. Belki de Chrome Inspector'da şimdi var mı? En son kontrol ettim, çünkü Chrome müdahaleniz olmadan kendini arka planda güncelledi (tüm iyi derebeler gibi varsayılan olarak onayınızı alır).

6. Son nokta: Google Chrome'un tam özellikli bir Firebug aldığı gün, Firefox'un temel olarak geliştiriciler için öldüğü gündür, çünkü Firefox'un Firefox'un düzen motoru Gecko'yu WebKit kadar hızlı yapmak için 3 yılı vardı ve olmadı. Çok açık bir şekilde ifade ettiğim için üzgünüm ama gerçek bu.

Görüyorsunuz, şimdi herkes mobil erişilebilirlik ve etkileşim (iPhone, iPad, Android) tarafından motive edilen jQuery yerine Flash'tan uzaklaşmak istiyor ve JavaScript 'aniden' büyük bir anlaşma (yani alaycı), böylece gemi yelken açtı, Firefox. Ve bu beni bir Mozilla hayranı olarak üzüyor. Chrome, Firefox JavaScript motorlarını yeni sürüme geçirene kadar daha iyi bir tarayıcıdır.

F12

Kısa tuşları seviyorum

Bunu deneyin, buna Firebug Lite denir ve görünüşe göre Chrome'un beta sürümü ile çalışır.

Ayrıca https://chrome.google.com/extensions/ adresinde de bulabilirsiniz.

Firebug lite'ın Chrome / Chromium tarayıcısında her zaman kullanılabilir olmasını sağlamak için bu yer işaretini "Yer İşaretleri Çubuğuna" ayarlayabilirsiniz (URL olarak yerleştirin):

javascript:var firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.firebug.version){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);

Veya kullanıcı komut dosyalarını deneyin: http://dev.chromium.org/developers/design-documents/user-scripts

jQuerify , jQuery'yi Chrome Konsoluna gömmek için mükemmel bir eklentidir ve hayal edebileceğiniz kadar basittir. Bu uzantı ayrıca jQuery'nin zaten bir sayfaya gömülü olup olmadığını da gösterir.

Bu uzantı, jQuery'yi istediğiniz herhangi bir sayfaya gömmek için kullanılır. Konsol kabuğunda jQuery kullanılmasına izin verir (Chrome konsolunu Ctrl+ Shift+ j"ile çağırabilirsiniz .).

JQuery'yi seçilen sekmeye gömmek için uzantı düğmesine tıklayın.

Resmi Firebug Chrome uzantısı veya uzantıyı kendiniz indirip paketleyebilirsiniz.

https://getfirebug.com/releases/lite/chrome/

Google Chrome için Greasemonkey komut dosyalarını etkinleştirmek mümkündür, bu nedenle bu yöntemi kullanarak Firebug'u yüklemenin bir yolu olabilir mi? Firebug Lite da işe yarayacaktı, ancak tam özellikli olanı kullanmakla aynı şey değil :(

willshouse.com/2009/05/29/install-greasemonkey-for-chrome-a-better-guide/

Bu, sorunuza cevap vermiyor, ancak kaçırmanız durumunda Chris Pederick'ün Web Geliştiricisi artık Chrome için kullanılabilir: https://chrome.google.com/extensions/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm .

Hepinizin ihtiyacı olan her şeyi unutun bu tarayıcı bağımsız müfettiş, dom güncelleyici

https://goggles.webmaker.org/en-US

yer işareti koyup herhangi bir web sayfasına gidin ve bu yer işaretini tıklayın.

Bu aslında Mozilla projesi Goggles, inanılmaz şaşırtıcı şaşırtıcı ...

F12 (yalnızca Linux ve Windows'ta)

VEYA

Ctrl ⇧ I

( ⌥ ⌘ IMac kullanıyorsanız)

Lütfen Google Chrome için Firebug Lite'ı deneyin

Gece ppa kullanarak Ubuntu üzerinde Chromium kullanıyorsanız, chromium-browser-inspector