Google uses AI technology to translate content into your preferred language. AI translations can contain errors.
Tips DevTools: Apa yang dimaksud dengan peta sumber?
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Peta sumber memungkinkan Anda membuat kode tetap dapat dibaca dan di-debug meskipun setelah Anda menggabungkan dan meminifikasinya, tanpa memengaruhi performa.
Saat menggunakan berbagai transpiler, minifier, dan bundler, kode yang Anda deploy berbeda dengan kode yang Anda tulis. Untuk meningkatkan performa jaringan, alat ini mengompresi kode menjadi satu baris, menghapus karakter yang tidak diperlukan, dan mempersingkat variabel.
Banyak alat yang dapat membuat peta sumber untuk menyertai kode Anda.
Chrome DevTools membaca kode yang di-deploy dan peta sumber, serta memungkinkan Anda men-debug kode seperti biasa, bahkan dengan breakpoints.
Untuk lebih memahami cara kerja peta sumber, lihat visualisator peta sumber.
Selain itu, peta sumber dapat memiliki ekstensi. Jika Anda membuat alat dan framework, pertimbangkan untuk mendukungnya. Lihat Studi Kasus: Proses Debug Angular yang Lebih Baik dengan DevTools ini, tempat Tim DevTools dan Angular meningkatkan pengalaman proses debug di DevTools dengan mendukung ekstensi x_google_ignoreList.
Untuk mempelajari lebih lanjut, lihat:
Kecuali dinyatakan lain, konten di halaman ini dilisensikan berdasarkan Lisensi Creative Commons Attribution 4.0, sedangkan contoh kode dilisensikan berdasarkan Lisensi Apache 2.0. Untuk mengetahui informasi selengkapnya, lihat Kebijakan Situs Google Developers. Java adalah merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2023-03-31 UTC.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2023-03-31 UTC."],[],[]]
