Firebug'u Büyük Tarayıcılara ve iOS Aygıtlarına Kurma Rehberi

Firebug, web sayfası öğesini incelemek, hata ayıklamak ve web sayfaları geliştirmek için harika araçlara sahip bir Firefox eklentisidir. Bununla birlikte, bu araçları Firefox’un dışındaki diğer tarayıcılarda da kullanamazsınız..

Diğer tarayıcılar için benzer bir aracın geliştirilmesi zor olabilir ancak herkesin tercih ettiği tarayıcılara sahip olduğunu göz önünde bulundurarak Firebug'un diğer tarayıcılarda da çalışmasını sağlayabilmeniz çok yardımcı olacaktır..

İşte Firebug Lite ihtiyaçlarınızı çözmek için buraya geliyor. Firebug Lite, Firebug'un daha basit bir versiyonudur, ancak benzer seçenek ve özellikleri korurken IE, Opera, Chrome, Safari, iPad ve iPhone'da kullanılabilir..

Firebug Lite'ı Opera, Safari ve Chrome'a ​​Kurmak

Firebug Lite ile herhangi bir kurulum gerekli değildir. Java Script ile yazılmış bir Firebug Lite bağlantısını favorilerinize ekleyebilirsiniz ve sayfa incelemesi için hazır olacaktır. Yani yapmanız gereken şey aşağıdaki bağlantıyı basitçe işaretlemektir (bağlantıyı tarayıcınızın yer imi çubuğuna da sürükleyebilirsiniz).

Firebug Lite

Chrome tarayıcı kullanıyorsanız, yer imi çubuğunuz görünür durumda ise, yer imi aşağıdaki gibi görünmelidir..

İşte bu, Firebug Lite'ınız şimdi kullanmanız gerektiğinde çalışmalıdır..

Firebug Lite'ı Opera, Safari ve Chrome'da Kullanma

Artık neredeyse tüm web sayfalarını incelemek için Firebug Lite'ı kullanabilirsiniz. Bu örnek için Wikipedia.org kullanacağız..

Web sayfası yüklendiğinde, daha önce kaydettiğiniz Firebug Lite yer işaretini tıklayın; web sayfasının altında bir konsol kutusu görünecektir..

Eğer kapanırsak, sayfanın sol altında göreceğiniz şey budur..

Şimdi birçok çizginin başlangıç ​​noktasında (+) ve (-) işaretlerini görebilirsiniz. (+), Tek bir html çizgisinin altında daha fazla satır olduğu anlamına gelir ve çizgiyi vurgularsanız, sayfanın hangi bölümünü temsil ettiğini göreceksiniz..

Ancak herhangi bir metin, fotoğraf, bağlantı veya web sayfasındaki diğer herhangi bir öğenin temsil ettiği çizgileri bulmayı kolaylaştırmak istiyorsanız, 'Denetle' düğmesini tıklayın..

Artık fare imlecinizi web sayfasındaki öğelerin herhangi bir yerine getirebilirsiniz ve html satırının vurgulandığını göreceksiniz. Bu, bazı incelemeler yapmanızı kolaylaştırır.

Firebug Lite'ı iPad & iPhone'a Kurma

Yer imleri iPad ve iPhone ile gerçekten iyi gitmiyor. Firebug Lite'ın iPad ve iPhone'da yüklü olması için, işte size:

1. Bu sayfayı iPad'inizde veya iPhone'unuzda işaretleyin.

   

2. Yer işaretini "Firebug" olarak yeniden adlandırın.

   

3. Aşağıdaki tüm komut dosyasını seçin ve kopyalayın.

   JavaScript (fonksiyonu (F, I, R, E, b, u, G, L, I, T, E) halinde (F.getElementById (b) ') geri dönüş, E = K [i + 'Ns'] && F. ? documentElement.namespaceURI; E = F [i + 'Ns'] (E, 'script'): F [i] ( 'script'); D [r] ( 'kimlik', b) 'e [r] ( D [r] (b, u); (F [e] ( 'baş') 'kaynak', I g + T) + [0] || İ [e] ( 'vücudun) [0]). appendChild (E) E = yeni% 20Image; D [r] ( 'kaynak', I, L +);) (belge 'createElement', 'setAttribute', 'getElementsByTagName', 'FirebugLite', '4', 'firebug-lite.js', 'bültenleri / lite / son / deri / xp / sprite.png', 'https: //getfirebug.com/','#startOpened');

4. Yer imi seçeneğine gidin ve "Düzenle" ye basın. Ardından "Firebug" yer işaretini seçin.

   

5. Orijinal URL'yi çıkarın ve yer imini yapıştırın.

   

6. Seçmek “tamam” klavyede.

Şimdi, herhangi bir web sitesini açmayı ve "Firebug" yer işaretini seçmeyi denediğinizde iPad ekranınızın altında çalışan bir Firebug göreceksiniz..

Sonuç

Firebug Lite, hızlı sayfa incelemesi yapacak kadar iyidir. Html, css ve web sayfasını oluşturmak için kullanılan herhangi bir betiği görüntüleyebilirsiniz. Chrome'un kendi Web Geliştirici uzantısına sahip olmasına rağmen, Firebug Lite bir mil kadar hayal kırıklığına uğratmıyor.