Apakah ada cara cepat untuk beralih dari kode jsx yang ditampilkan di Chrome DevTools ke ES5 mentah dan kembali lagi?
Nonaktifkan peta sumber di Chrome DevTools
Jawaban:
Buka Alat Pengembang, buka "Setelan" untuk Alat Pengembang, lalu hapus centang di Enable JavaScript Sourcemapsbawah setelan "Sumber".
7
Terima kasih saya melihat itu. Sayangnya mengubah opsi ini memerlukan penyegaran sebelum diterapkan. Saya berharap akan ada cara untuk mengubah opsi tanpa penyegaran.
—
Jack Allan
Nggak. Karena sumber perlu diinterpretasikan ulang berdasarkan pengaturan.
—
Garbee
Terima kasih, saya ingin tahu mengapa ini diperlukan karena pasti itu selalu menjalankan es5 di bawah tenda dan pemetaan sumber hanya memberi tahu debugger ke baris mana pernyataan saat ini ada di kode sumber?
—
Jack Allan
Bagi mereka yang kesulitan menemukan pengaturan ini seperti saya, lihat ini: i.imgur.com/9aMlBfg.png
—
joshcomley
Saya baru saja mencoba ini dan tampaknya memiliki efek langsung, yaitu tidak ada penyegaran halaman lagi yang diperlukan.
—
Jackson
Anda dapat mengklik dua kali nomor baris untuk melompat dari file sumber ke file keluaran yang tidak diminimalkan. Selain itu tampaknya terbatas. Lihat komentar di bawah.
Saya menemukan ini berguna selama pengembangan. Saat menggunakan webpack-dev-server(atau beberapa perkakas lainnya) tanpa mengecilkan js, Anda dapat mengklik dua kali nomor baris di file sumber untuk melompat ke file keluaran yang telah dikompilasi tetapi tidak diminimalkan.
Saya baru saja menemukan ini secara tidak sengaja dan kemudian menemukan komentar ini dari 21 Des 2016: https://bugs.chromium.org/p/chromium/issues/detail?id=532174#c7
Anda dapat mengklik dua kali pada nomor baris untuk melompat ke file asli, tetapi itu sangat tidak berguna jika file yang diperkecil telah menghapus semua baris baru :(
Memiliki kumpulan kata akan membuat ini bekerja lebih baik https://bugs.chromium.org/p/chromium/issues/detail?id=167287
Saya pikir ada beberapa dukungan untuk mengklik dua kali pada bagian file yang diperkecil untuk melompat ke file yang dipetakan sumber, tetapi tampaknya telah mengalami kemunduran akhir-akhir ini.
Idealnya dalam file yang diperkecil dengan peta sumber, mengklik kanan (atau mengklik dua kali) di mana saja di file yang diperkecil harus memungkinkan lompatan ke file, baris, dan kolom yang tepat
Ketika saya mengklik dua kali pada nomor baris, itu menambahkan dan kemudian menghapus breakpoint. Apakah saya melewatkan sesuatu?
—
emclain
Idk. Tampaknya hanya melakukannya sesekali. Dan hanya jika Chrome tampaknya menyukai peta sumber. Anda dapat mencoba beberapa jalur berbeda atau proyek berbeda tetapi saya tidak memiliki saran yang lebih baik. Chrome harus mendukung ini dengan lebih baik.
—
Scotty Wagoner