«google-chrome-devtools» etiketlenmiş sorular

Chrome DevTools, Google Chrome'da yerleşik olarak bulunan web geliştirici araçlarıdır.

4
Yalnızca diğer öğe fareyle üzerine getirildiğinde / girildiğinde görünen öğeyi inceleyin
Genellikle, yalnızca başka bir öğe fare üzerine getirildiğinde / girildiğinde görünen bir öğeyi (örn. Araç ipucu) incelemek istiyorum. Görünen öğe, jQuery'nin mouseenter olayı aracılığıyla görünür hale getirilir. Araç ipucu, farem içeren öğeyi terk ettiğinde kaybolduğu için araç ipucunu inceleyemiyorum. JS olaylarını duraklatmanın bir yolu var mı, böylece öğenin üzerine gelip …



1
Chrome> = 24 - geliştirici araçları sağa nasıl yerleştirebilirim?
Devtools'u sağa yerleştirmeyi seviyorum. Artık ekranı bölmek ve pencereleri manuel olarak konumlandırmak zorunda olmadığımı fark ettiğimde bu seçeneği ilk gördüğümde ne kadar mutlu olduğumu hatırlıyorum. Bu seçeneğin son Chrome sürümleri eksik görünüyor. Sağ tarafta zaten geliştirici araçlara sahip olduğum yüklemelerimde bile bu seçenek kaldırılıyor. O nereye gitti?

12
React Native'de ağ isteklerini (hata ayıklama için) nasıl görüntüleyebilirim?
Ağ isteklerimi, hata ayıklamama yardımcı olması için React Native'de görmek istiyorum - ideal olarak Chrome'un geliştiricilerinin 'Ağ' sekmesinde. GitHub'da bununla ilgili bazı kapalı sorunlar var ( https://github.com/facebook/react-native/issues/4122 ve https://github.com/facebook/react-native/issues/934 ) ama yapmıyorum t tamamen anlamak. React Native'in bazı çoklu dolgularını geri almam ve ardından fazladan hata ayıklama bayraklarıyla bazı komutlar …

21
Fareyle üzerine gelinen öğe Chrome'da inceleniyor mu?
Chrome'un geliştirici araçları aracılığıyla, bir sitede araç ipuçlarının nasıl yapılandırıldığını görüntülemeye çalışıyorum. Ancak, öğenin üzerine geldiğimde bile, "öğeyi inceleyin", html'de araç ipucu için hiçbir şey görünmüyor. Stili olarak ayarlayabileceğimi biliyorum :hover, ancak yine de araç ipucunun html veya css'sini göremiyorum. Herhangi bir fikir?

3
Renk seçici (göz damlası) nasıl kullanılır?
Chrome geliştirme aracında yeni keşfettiğim çok kullanışlı bir araç var. Adını bile bilmiyorum ve google'da bulamıyorum. Bir piksel denetleme aracı olduğunu söyleyebilirim. Aşağıdaki yöntemi nasıl kullanacağımı buluyorum: 1 A. Arka plan rengiyle bir html öğesini inceleyin. 1b. Bir elemanın arka plan rengini tanımlayın. Renk seçiciye tıklayın. Farenizi sayfadaki herhangi bir …


9
Bir vurgulu öğeyi "incelemek" mi?
Not: Benzer konuları okudum, ancak hiçbiri benim sorunum değil - üzerine sağ tıklayabilirim, sadece sonra kaybolur. "Öğeyi İncele" yi Chrome'da paha biçilmez bir araç buluyorum, ancak birçoğunuzun halihazırda sahip olduğu sihirbazca yöntemleri öğrendiğimde, gezinti çubuğumdaki bir öğe için alt menü oluşturduğumu görüyorum. üst öğe. Pop-up (veya aşağı) istediğim gibi tasarlanmamış, …

3
Gölge kökü nedir
Google Chrome'un Geliştirici Araçlarında, etiketinin #shadow-rootaltında bir sağ görüyorum <html lang="en">. ne işe yarar ve ne için kullanılır? Firefox'ta veya IE'de görmüyorum; yalnızca Chrome'da, bu özel bir özellik mi? Ben gösterileri onu, açarsanız <head>ve <body>adlandırılmış yanında bir bağlantı revealtıklayarak, bu işaret <head>ve <body>, başka bir şey.

6
Fareyle üzerine gelme kodunu görüntülemek için Chrome web denetçisi nasıl kullanılır?
Kodu görüntülemek için chromes web denetçisini kullanmak çok kullanışlıdır. Ancak, örneğin bir düğmenin fareyle üzerine gelme kodunu nasıl görüntülüyorsunuz? Fareyi düğmenin üzerine getirmeniz gerekecek ve bu nedenle denetçide kullanamazsınız (fare). Denetçide bunu başarmanın herhangi bir kısayolu veya başka yolu var mı?

4
Chrome Geliştirici Araçlarında belirli bir dosyaya nasıl gidilir?
Ağır bir ön uç yaklaşımı olan bir web uygulaması geliştiriyorum. Dojo ve AMD yolunu kullanarak, şu anda yüzden fazla farklı javascript dosyasını kolayca yükleyebilen test ekranlarım var. Belirli bir sorun için hata ayıklamak istediğimde veya belirli bir dosyanın eski bir sürümünü görüp görmediğimi doğruladığımda, dosyalarımı Chrome Geliştirici Araçları'ndaki Kaynaklar sekmesinde …




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.