24Aug
Doğru yapılandırıldığında, Firefox, üzerinde çalışmakta olduğunuz sayfaya doğrudan erişmenizi sağlayan nihai web geliştirme aracı haline gelebilir, böylece sayfanızı gerçek zamanlı olarak stil oluşturabilir, javascript hata ayıklayabilir veya html düzenleyebilirsiniz.
Web Geliştirme
için Ayrı Profil Oluşturun Bu geliştirme araçlarının tümünü yüklemek, Firefox'u çok ağır bir tarayıcı yapacaktır, bu nedenle öncelikle Firefox için yeni bir profil oluşturmalısınız.
Bu bağımsız değişkenlerle yeni bir kısayol oluşturarak, profilinizin adıyla WebDev'i değiştirerek, normal profilinizle aynı anda ayrı bir profil çalıştırabilirsiniz. Bunun nasıl yapılacağı konusunda daha ayrıntılı bir açıklama da var.
firefox.exe -P WebDev -no-remote
Web geliştirme için sadece ayrı bir profille yapılandırılmış Firefox'unuza kavuştuğunuza göre, Firefox'u nihai web geliştirme aracı haline getirmek için kullanabileceğimiz uzantılara bir göz atalım.
, Web Dev Uzantılarına Sahip Olmalıdır
Bunlar, web geliştirme için düzenli olarak kullandığım tüm uzantılardır.
Firebug
Firebug, javascript hata ayıklama, CSS ve html görüntüleme için en güçlü uzantıdır. Kodu ve CSS'yi dinamik olarak değiştirebilir ve Ajax kodunuzu hata ayıklamak için kullanabilirsiniz. Gerçekten orada en iyi uzantı.
Web Developer Uzantısı
x yıldır çalışan en iyi uzantılardan biridir. Bu herhangi bir geliştiricinin sahip olması gereken bir şey ama zaten duymuşsunuzdur.
Aardvark Uzantısı
Bu uzantı, sayfadaki öğeleri ve atanan sınıf / kimliklerini kolayca gösterecek çok hafif bir uzantıdır. Bir öğe için hızlı bilgiye ihtiyaç duyduğunuz zamanlar için web geliştirici uzantısından daha basittir. Ayrıca öğeleri sayfadan kaldırmak için de kullanabilirsiniz.
Colorzilla
Renkleri kolayca seçin. Bir stil sayfasında bir yere gömülü renk bulmanın acısı artık yok.
ile Kaynağı Görüntüle Kaynağı farklı uygulamalarda açmak için birden çok görünüm kaynağı profili ayarlayabilirsiniz.
HTML Validator
Bu uzantı, sayfanızın HTML'sini kolaylıkla doğrulamanıza izin verir ve Kaynağı Göster paneline yükler.
Greasemonkey
Tam olarak bir web geliştirici uzantısı değil, ancak Greasemonkey, web geliştiricileri için büyük bir zaman kazandıran, sıklıkla gerçekleştirilen işlemleri otomatikleştirme becerisi açısından harika.
Ölçü
Bu uzantı ile ekrandaki mesafeyi kolayca ölçebilirsiniz. Bir alanı ölçtükten sonra, karşılaştırma olarak kullanmak için dikdörtgeni ekranın etrafında sürükleyebilirsiniz.
IE Görünüm / IE Tab / OperaView / FirefoxView / Safari Görünümü / IE Görünüm Lite
Bu uzantılar( seçiminizi yapın) sayesinde mevcut sayfayı farklı tarayıcılarda kolayca görüntüleyebilirsiniz. Eğilimli olsaydınız, IE Tab bile IE'yi bir sekmede çalıştırmanıza izin verir.
Önbellek Temizle Düğmesi
Önbelleği temizler. Yeni CSS değişikliklerini kontrol etmek için özellikle kullanışlıdır.
Firefox'u Yeniden Başlat
Restart Firefox eklentisi, tüm sekmeleri ve oturumları bozmadan Firefox'u kapatmak ve yeniden başlatmak için çok kullanışlıdır.
Tab Mix Plus
Tab Mix Plus uzantısı genel olarak mükemmel bir uzantıdır, ancak web geliştiricileri için temelde kullanışlı birkaç özellik içermektedir: Sekmesi Çoğalt ve Sekme URL'si Kopyala.
YSlow
YSlow uzantısı, Yahoo'yu sayfanızı analiz edip size nerede hata yaptığınızı söyleyecek yeni bir uzantısıdır. Hatta, sitenizin performansıyla ilgili bir derece de verir. Sağ alt köşedeki küçük göstergeyi göreceksiniz. .. size sayfanızın toplam boyutunu ve yükleme süresini bildiriyor.Çok kullanışlı bir uzantı, ancak Firebug uzantısı gerektiriyor.
Kukla Lorem Ipsum
Dummy Lipsum jeneratör uzantısı, sitenizde sahte içerik hazırlamak için çok faydalı olan ünlü Lorem Ipsum metnini temel alarak sizin için kukla içeriği üretir.
Screengrab!
Screengrab uzantısı, sayfaların ekran görüntülerini almanıza izin verir, ancak düzenli ekran görüntüsü aletinin yapamayacağı bir şey yapabilirsiniz - yalnızca görüntülenebilir kısmı değil, sayfanın tamamını görüntüleyebilir.
Kullanabileceğiniz diğer ton uzantılar 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 söz bırakın.
Bu noktada, şimdi Firefox'u nihai web geliştirme aracına dönüştürdünüz.Özellikle Firebug'u nasıl kullanacağınızı öğrenmek için zaman ayırın.