Javascript yang dapat dibaca manusia dalam alat pengembang krom

142

apakah ada yang tahu apakah Alat Pengembang Chrome dapat memformat javascripts menjadi bentuk yang dapat dibaca manusia? Beberapa jenis kecantikan akan berguna. Katakanlah saya menggunakan beberapa perpustakaan JS dan saya perlu instantiate objeknya, sehingga saya harus tahu apa yang harus dimasukkan ke dalam konstruktor. Tetapi mencari melalui perpustakaan besar ini yang memiliki 4 baris di antarmuka pengguna Alat Pengembang Chrome cukup mengganggu ...

Kalau tidak, sisi server harus berhati-hati dalam mengimplementasikan "mode dev" yang memasok file javascript yang tidak diperkecil ...

javascript google-chrome-devtools lisak
sumber
cukup yakin itu tidak mungkin, tapi saya harap saya salah karena itu akan menjadi fitur yang bagus.
Zevan
Saya melakukannya, tetapi tidak adanya fitur ini cukup mengejutkan, jadi saya lebih baik bertanya di sini
lisak
Versi Firebug: stackoverflow.com/questions/4279319/…
Ciro Santilli 郝海东 冠状 病 六四 六四 事件

Jawaban:

331

Beberapa browser memiliki tombol cetak cantik yang terlihat seperti ini{} dan muncul untuk HTML, JS, dan / atau CSS tergantung pada browser.

Chrome memilikinya di dalam tab Sumber :

Tombol cetak cantik Chrome 40

Firefox memilikinya di dalam Debugger tab

Firefox 35 tombol sumber cantik:

Posisi tombol-tombol ini dapat berubah, tetapi harus selalu ada di sana

fgm2r
sumber
2
Di Windows itu adalah ikon kecil yang menyerupai -> {}. Keterangan kata Pretty Print.
omninonsense
@ dengan Terima kasih telah menyebutkan itu. Saya bertanya-tanya mengapa mereka menerapkannya secara berbeda pada Windows / Mac OS.
fgm2r
3
apakah ada yang tahu apa yang terjadi pada fitur Chrome ini? Saya pikir saya pernah melihat itu di Chrome saya dulu, tapi sekarang sepertinya sudah tidak ada.
superjos
@superjos Mereka telah mengubahnya agar sama di Mac OS dan Windows sekarang.
fgm2r
2
uhm, tapi aku bahkan tidak bisa melihatnya di menu konteks. Hanya perintah 'periksa item' ada di sana. Lihat tangkapan layar .
superjos
3

Tidak ada ikon Pretty Print (seperti: {}), setidaknya di Windows ada satu, di dalam tab Scripts?

omninonsense
sumber