Anasayfa » nasıl » Ultimate Firefox Web Geliştirme Profilini Oluşturun

    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.