Web geliştiricilerinin işine yarayacak 20 bookmarklet (web aparatı)

Webde uygulama geliştirirken genelde Firefox kullanıyorum. Geliştirme sürecinde de diğer tarayıcılarla uygulamayı test edip gereken önlemleri alarak tüm tarayıcılarda aynı sonucu alacak şekilde uygulama geliştirmeye çalışıyorum. Bu süreçte en çok baş ağrıtan tabii ki Internet Explorer oluyor. Bir tarafta test ettiğim dört tarayıcı (Firefox, Chrome, Opera, Safari) diğer tarafta Internet Explorer sürümleri (IE 6, IE 7, IE 8). Sağolsun Microsoft, peşpeşe çıkan iki sürüm bile birbirini tutmadığından ve piyasada kullanım oranları hiçe sayılamayacak düzeyde olduğundan, bir de böyle sancılı bir süreç ortaya çıkıyor.

Geliştirme sürecinde Firefox kullanmak çok büyük rahatlık. Web Developer araç çubuğu ve Firebug neredeyse tüm ihtiyaçları karşılıyor. Diğer tarayıcılarda ise bu iki eklentinin getirdiği rahatlığı yakalayabilmek bir kaç ekstra aparat kullanmam gerekiyor. Asıl ismi Bookmarklet olan bu kavram için malesef güzel Türkçemizde doğru bir karşılık yok ya da ben bilmiyorum. Ben web aparatı ya da kısaca aparat demeyi tercih ediyorum.

Bu yazımda sizlerle hem bu geliştirme aparatları hem de webde kullandığım diğer bir kaç aparattan bahsedeceğim. Kullanmak istediğiniz aparatı sık kullanılanlara/yer imlerine ekleyerek ya da sürükle bırak yaparak adres çubuğunuza yerleştirerek kolayca kullanabilirsiniz.

WTFramework
Bir web sitesinde, kullanılan JavaScript çatısı hakkında bilgi verir.

Aparatın web sitesi
WTFramework

Readability
Herhangi bir web sayfasında gezerken, aparatı kullandığınızda, sadece metne odaklanarak ve tercihlerinize göre sayfadaki metni daha okunabilir hale getiriyor. Aşağıdaki aparat benim tercihlerim olan, e-kitap, küçük karakter boyutu ve geniş metin alanı seçenekleriyle oluşturulmuştur. Web sitesinden siz de tercihlerinize göre aparatı ayarlayabilirsiniz.

Aparatın web sitesi
Readability

jQuerify
jQuery kütüphanesi kullanılmamış bir web sayfasına istemci tarafından jQuery yükleyerek, Firebug vb eklentiler ile sayfada jQuery kodları çalıştırabilmenize olanak sağlar.

Aparatın web sitesi
jQuerify

Firebug Lite
Firebug eklentisi yüklü olmadığı ya da desteklenmediği durumlarda, sayfaya istemci tarafından Firebug Lite yüklenmesini sağlayarak, bir çok Firebug özelliğini kullanabilmenize olanak sağlar.

Aparatın web sitesi
Firebug Lite

XRAY
Adından da anlaşılabileceği gibi, sitenin röntgenini çekmenize olanak sağlar. XRAY’i aktif hale getirdikten sonra sayfa üzerindeki elemanlara tıklayarak, haklarında daha detaylı bilgi alabilmenize olanak sağlar.

Aparatın web sitesi
XRAY

W3C Markup Validation
Herhangi bir web sayfasında gezinirken, ilgili web sayfasının World Wide Web Consortium web standartları testinden girmesini sağlar.

W3C Markup Validation

W3C CSS Validation
Herhangi bir web sayfasında gezinirken, ilgili web sayfasının World Wide Web Consortium CSS standartları testinden girmesini sağlar.

W3C CSS Validation

BuiltWith
Gezindiğiniz web sitesi ile ilgili bir çok bilgiye ulaşabilmenize olanak sağlar.

Aparatın web sitesi
BuiltWith

TinyURL
TinyURL servisini kullanarak gezindiğiniz sayfanın adresini kısaltabilmenize olanak sağlar.

Aparatın web sitesi
TinyURL 1

Bir diğer TinyURL aparatı

Aparatın alternatif web sitesi
TinyURL 2

View cookies
İlgili web sayfası için tarayıcınızda saklanmış çerezleri gösterir.

View cookies

Acronym Lookup
Herhangi bir kısaltmanın açılımını sorgular.

Aparatın web sitesi
Acronym Lookup

View Passwords
Gezindiğiniz web sayfasında yer alan parola alanlarına girilmiş parolaları göstermek için kullanılır.

Aparatın web sitesi
View Passwords 1
View Passwords 2

Wave – Web Accesibilty
Gezindiğiniz web sayfasının Wave adı verilen web erişilebilirliği aracı ile test edilmesini sağlar.

Aparatın web sitesi
Wave – Web Accesibilty

Accessify
Bir başka erişilebilirlik aparatı

Aparatın web sitesi
Accessify

Go to Top of Domain
Bir web sayfasında gezinirken kolay yoldan ilgili web sitesinin kök adresine gitmenize olanak sağlar.

Go to Top of Domain

Wikipedia Lookup
Seçili metni Wikipedia’da arar.

Wikipedia Lookup

Spry Medias Design Bookmarklet
Gezindiğiniz web sayfası için, bir çok özelliğe sahip, Design isimli aracı yükleyerek aktif hale getirir.

Aparatın web sitesi
Spry Medias Design Bookmarklet

Slayer Office Favelet Suite
DOM inceleme, değiştirme, vb bir çok araca sahip bir paket uygulamayı yükleyerek, kullanıma hazır hale getirir.

Aparatın web sitesi
Slayer Office Favelet Suite

Anti No Right Click
Sağ tuş engellemesi olan sayfalarda, bu sinir bozucu engeli ortadan kaldırır.

Aparatın web sitesi
Anti No Right Click

View Dom Source
Gezindiğiniz web sayfasının DOM kaynağını ekrana getirir.

View Dom Source