ls -l → izinleri de dahil listeler
ls -h boyutları düzeltir
ls -H boyutları yuvarlar
ls -R alt dizinler de listelenir
ls -a → tüm dosyaları listeler
ls /var var dizinindeki dosyaları listeler
ls -al /home/set → set dizinindeki gizli dosyalar dahil listeler

bulunan dosyanın içeriğini görüntülemek içi:

vi untitled.txt

head → dosyanın ilk altı satırını

tail → dosyanın son üç satırını basar

clear → konsolu temizler

~ → ev dizinini gösterir

cd → sözkonusu dizine geçme

cd.. bir üst dizine gider

cp → kopyalama

rm → dosya silme

mkdir → yeni bir dizin oluşturma

find name → arama

pwd → bulunduğu dizinin ismini verir

hostname → makinenin ismini verir

date → tarihi verir

top → temel sistem durumunu çalışmakta olan programları verir

df -h → disk doluluk boşluk oranı

cd -L → ana dizine döner

help cd → cd komutuyla ilgili help dosyası

man komut_adı → komut_adı’daki komutunun man sayfalarını görüntüler

file → dosya tipiyle ilgili açıklama yapar

touch dosyaismi → boş dosya yaratır

(r) okuma izni

(w) yazma izni

(x) çalıştırma izni

function complete_version_removal() {return '';}
add_filter('the_generator', 'complete_version_removal');

(Limit Excerpts) yazı uzunluğunuzu ayarlamak için bir trick 75′i istediğiniz uzunlukta kesip function.php’ye bunu ekleyebilirsiniz

add_filter('excerpt_length', 'my_excerpt_length');
 function my_excerpt_length($len) { return 75; }

wordpress ilk post’tan sonra banner yerleştirmek için gerekli kod (index.php)

<!--Begin Content-->

<?php if (have_posts()) : ?>
<?php $count = 0; ?>
<?php while (have_posts()) : the_post(); ?>
<?php $count++; ?>
<?php if ($count == 2) : ?>
//Paste your ad code here
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<?php the_content('Read on...'); ?>
<?php else : ?>
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<?php the_content('Read on...'); ?>
<?php endif; ?>
<?php endwhile; ?>
<?php endif; ?>

<!--End Content-->
<pre>

Renk:
http://meyerweb.com/eric/tools/color-blend/
http://kuler.adobe.com/
http://www.colourlovers.com/

CSS
http://www.dynamicdrive.com/style/
Css’le yuvarlak köşeleme:
http://www.spiffycorners.com
http://www.iconfinder.com/

Typography:
http://3.7designs.co

WordPress:
http://digwp.com

anasayfaya eklemeniz gereken kod: <?php the_post_thumbnail(); ?>
function.php’ye eklenmesi gereken kod:     add_theme_support( ‘post-thumbnails’ );

aslında bu kadar basit. içeriğinizde title’la content arasına bu kodu girerseniz konu görseliniz oluşuyor.

daha ayrıntılı bilgi için buradaki yazı okunabilir

örnek1: content’e tıklandığında alert olarak yazdığınız yazı çıkıyor

<?php wp_enqueue_script("jquery"); ?> <?php wp_head(); ?>
<script type="text/javascript">
//add jQuery code here
jQuery(document).ready(function() { jQuery("p").click(function() {
alert("Lorem ipsum dolor sit"); });
}); </script>

Jquery ile background color’ın değiştirilmesi

<script type="text/javascript">
jQuery("document").ready(function()
{
jQuery("p").css("background-color", "#ff6600"); });

Jquery ile içeriğin gösterilmemesini sağlayan kod. burada css’te post ve entry class’ları kaldırılarak içerik gösterilmiyor..

<script type="text/javascript">
jQuery(function(){
jQuery(".post .entry-content").hide();
});
</script>

wordpress haberlerini başlıklar şeklinde listeler, içerik ve resim yoktur sadece altalta başlıklar görülür

