Web geliştirme için Chrome Uzantıları

27 Mayıs 2020, Perşembe

Chrome Geliştirici Araçları, Chrome'da HTML, JavaScript ve CSS hatalarını ayıklamak için mükemmel bir seçenektir. Chrome Web Mağazası için bir web sayfası, hatta web uygulaması yazıyorsanız doğrudan mevcut sayfayı kullanarak DOM'daki öğeleri inceleyebilir, canlı JavaScript hatalarını ayıklayabilir ve CSS stillerini düzenleyebilirsiniz. Uzantılar, tarayıcınızdan kolayca erişebileceğiniz ek özellikler sağlayarak Google Chrome'u daha da iyi bir web geliştirme ortamı haline getirebilir. Sizin gibi geliştiricilere yardımcı olmak amacıyla web geliştirme için uzantılar içeren bir sayfa oluşturduk. Web için uygulamalar ve siteler oluştururken bu uzantıların sizin açınızdan faydalı olacağını umuyoruz.

speed tracer chrome uzantısı

Örneğin Speed Tracer, web uygulamalarınızdaki performans sorunlarını tanımlamanıza ve düzeltmenize yardımcı olan bir uzantıdır. Speed Tracer ile uygulamanızın neresinde zaman harcandığı konusunda daha iyi bir fikir edinip JavaScript ayrıştırma ile yürütme, CSS stili ve daha pek çok konuyla ilgili sorunları giderebilirsiniz.

resolution tester chrome uzantısı

Web geliştiricilerinin farklı ekran çözünürlüklerinde web sitelerini önizleyebilmeleri için tarayıcı penceresinin boyutunu değiştiren Resolution Test de yararlı bir başka uzantıdır. Bu uzantıda, yaygın olarak kullanılan çözünürlüklerin listesine ve kendi çözünürlüğünüzü girebileceğiniz özel bir seçeneğe de yer verilmiştir.

web developer chrome uzantısı

Web Developer uzantısıyla araç çubuğuna eklenen tek bir düğmeden doğrulama seçenekleri, sayfayı yeniden boyutlandırma ve CSS öğesi görüntüleyici gibi ilave geliştirici araçlarına erişebilirsiniz.

chrome editor chrome uzantısı

Tarayıcınızda kolayca kod yazmanızı sağlayan Chrome Editor da göz atmanız gereken uzantılar arasında yer alıyor. Bu uzantı sayesinde tarayıcınız ile kod düzenleyici arasında geçiş yapmak zorunda kalmadan tarayıcınızın içinde kolayca kod yazabilirsiniz. Ayrıca, bilgisayarınıza yerel olarak kaydedeceğiniz kod referanslarını daha sonra kullanmanıza da imkan sağlar.

Bunlar, web geliştirme için uzantılar sayfamızda bulabileceğiniz uzantılardan yalnızca birkaçıdır. Uzantılar galerisinde daha fazlasını bulabilirsiniz.