G+ OT

Geliştiriciler için Yeni Bir Evrak Çantası

Yazan: zahek | 15 Kasım 2011 | Dragonfly Eklenti Geliştirici HTML5 147

Geliştiricilere yönelik güzel bir eklenti tanıtmak istiyoruz sizlere. Birçok araç elinizin altında olacak…

Opera Tarayıcı kullanana bir web geliştiricisi elbette Opera Dragonfly‘ı kullanarak istediği her şeyi yapabilir fakat kimi zaman insanlar daha pratik yollara başvurarak aynı şeyleri bir eklenti ya da bir web servisi üzerinden de yapmak isteyebiliyor. Bugün sizlere yardımı olacağını düşündüğümüz bir eklentiyi tanıtmak istiyoruz.

Eklentimizin ismi Developer Briefcase (yani Geliştirici Evrak Çantası). Eklenti ile yapabilecekleriniz ise aşağıdaki gibidir.

  • Sayfadaki elemetlerin ID ve Class isimlerini kontrol edebilirsiniz.
  • Sayfadaki DIV elementlerini ön plana çıkarabilirsiniz.
  • Sayfadaki herhangi yeni bir HTML5 elementini ortaya çıkarabilirsiniz.
  • Sayfadaki tüm elementleri kolayca vurgulayabilir ve eski haline geri getirebilirsiniz.
  • Sayfadaki resimlerle ilgili kodları inceleyebilirsiniz.
  • Sayfa boyutunu görebilirsiniz.
  • Site geçerliliğini kontrol edebilirsiniz.
  • Sayfayı Opera Mini Simülatörü‘nde görüntüleyebilirsiniz. (Bu özellik çok güzel)
  • Sayfa adresinizi kısaltabilirsiniz (TinyURL ya da Bitly)
  • Sayfanın şablonsuz nasıl görüntülendiğine bakabilirsiniz.
  • Sayfa sorgulaması ve Alexa sorgulaması yapabilirsiniz.
  • ve çok daha fazlası…
Eklentiyi yükledikten sonra açık olan sayfaları yenilemeyi unutmayın. Aksi taktirde eklenti doğru çalışmayacaktır.

 

Eklentiyi İndirin 

 

Şüphesiz Opera Eklenti Kataloğu‘nda geliştiricilere yönelik birçok eklenti daha bulabilirsiniz fakat sizler için yararlı olduğunu düşündüğümüz eklentileri sizlerle paylaşmak istedik…

  • YSlow :  Bu web sayfası aracılığı ile web sayfalarını kontrol ederek site performansını test edebilir ve birçok tavsiye edinebilirsiniz.
  • Layers :  Sayfadaki elementleri katmanlar halinde göstermeye yardımcı oluyor. Hangi element nerede başlayıp nerede bitiyor nasıl birbiri ile etkileşiyor, vb…
  • Edit the page :  Bu eklenti bir çeşit WYSIWYG editörüdür. Aktifleştirildiğinde bulunulan web sayfası içerinde değişiklik yapmanıza olanak verir.
  • ShowIDs :  Sayfadaki elementleri vurgulamanıza ve tanımlanıza yardımcı olur.
  • QMeasure :  Bir çeşit ölçü aleti. Web sayfalarındaki herhangi bir şeyi ölçmenize yardımcı olur .(Çok kullanışlıdır.)
  • Resize Me:  Bulunulan sayfanın yeniden ölçeklendirilmesini sağlamaktadır.
  • HTML5 outliner : Sayfadaki HTML5 elementelerini tanımlamanıza yardım eder.
  • Readable Javascript :  Sayfadaki JavaScript kodlarını renklendirerek daha kolay okunabilir hale getirir.

 

 

  • Tanaydin Sirin

    eklentiye https://addons.opera.com/en/addons/extensions/details/the-developer-briefcase/1.1/ adresinden ulaşabilirsiniz. yazıda eklenmemiş sanırım.

    • Anonim

      Hatırlatma için teşekkürler. Gözden kaçmış :)  
      Yazı güncellendi.