javascript ve css sorunlarını gidermek için tarayıcıyı kilitleyin


1

Diyelim ki imleç sayfanın belirli bir bölümünün üzerine getirildiğinde açılır pencereyi gösteren bir araç ipucu oluşturdum ve fareyi hareket ettirdiğimde onu kaldırdım. Örneğin, http://jsbin.com/aCoboQo/1 adresine bakın ve farenizi açılır pencerenin üzerine getirmeyi deneyin.

Şimdi sorunu gidermek istiyorum ve Firebug veya başka bir benzer araç kullanarak CSS'yi kontrol etmem gerekiyor.

Ben şu anda JavaScript'i düzenleyerek bunu yapıyorum ve un-hoover'ı yorumladım.

Pop-up gösterildikten sonra tarayıcıyı bir şekilde kilitlemek güzel olurdu, bu yüzden pop-up’a gidebilir (ve pop-up’ın kaybolmaması) ve HTML ile CSS’yi inceleyebilirim.

Bu herhangi bir standart tarayıcıda (yani, krom, firefox / firebug, vb.) Mümkün mü? Öyleyse nasıl?

Teşekkürler

Yanıtlar:


1

Firefox'unuz varsa:

  1. bir nesne seç
  2. sağ tıklayın, Inspect elementaçılır menüden seçim yapın
  3. "teftiş" yaptıktan sonra, başka bir açılır menüyü genişletin (ekteki ekranda görüldüğü gibi)
  4. şimdi istediğiniz durumu seçebilir ve tutabilirsiniz (örn. :hover)

Tarayıcı yenileyene kadar tutacaktır.

ekran görüntüsü


Yalnızca CSS için çalışır, ancak JavaScript tabanlı vurgulu efektleri için çalışmaz.
ThiefMaster

Kodu göremediğimde yardım etmek zor, ancak iki tavsiye:
Michał Sacharewicz 14:13

(a) Açılır pencereyi CSS ile kontrol etmeye çalışın. Yani yapabilirsin. oluşturmak <span classs="TextWithTooltip">Text with hoover effect<span>Tooltip Text</span></span>, daha sonra alt-açıklıklı (görünümünü kontrol .TextWithTooltip:hover>span { display: block; position: relative; })
Michal Sacharewicz

Teşekkürler Michal, Gösterdiğiniz açılır menüyü nasıl açtınız :hover, vb.
user1032531 14:13

(b) Alternatif .invisibleolarak işin yapılabilmesi için araç ipucunun görünürlüğünü sınıf ödevi yoluyla kontrol edebilirsiniz ; Daha sonra display:noneo sınıfta etkisizleştirerek tüm ipuçlarını hemen göreceksiniz.
Michał Sacharewicz 14:13
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.