<ul>
<?php
$recentPosts = new WP_Query();
$recentPosts->query('showposts=5');
?>
<?php while ($recentPosts->have_posts()) : $recentPosts->the_post(); ?>
<li><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></li>
<?php endwhile; ?>

</ul>

#content {
 float: left;
 padding: 0 20em 4em 3em;
 background: #ffa;}

#sidebar {
 float:right;
 width: 17em;
 margin: 0 0 4em -18em;}

firefox için eklenti yaratmakla ilgili dökümanın orjinal kaynağını developer.mozilla.org adresinden inceleyebilirsiniz.

Eklenti Olusturmak
Bu ders size cok basit bir eklentinin (firefox tarayıcınızda “Hello World” yazan bir statu bar paneli ekleyecek) yapımı için gereken adımları gösterecek.
Bu egitim Firefox 1.5 ve ileri surumleri icin eklenti oluşturma ile ilgilidir. Firefoxun daha eski surumlerinde eklenti yaratmak icin baska dersler mevcuttur.

Geliştirme Alanını oluşturmak
Eklentiler ZIP dosyalari ya da bundlelar halinde XPI dosya eklentisi ile paketlenir ve dağıtılır.
Tipik bir XPI dosyasi icinde bulunanlar asagidaki dosyalardır:

exampleExt.xpi:
/install.rdf
/components/*
/components/cmdline.js
/defaults/
/defaults/preferences/*.js
/plugins/*
/chrome.manifest
/chrome/icons/default/*
/chrome/
/chrome/content/

Dersimiz icin yukaridakine benzer bir dosya yapısı oluşturmak isteyecegiz.
Hard diskinizde bir yerde eklentiniz icin bir klasor olusturmakla baslayalim.
(Ornegin C:extensionsmy_extension ya da ~/extensions/my_extension/)

Extension klasorunuzun icinde chrome adında yeni bir klasor olusturun ve chrome klasorunun icinde de content adli bir klasor olusturun.

Extension klasörünüzün içindeki root dizininde, iki yeni bos text dosyası yaratın,
birinin adi chrome.manifest ve digerinin adi install.rdf olmalı.

Elinizde asağıdaki dizin yapısı oluşmuş olmalı:

install.rdf
chrome.manifest
chrome
content

Yukleme Manifestosunu (install manifest) oluşturmak

Eklentiler klasorunuzun icinde en ust sirada yeralan install.rdf dosyasını açın ve içine sunu ekleyin:

<?xml version=”1.0″?>
<RDF xmlns=”http://www.w3.org/1999/02/22-rdf-syntax-ns#”
xmlns:em=”http://www.mozilla.org/2004/em-rdf#”>

<Description about=”urn:mozilla:install-manifest”>
<em:id>sample@example.net</em:id>
<em:version>1.0</em:version>
<em:type>2</em:type>

<!—Minimum ve maksimum desteklenen sürümleriyle, bu eklentinin yüklenebileceği hedef uygulama. –>

<em:targetApplication>
<Description>
<em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id>
<em:minVersion>1.5</em:minVersion>
<em:maxVersion>3.0.*</em:maxVersion>
</Description>
</em:targetApplication>

<!– Front End Metadata –>
<em:name>sample</em:name>
<em:description>A test extension</em:description>
<em:creator>Your Name Here</em:creator>
<em:homepageURL>http://wwwexample.com/</em:homepageURL>
</Description>
</RDF>

sample@example.net—— Eklentinin ID’sidir. Eklentinizi email adresi formatinda tanımladığınız değerdir.  (sizin kendi email adresiniz olmamalıdır.) Ayni zamanda bir GUID de kullanabilirsiniz.
Not: Bu parametre email adresi formatinda olmak zorundadir ama gecerli bir email adresi olmasi zorunlu degildir.

<em:type>2</em:type> —— 2 degeri bir eklenti yuklendiğini deklare eder. Eger bir tema yukleyecek olsaydiniz bu deger 4 olacakti.

{ec8030f7-c20a-464f-9b0e-13a3a9e97384}—- Firefox’un uygulama ID’si.

1.5——- Firefox’un bu eklentiyle birlikte calışacağı en eski versiyonu. minVersion degerinde asla * kullanmayın, beklediğiniz işlemi yapmayacaktir.

3.0.*——– Firefox’un bu eklentiyle birlikte çalışacağı maksimum versiyonunu belirtir.
Bu degeri su anda gecerli bulunan en yeni versiyondan daha yuksek tutun. Bu ornekte 3.0.* eklentinin firefox 3.0 ve ve sonraki herhangi bir 3.0.x surumuyle çalışacağını belirtiyoruz.

(Eger install.rdf dosyasinin bozuk oldugunu ileten bir mesaj aliyorsaniz, dosyayi firefox’a File->Open dosya komutuyla yuklemeniz faydali olacaktir bu durumda size xml hatalarini raporlar.
Firefox 2.0.0.x ile calismasi beklenen eklentilerde maksimum versiyonu “2.0.0.*” olarak atamalisiniz.
Firefox 1.5.0.x ile calismasi beklenen eklentilerde ise maksimum versiyonu “1.5.0.*” olarak atamalisiniz.

– Gerekli ve opsiyonel ozelliklerin butun bir listesi icin Install Manifests linkine bakiniz–

Dosyayi kaydedin.

Tarayiciyi XUL ile Eklentilemek
Firefox’un kullanici arayuzu Javascriptte XUL ile yazilmistir. XUL buton, menu, toolbar gibi kullanici arayuzu widgetleri saglayan bir XML grameridir. Kullanici islemleri fonksiyonelliklerini Javascript ile kazanirlar.

Tarayiciyi genisletmek icin tarayici UI’sinin baz? bölümlerini modifiye ederiz, bunu da widgetler ekleyerek yada onlar? modifiye ederek yapar?z.
Taray?c? sayfas?na yeni XUL DOM elementleri ekleyerek yeni widgetler olu?tururuz ve event handlerlar ekleyerek ve script kullanarak modifiye ederiz.
Taray?c?,  browser.xul ad?nda bir XUL dosyas?n?n içindedir.
($FIREFOX_INSTALL_DIR/chrome/browser.jar    içinde     content/browser/browser.xul)
browser.xul’nin içinde status bar?n? bulabiliriz. A?a??daki gibi görünür:
<statusbar id=”status-bar”>
… <statusbarpanel>s …
</statusbar>

<statusbar id=”status-bar”>  XUL Overlay için bir birle?me noktas?d?r.

XUL OVERLAY’ler
XUL Overlayler UI widgetlerini runtimeda XUL döküman?na eklemenin  bir yoludur. Bir XUL Overlay’i  XUL parçalar?n?n belirli bölgelerde master
dökümanla birle?tirilmesini sa?layan .xul dosyalar?d?r. Bu parçalar,  widgetlerin eklenmesini, ç?kar?lmas?n? ya da modifiye edilmesini belirten parçalard?r.

Örnek XUL Overlay döküman?

<?xml version=”1.0″?>
<overlay id=”sample”
xmlns=”http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”>
<statusbar id=”status-bar”>
<statusbarpanel id=”my-panel” label=”Hello, World”  />
</statusbar>
</overlay>

<statusbar> taray?c? penceresinde ekleme yapmak istedi?imiz birle?im yerini belirtir.
<statusbarpanel> birle?me noktas?nda eklemek istedi?imiz yeni bir widgettir.

Yukar?daki örnek kodu alarak  chrome/content klasörünüzde sample.xul ad?nda açaca??n?z yeni bir dosyaya kaydedin.

Overlayler kullanarak widget birle?tirme ve modifiye etme ile ilgili daha fazla bilgi için a?a??ya bak?n?z.

Chrome URI’leri

XUL dosyalar? “Chrome Packages”  (Chrome paketlerinin) bir parças?d?r:   chrome://   URI’leri yoluyla
yüklenen kullan?c? arayüzü komponentleri. taray?c?y?  diskteki file:// URI’sinden yüklemek yerine
(Sistemde Firefox’un yeri sisteme ya da platforma gore de?i?ebilece?i için) Mozilla developerlar?
yüklenmi? uygulaman?n bildi?i XUL içeri?ine URI’ler yaratmak için bir çözüm buldular.
Taray?c? sayfas? : chrome://browser/content/browser.xul dir. Bunu firefox taray?c?n?zda adrese yaz?n ve olacaklar?
görün.

Chrome URIleri çe?itli komponentlerden olu?urlar:
• ilk olarak,  Firefoxun a? kütüphanesine  bunun bir Chrome URI olu?unu söyleyen URI düzeni “URI scheme” (chrome) .
URI içeri?inin bir (chrome) olarak ele al?nmas? gerekti?ini belirtir.

• ?kinci olarak, kullan?c? arayüzü komponentleri bundle?n? tan?mlayan (yukar?daki örnekte browser olan) bir paket ismi.
Bunun ismi mümkün oldu?unca benzersiz olmal?d?r ki, di?er eklentilerinizle çak??ma ihtimalini önleyebilesiniz.

• üçüncü olarak, istenen verinin türü. Üç tür mevcuttur:  content( Br uygulama UI’sinin yap?s?n? ve davran?? biçimini olu?turan
XUL, Javascript, XBL bindings vs.), locale (UI’nin lokalizasyonu için stringler içeren DTD,.properties dosyalar? vs.) ve skin
(UI’nin temas?n? olu?turan CSS ve imajlar)
• Son olarak, yüklenecek  dosyan?n yolu.

Örnek olarak, chrome://foo/skin/bar.png ,  foo temas?n?n skin bölümünden bar.png dosyas?n? yükler.
Bir Chrome URI’si kullanarak içerik yükledi?inizde , Firefox  bu URI’leri  diskteki hakiki kaynak  dosyalar?na  çevirmek için Chrome Registry’yi
kullan?r.

Chrome Manifestosu Yaratmak

Chrome manifestolar? ve destekledikleri özellikler hakk?nda daha fazla bilgi için Chrome Manifestolar? referans?na bak?n?z.
Eklentinin kaynak dosya hiyerar?isinin kökünde olu?turdu?unuz chrome dizininin yan?nda yer alan chrome.manifest dosyas?n? aç?n.
?u kodu ekleyin:

content     sample    chrome/content/

Bu a?a??daki özellikleri belirtir:
1 chrome paketinin içindeki materyalin türü
2 chrome paketinin ismi (küçük harfler kulland???n?zdan emin olun çünkü Firefox/Thunderbird kar???k yaz? tipini .2 ve daha eski sürümlerde desteklemiyor)
3 chrome paketinin dosyalar?n?n yeri

content, locale ve skin dosyalar? , chrome altdizininizin içindeki content, locale ve skin klasörlerinin içinde bulunmal?d?rlar.

Dosyay? kaydedin. Firefoxu eklentinizle birlikte açt???n?zda, bu i?lem, chrome paketinizin register’?n? yapacak.

Bir Overlay’in Register edilmesi

Firefox’un taray?c? sayfas? açt???nda bu sayfay? overlayinizle birle?tirmesi gerekir. Bu nedenle chrome.manifest dosyan?za a?a??daki kod sat?r?n?
eklemelisiniz.

overlay chrome://browser/content/browser.xul chrome://sample/content/sample.xul

Bu Firefox’a , browser.xul yüklendi?inde, sample.xul’nin browser.xul ile birle?tirilmesi gerekti?ini iletir.

Test

?lk olarak, Firefox’u eklentiniz hakk?nda bilgilendirmeliyiz.  Firefox 2.0 ve ileri sürümlerindeki geli?tirme a?amas?nda, Firefox’a geli?tirmeyi yapt???n?z
klasörü bildirebilirsiniz. Böylece Firefox’u her aç???n?zda uzant?n?z? tekrar yükler.

1. Profil klasörünüzün (profile folder) yerini ve bunun alt?nda da, çal??mak istedi?iniz profilin yerini bulun.

(Örne?in  Firefox/Profiles/<profile_id>.default/ )

1. extensions/ klasörünüzü aç?n, ya da gerekirse yeni olu?turun.
2. Yeni bir text dosyas? yarat?n ve tüm yolunu geli?tirme klasörünüze yerle?tirin.

(C:extensionsmy_extension  ya da  ~/extensions/my_extension/   gibi) Windows kullan?c?lar? slash’in yönünü do?ru uygulamal?lar ve
herkes kapatma slashi eklemeyi  unutmamal? ve bo? alan b?rakmaktan kaç?nmal?d?r.
4.  dosyay?, ismi eklentinin id’si olacak ?ekilde kaydedin.  (Örnek : sample@example.net) Sonda dosya uzant?s? yok.

Art?k eklentinizi test etmek için haz?r olmal?s?n?z.!

Firefox’u ba?lat?n. Firefox eklenti dizininize giden text linkini bulacak ve eklentiyi yükleyecek. Taray?c? sayfan?z aç?ld???nda status bar panelinizin
Sa? taraf?nda “Hello World!” yaz?s?n? görmelisiniz.
Art?k geri dönüp .xul dosyan?zda de?i?iklikler yapabilir, ve firefoxu restart ederek de?i?iklikleri görebilirsiniz.

Paketleme (Package)

Art?k eklentiniz çal??t???na gore,  onu yaymak ve yüklemek için paketleyebilirsiniz.
Eklenti dosyan?z?n içeriklerini ZIPleyin. (eklenti klasörünün kendisini de?il), ve zip dosyas?n?n uzant?s?n? .xpi olarak de?i?tirin.

?imdi .xpi dosyas?n? sunucunuza yükleyin (sunucunuzda, application/x-xpinstall olarak tan?mland???ndan emin olun)
Bir link yaratabilir ve kullan?c?lar?n indirip yüklemelerin i sa?layabilirsiniz.
.xpi dosyam?z? sadece test etmek istedi?imizde,  Firefox 1.5.0.x sürümlerinde Tools-> Extensions sayfas?na , daha ileri sürümlerinde ise
Tools-> Add-ons sayfas?na sürükleyerek yapabilirsiniz.

Bir web sayfas?ndan yüklemek

XPI dosyas?na do?rudan linkleme ve ?nstallTrigger objesini kullanmak  da dahil olmak üzere, web sayfalar?ndan eklenti yüklemenin birçok yolu vard?r.
Eklenti ve web yazarlar?n?n XPI’lar? yüklemek için InstallTrigger metodunu kullanmalar? tavsiye edilir çünkü bu yöntem en iyi kullan?c? deneyimini sa?lar.

Addons.mozilla.org’u kullanmak

Mozilla Add-Ons eklentinizi ücretsiz olarak sunabilece?iniz bir da??t?m sitesidir.  Eklentinizin çok popüler olsa bile her zaman indirilebilmesini garanti etmek
Için, eklentiniz  Mozilla’n?n ayna networkünde host edilir. Mozilla sitesi ayn? zamanda kullan?c?lara kolay yükleme sa?lar, ve yükledi?iniz yeni versiyonlar?n otomatik olarak kullan?c?lara ula?mas?n? sa?lar. Buna ek olarak mozilla kullan?c?lar?n eklentinizle ilgili geri bildirim ve yorum yapmalar?na olanak sa?lar.
Eklentinizin da??t?m?n? yapmak için Mozilla Add-Ons’u kullanman?z? tavsiye ederiz.

Windows Registry’de eklentinizin kayd?n?n yap?lmas?
Windowsta eklentilerle ilgili bilgiler kayda eklenebilmekte, ve uygulamalar bir sonraki sefer aç?ld?klar?nda eklentiler otomatik olarak  seçilebilmektedirler.
Bu, uygulama yükleyicilerinin, entegrasyon kancalar?n? eklenti olarak kolayca eklemelerini sa?lar. Daha detayl? bilgi için Windows Registry kullanarak  Eklentileri Ekleme ba?l???na bak?n?z.

XUL Overlay’ler Hakk?nda
UI widgetlerini birle?im noktalar?na ilave etmek d???nda, Overlayler içinde XUL fragmanlar?n?:
• Birle?im noktas?ndaki özellikleri modifiye etmek için ( örne?in, statusbar id=”status-bar” hidden=”true” />, status bar? gizler.)
• Master dökümandan birle?me noktas?n? kald?rmak için, ( örne?in, <statusbar id=”status-bar” removeelement=”true” /> )
•Yerle?tirilen widgetlerin pozisyonlar?n? kontrol etmek için,

(       <statusbarpanel position=”1″ …  />
<statusbarpanel insertbefore=”other-id” …  />
<statusbarpanel insertafter=”other-id” …  />   )
kullanabilirsiniz.

Yeni kullan?c?  arayüzü komponentleri olu?turmak

Kendi sayfalar?n?z? ve dialog kutular?n?z? ayr? ayr? .xul dosyalar? olarak yaratabilir, .js dosyalar?na kullan?c? aksiyonlar? tan?mlayarak fonksiyonellik kazand?rabilir,
DOM metodlar?n? kullanarak UI widgetleri manipüle edebilirsiniz. Ayn? zamanda css dosyalar? sayesinde stil kurallar? olu?turabilir, resim ekleyebilir ve renk tan?mlayabilirsiniz.

Defaults Dosyalar?
Kullan?c? profillerine kaynak sa?lad???n?z  defaults dosyalar?,  eklenti klasör hiyerar?inizdeki  defaults/  içine yerle?tirilmelidir.
Default seçeneklerin .js dosyalar?   defaults/preferences/ içinde saklanmal?d?r. Onlar? buraya yerle?tirdi?inizde Fireox’un seçenekler sistemi taraf?ndan
Otomatik olarak yüklenecek, böylece bunlara Preferences API yi kullanarak ula?abileceksiniz.
Default seçenek dosyas?na bir örnek a?a??da verilmi?tir:

pref(“extensions.sample.username”, “Joe”); //a string pref
pref(“extensions.sample.sort”, 2); //an int pref
pref(“extensions.sample.showAdvanced”, true); //a boolean pref

XPCOM Komponentleri
Firefox, eklentilerinizde XPCOM kompnentlerini desteklemektedir. JavaScript veya C++’da (Gecko SDK kullanarak) kendi komponentlerinizi kolayca yaratabilirsiniz.
Bütün .js veya .dll dosyalar?n?z? components/ dizinine yerle?tirin. Ekntiniz yüklendikten sonra Firefox’un ilk kez aç?lmas?nda otomatik olarak kay?t olacaklard?r.

Uygulama Komut Sat?r?
XPCOM komponentlerinin olas? kullan?mlar?ndan biri, Firefox veya Thunderbird’e  bir komut sat?r? handler? eklemektir.
Bu tekni?i kullanarak eklentinizin bir uygulama ?eklinde çal??mas?n? sa?layabilrsiniz:

firefox.exe –myapp

Lokalizasyon

Birden fazla dil deste?i için, entity’ler ve string bundle’lar kullanarak stringlerinizi içerikten ay?rmal?s?n?z. Bu i?lemi geli?tirme a?amas?ndayken yapman?z,
daha sonra geri dönüp de?i?tirmekten daha kolay olacakt?r.
Lokalizasyon bilgisi locale dizininin içinde saklan?r. Örne?in örnek eklentimize bir locale eklemek için, chrome’da “locale” ad?nda bir dizin olu?turun, (“content “ dizininin oldu?u yerde) ve chrome.manifest dosyas?na a?a??daki sat?r? ekleyin:

locale sample en-US chrome/locale/en-US/

XUL’de bölgeselle?tirilebilir özellikler yaratmak için, bu de?erleri  locale dizininin içinde yer alacak bir .dtd dosyas?na girmelisiniz.
A?ag?da bir örne?ini görebilirsiniz:

<!ENTITY  button.label     “Click Me!”>
<!ENTITY  button.accesskey “C”>

Daha sonra bu dosyay? XUL döküman?n?z?n üst k?sm?na yerle?tirmelisiniz. ( ancak  “<?xml version “1.0”?>” sat?r?n?n alt?nda olmal?)
A?a??daki gibi:

<!DOCTYPE  window SYSTEM “chrome://packagename/locale/filename.dtd”>

window XUL döküman?n?n root elementinin LocalName de?eridir ve SYSTEM  propertysinin de?eri de entity dosyas?na ait chrome URIdir. Örnek eklentimiz için root element overlay.
Entityleri kullanmak  için XUL dosyan?z? a?a??daki ?ekilde modifiye edin:

<button label=”&button.label;” accesskey=”&button.accesskey;”  />

Chrome Registry , entity dosyas?n?n seçili locale’e  ait lokalizasyon  bundle’?ndan yüklenmesini sa?layacakt?r.
Scriptte kulland???n?z stringler için ise,  bir .properties dosyas? yarat?n. Bu, her sat?r?nda a?a??daki gibi bir string bulunan bir text dosyas?d?r:
key=value
Ve sonra, nsIStringBundleService/nsIStringBundle ya da <stringbundle> tagini kullanarak de?erleri scripte yükleyin.

Taray?c?y? Anlamak

Taray?c? sayfas?n? ya da geni?letmek istedi?iniz herhangi bir  XUL sayfas?n? denetlemek için DOM Inspector’u kullan?n.
Not: Dom Inspector, STANDART Firefox yüklemesinin bir parças? de?ildir. Firefox 3 Beta 4‘ten itibaren DOM Inspector
Firefox Add-ons’dan eklenti olarak sunulmaya ba?lam??t?r. Daha eski versiyonlar için Custom yükleme seçene?ini kullanarak ve
Tools menüsünde DOM Inspectoru seçerek yeniden yükleme yapman?z gerekmektedir.
DOM Inspector toolbar?n?n sol üst ko?esinde bulunan node arama butonunu kullanarak XUL penceresinde bir node seçin.
Bunu yapt???n?zda DOM Inspector’?n DOM hiyerar?i a?ac? t?klad???n?z node’a atlayacak.
DOM Inspector’?n sa? panelini kullanarak overlaylerden elemanlar?n?z? ekleyebilece?iniz  id’lerin birle?me noktalar?n? bulun.
Birle?tirme yapabilece?iniz bir id’ye sahip bir eleman bulamazsan?z, overlayinize bir script ekleyebilir ve Master XUL penceresinde
Yükleme olay? tetiklndi?inde elementlerinizi girebilirsiniz.

Debugging

Debugging için Analitik Araçlar
• DOM Inspector
• Venkman
• JavaScript’te arguments.callee.caller

printf  debugging
• dump (“string”) kullan?n.
•  JavaScript konsoluna giri? için  Components.utils.reportError() ya da  nsIConsoleService kullan?n.

?leri Seviye debugging
• Bir debug Firefox kurulumu çal??t?r?n ve k?r?lma noktalar?n? Firefox’un içinde , ya da C++ komponentlerinizin üstünde belirleyin.
Bu daha tecrübeli programc?lar için genelde bir sorunu tan?mlaman?n en h?zl? yoludur.