VisualDOM içinde Chrome OffiDocs ile

TANIM

Web geliştirmeye yardımcı olmak için Belge Nesnesi Modeli'nin hafif JavaScript ve CSS ile yazılmış hafif bir görsel temsili.

Öğe yerleştirme karışıklığına "kur ve unut" çözümü.

Bu uzantı, HTML öğelerinin birbiri içinde nasıl iç içe geçtiğini kolayca görselleştirmek için HTML sayfalarındaki öğelerin bir diyagramını çizer.

Etiket adları, sınıflar ve kimlikler, uygun ve anlamlı tanımlama için renk kodlu olarak her bir düğümün içinde gösterilir.

Nasıl kullanılır: - HTML dosyanızı tarayıcıda açın.

- Etkinleştirmek için VisualDOM simgesine tıklayın.

Chrome belirli izinler isteyebilir (hiçbir kullanıcı verisi veya web sitesi bilgisi hiçbir zaman saklanmaz) - Sayfayı yenilemek (veya bir Live Server IDE uzantısı kullanırken HTML'nizi değiştirmek) VisualDOM tarafından oluşturulan öğeleri kaldırır ve simgeye tıklamanız gerekir tekrar güncellenen içeriği oluşturmak için.

Gördüğün gibi mi? GitHub'da beni bul

• <Önceki
• Sonraki>