2010-01-10 21 views
13

CSS Düzenlemeleri'ni test etmek için FireFox'ta Web Developer Toolbar'ı kullanıyorum. IE'de de aynısını yapmak istiyorum ve IE8'in Geliştirici Aracı ile bunu biraz yapabilirim.IE8 Geliştirici Araçları - CSS stili ekleme

Ancak, Geliştirici Araçları sadece düzenlemek varolan stilleri bir stil eklemeyin olabilir - Eğer herhangi adamlar Chris Pedericks Web Developer Toolbar ile yapabileceğiniz gibi CSS düzenlemek için bir yol biliyor mu?

cevap

17

Şunları yapabilirsiniz:

  • sağ html etiketini tıklayın ve isim tarzı ile (öznitelik eklemek tıklatın ve sonra onun ekledi kez stil özelliği) düzenleyebilir (bir stil özelliği eklemelerini
  • CSS sekmesini tıklayın sağ Sen firebug lite deneyebilirsiniz ama bunu tertibat almak için biraz iştir
+0

Bu işe yarıyor! thx çok :) – timkl

+4

Teşekkürler. Açıkçası hiçbir IE8 geliştiricisi, bu araçları gerçekte kullandıklarında kullanmamışlardır. – Simon

+0

Satır içi CSS, dev araçlarda bir öğeye eklenirken her zaman bir çizgi ile çaprazlanmasına neden olur? – mmcrae

2

Şu an Mac'ım var, ama buna koşmayı hatırlıyorum.

Geliştirici Aracı'nın sağ tarafına baktığınızda, CSS stilleri listesini görürsünüz. Yukarıda birkaç 'sekme' görüyorsunuz: Stil, Trace Stilleri, Düzen, Özellikler. Doğru olarak hatırlarsam, onları stil sekmesinde değiştiremezsiniz. Ancak bunları diğer sekmelerden birinde değiştirebilirsiniz. Bunları stili özniteliği aracılığıyla düzenlemeniz gerekebilir.

1

(bu css dosyasına bir satır ekleyerek gibidir) boş alanı tıklatın ve bir kural ekleyin.

+0

Firebug Lite'ı kurmayı denedim - ama hiç işe yaramadı - buggy görünüyor :( – timkl

12

Yukarıda bahsedilen Gabriel'e ekleniyor.

Test etmek ve etkiyi görmek için hızlı bir ekleme yapmak için bunu biraz daha farklı yapıyorum.

Seçilen HTML sekmesiyle Stil, Trace Stilleri ve Düzen'in yanında bulunan "Nitelikler" panelini seçin.

"+" düğmesini tıklayın ve eklemek istediğiniz css stilini yazmaya başlayın. Yeni stil niteliği, DOM görünümü paneline otomatik olarak eklenir.

Bu yardımcı olur umarım. adımları izleyerek

0

Takip: Eğer 4. Adı ve Değer Katan sağ tarafta 3. nitelik sekmesi mevcut css eklemek istediğiniz Geliştiriciler Aracı 2. Html seçme elemanı üzerinde 1. tıklayın. Tarzınızı kontrol edin html öğesine uygulanır.

İlgili konular