Chrome geliştirici araçlarında okunabilir javascripts


142

Geliştirici Araçlarının javascriptsi insan tarafından okunabilir biçime biçimlendirip biçimlendiremeyeceğini bilen var mı? Bir çeşit güzellik kullanışlı olurdu. Bazı JS kütüphanesi kullandığımı ve nesnesini başlatmam gerektiğini söyleyeyim, böylece yapıcıya ne koyacağımı bilmeliyim. Ancak Chrome Geliştirici Araçları kullanıcı arayüzünde 4 satır bulunan bu büyük kütüphanede arama yapmak oldukça can sıkıcı ...

Aksi takdirde, sunucu tarafı küçültülemeyen javascript dosyaları sağlayan "dev kipi" uygulamasına dikkat etmelidir ...


bu mümkün değil eminim, ama umarım yanılıyorum çünkü güzel bir özellik olacaktır.
Zevan


Yanıtlar:


331

Bazı tarayıcılarda buna benzeyen bir Pretty print düğmesi vardır {}ve tarayıcıya bağlı olarak HTML, JS ve / veya CSS için görünür.

Chrome'da Kaynaklar sekmesinde bulunur:

Chrome 40 hoş baskı düğmesi

Firefox'ta Hata Ayıklayıcı sekmesinde bulunur

Firefox 35 kaynak kodunu güzelleştir düğmesi:

Bu düğmelerin konumu değişebilir, ancak her zaman orada olmalıdır


2
Windows'da bu, -> {} 'a benzeyen küçük bir simgedir. Resim yazısı Pretty Print diyor.
omninonsense

@with Bundan bahsettiğiniz için teşekkürler. Windows / Mac OS'de neden farklı uygulandıklarını merak ediyorum.
fgm2r

3
bu Chrome özelliğine ne olduğunu bilen var mı? Sanırım bunu geçmişte Chrome'umda gördüm, ama şimdi gitmiş gibi görünüyor.
superjos

@superjos Mac OS ve Windows'ta şimdi aynı olacak şekilde değiştirdiler.
fgm2r

2
uhm, ama bunu bağlam menüsünde bile göremiyorum. Yalnızca 'öğeyi incele' komutu vardır. Ekran görüntüsüne bakın .
superjos

3

Komut Dosyaları sekmesinde Güzel Yazdırma simgesi yok ({} gibi görünüyor), en azından Windows'da bir tane var mı?


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.