Bu eğitim sadece Mac OS X veya Windows işletim sistemlerinde Firefox Web tarayıcısını çalıştıran kullanıcılar içindir.
Firefox, entegre Web ve hata konsolları ve kod denetçisi dahil olmak üzere geliştiriciler için kullanışlı bir araç seti içerir. Ayrıca, tarayıcının Web geliştirme paketinin bir parçası, programcıların JavaScript'leriyle oyuncak yapmasına ve bir Firefox penceresinden sağdan yürütmesine olanak tanıyan bir araç olan Scratchpad'dir. Scratchpad'in basit arayüzü, JavaScript geliştiricileri için oldukça uygun olabilir. Bu adım adım eğitici, alete nasıl erişileceğini ve JS kodunuzu oluşturmak ve iyileştirmek için nasıl kullanacağınızı öğretir.
Öncelikle Firefox tarayıcınızı açın. Tarayıcı pencerenizin sağ üst köşesinde bulunan ve üç yatay çizgi ile temsil edilen Firefox menü düğmesine tıklayın. Açılır menü belirdiğinde, Geliştirici seçeneğini seçin. Bir alt menü şimdi görünmelidir. Bu menüde bulunan Scratchpad'i tıklayın. Bu menü öğesinin yerine aşağıdaki klavye kısayolunu kullanabileceğinizi unutmayın: SHIFT + F4
Scratchpad şimdi ayrı bir pencerede görüntülenmelidir. Ana bölüm, bazı kısa talimatlar ve ardından girişiniz için ayrılmış boş bir alan içerir. Yukarıdaki örnekte, sağlanan alanda bazı temel JavaScript kodlarını girdim. Bazı JavaScript kodlarını girdikten sonra, aşağıdaki seçenekleri içeren Execute menüsüne tıklayın.
- Çalıştır: Bu seçenek, Scratchpad penceresinde seçilen kodu yürütür. Bu menü öğesi için klavye kısayolu, Windows'ta CTRL + R ve Mac OS X'te COMMAND + R'dir .
- İnceleme: Bu seçenek seçilen kodu yürütür ve ayrıca döndürülen belirli bir değer üzerinde nesne denetçisinin bir örneğini açar. Bu belirli bir nesneyi incelemenizi sağlar. Bu menü öğesi için klavye kısayolu, Windows'ta CTRL + I ve Mac OS X'te COMMAND + I'dir .
- Ekran: Bu seçenek seçili kodu yürütür ve sonucu doğrudan editör penceresinde gösterir. Bu menü öğesi için klavye kısayolu, Windows'ta CTRL + L ve Mac OS X'te COMMAND + L'dir .