30Jun

Web Sitesi Yapılarını 3D Olarak Görüntülemek İçin Firefox'un Web Geliştirici Araçlarını Kullanma

Firefox 11, Firefox'un zaten etkileyici cephaneliğine iki yeni web geliştirici aracı ekledi. Tilt özelliği, web sitesi yapılarını 3D olarak görselleştirirken, Stil Editörü CSS stil sayfalarını anında düzenleyebilir.

Tilt olarak bilinen 3D özelliği, bir web sitesinin DOM'sunu görselleştirmenin bir yoludur. Mevcut Doküman Müfettişiyle bütünleşir ve tarayıcınızda zengin 3D grafikleri görüntülemek için WebGL'yi kullanır.

Tilt - 3D Web Görselleştirme

Tilt'e Firefox'un Sayfa Müfettişinden erişebilirsiniz. Başlamak için Web Developer menüsünden "Inspect" i seçerek Sayfa Müfettişini açın. Ayrıca, geçerli sayfayı sağ tıklatıp denetleyiciyi belirli bir öğeyle başlatmak için "İnceleme Öğesi" ni seçebilirsiniz.

Müfettiş araç çubuğundaki "3D" düğmesini tıklayın.

3D modunu etkinleştirdikten sonra sayfanın yapısını göreceksiniz, ancak döndürene kadar düz görünecektir.

Sol tıklama ile modeli döndürün, sağ tıklatarak görüntüyü hareket ettirin ve fare tekerleğini kullanarak yakınlaştırın ve uzaklaştırın.

Bu görünüm denetleyicideki diğer araçlarla entegredir. HTML veya Stil panellerini açtıysanız, bu öğenin HTML kodunu veya CSS özelliklerini görüntülemek için HTML sayfasındaki bir öğeyi tıklayabilirsiniz.

Daha Fazla 3D Özellikler

3D görselleştirme özelliği Tilt uzantısına dayalıdır, ancak Tilt uzantısının tüm özelliklerine sahip değildir.renkleri özelleştirmek veya hatta bir 3D düzenleme programı ile kullanmak için bir 3D model dosyası olarak görselleştirme vermek istiyorsanız, Tilt 3D eklentisini kurmanız gerekir. Bir kez sahip olduktan sonra, Web Developer menüsünde yeni bir "Tilt" seçeneği elde edersiniz.

İstendiğinde Eğme'nin eski sürümünü kullanmak için İptal düğmesine tıklayın.

Görselleştirmeyi pencerenin sol tarafında ve dışa aktarma özelliği de dahil olmak üzere diğer seçeneklerin sayfanın üst kısmında özelleştirilecek denetimleri bulabilirsiniz.

CSS Stil Düzenleyicisi

Bir sayfanın CSS stil sayfalarını görüntülemek ve düzenlemek için Web Developer menüsünden Stil Düzenleyicisi'ni açın.

Stil editörü, geçerli sayfadaki stil sayfalarını listeler. Stil sayfasının solundaki göz simgesini tıklayarak bir stil sayfasını açıp kapatın. Bir stil sayfasını seçip kodu değiştirerek stil sayfasını düzenleyin.

Değişiklikler derhal sayfaya yansıtılır. Bir stil sayfasını kapatırsanız, sayfa stil bilgilerini kaybedecektir. Bir stil sayfasını düzenlerseniz, siz yazarken sayfadaki düzenlemelerin göründüğünü göreceksiniz.

Stil Tablolarından birinin bir kopyasını bilgisayarınıza kaydedebilir, varolan bir stil sayfasını bilgisayarınızdan içe aktarabilir veya Stil Düzenleyici penceresinde Kaydet, Al veya Yeni bağlantılar ile yeni bir boş stil sayfası ekleyebilirsiniz.

3B görselleştirme özelliği geçerli sayfadaki değişiklikler ve değişiklikler meydana geldiğinde uyarıları izler.3B Müfettiş açıkken Stil Düzenleyici'yi kullandığınızda, değişiklikleriniz hemen 3B görünümüne yansıtılacaktır. Bu ayrıca Firebug gibi web sayfalarını değiştiren üçüncü taraf uzantılarla da çalışır.