Ultimate Firefox Web Geliştirme Profilini Oluşturun
Düzgün yapılandırıldığında Firefox, üzerinde çalıştığınız sayfaya doğrudan erişim sağlayarak, sayfanızı gerçek zamanlı olarak stillendirebileceğiniz, javascript hata ayıklama veya hatta html'yi düzenleyebileceğiniz en üst düzey web geliştirme aracı olabilir..
Web Geliştirme için Ayrı Profil Oluştur
Tüm bu geliştirme araçlarını yüklemek Firefox'u çok ağır bir tarayıcıya dönüştürecektir, bu yüzden öncelikle Firefox için yeni bir profil oluşturmalıyız.
WebDev'i profilinizin adıyla değiştirerek, bu argümanlarla yeni bir kısayol oluşturarak normal profilinizle aynı anda ayrı bir profil başlatabilirsiniz. Bunun nasıl yapılacağı hakkında daha ayrıntılı bir açıklama da var.
firefox.exe -P WebDev -no-remote
Artık Firefox'u yalnızca web geliştirme için ayrı bir profille yapılandırdığınıza göre, Firefox'u nihai web geliştirme aracına dönüştürmek için kullanabileceğimiz uzantılara bir göz atalım..
Web Dev Uzantıları Olmalı
Bunların hepsi web geliştirme için düzenli olarak kullandığım uzantılardır.
kundakçı
Firebug, Javascript hatalarını ayıklamak, CSS ve html görüntülemek için en güçlü eklentidir. Kod ve CSS'de dinamik değişiklikler yapabilir ve Ajax kodunuzda hata ayıklamak için kullanabilirsiniz. Bu gerçekten orada en iyi uzatma.
Web Geliştirici Uzantısı
Çalışan x yılların en iyi eklentilerinden biri. Bu, herhangi bir geliştirici için sahip olması gereken bir şeydir, ancak bunu zaten duydunuz.
Aardvark Uzatma
Bu uzantı, sayfadaki öğeleri ve atanmış sınıf / kimliklerini size kolayca gösterecek olan çok hafif bir uzantıdır. Bir eleman için hızlı bilgiye ihtiyaç duyduğunuz zamanlar için web geliştirici uzantısından daha kullanımı kolaydır. Sayfadaki öğeleri kaldırmak için de kullanabilirsiniz.
Colorzilla
Renkleri kolayca seçin. Stil sayfasında bir yere gömülü renkleri bulmaktan daha fazla acı yok.
Kaynağı Görüntüle
Kaynağı farklı uygulamalarda açmak için birden fazla görünüm kaynağı profili ayarlayabilirsiniz..
HTML Doğrulayıcı
Bu uzantı, sayfanızın HTML'sini kolayca doğrulamanızı ve Kaynağı Görüntüle paneline yüklenmesini sağlar.
Araba tamircisi
Tam olarak bir web geliştirici uzantısı değil, ancak Greasemonkey harika, yalnızca yaygın olarak gerçekleştirilen eylemleri otomatikleştirme yeteneği için değil, web geliştiricileri için harika bir zaman tasarrufu..
Onu ölçmek
Bu uzantı ile ekrandaki mesafeyi kolayca ölçün. Bir alanı ölçtükten sonra, karşılaştırma olarak kullanmak için dikdörtgeni ekranın etrafına sürükleyebilirsiniz..
IE Görünümü / IE Sekmesi / OperaView / FirefoxView / Safari Görünümü / IE View Lite
Bu uzantılar (seçiminizi yapın) mevcut sayfayı farklı tarayıcılarda kolayca görüntülemenizi sağlar. IE Sekmesi, eğer bu kadar eğimli olsaydı, IE'yi bir sekmenin içinde çalıştırmanıza bile izin verir..
Önbelleği Temizle Düğmesi
Önbelleği temizler. Özellikle yeni CSS değişikliklerini kontrol etmek için kullanışlıdır.
Firefox'u yeniden başlatın
Firefox'u Yeniden Başlat uzantısı, tüm sekmeleri ve oturumları bozulmadan Firefox'u kapatıp yeniden başlatmak için çok kullanışlıdır.
Tab Mix Plus
Tab Mix Plus eklentisi genel olarak harika bir eklentidir, ancak web geliştiricileri için temelde yararlı birkaç özelliğe sahiptir: Sekmeyi Kopyala ve Sekme URL'sini Kopyala.
YSlow
YSlow eklentisi, sayfanızı analiz edecek ve nerede hata yaptığınızı size söyleyecek olan Yahoo’nun yeni bir uzantısıdır. Hatta sitenizin performansı konusunda size bir not verecek. Sağ alt köşedeki küçük göstergeyi göreceksiniz… bu, sayfanızın toplam boyutunu ve yükleme süresini gösterir. Çok faydalı bir uzantı, ancak Firebug uzantısını gerektiriyor.
Kukla Lorem Ipsum
Dummy Lipsum jeneratör uzantısı, sitenize sahte içerik yerleştirmek için çok faydalı olan ünlü Lorem Ipsum metnine dayanarak sizin için sahte içerik oluşturur.
Screengrab!
Screengrab uzantısı, sayfaların ekran görüntülerini almanıza izin verir, ancak normal bir ekran görüntüsü alma aracının yapamayacağı bir şey yapabilir - yalnızca görüntülenebilir kısmı değil tüm sayfanın görüntüsünü alabilir.
Kullanabileceğiniz tonlarca başka uzantı var, ancak bunlar gördüğüm her şeyin en iyileri. Düzenli olarak kullandığınız başka bir uzantınız varsa, yorumlarda bir açıklama bırakın..
Bu noktada, şimdi Firefox'u nihai web geliştirme aracına dönüştürdünüz. Firebug'un özellikle nasıl kullanılacağını öğrenmek için zaman ayırın.