Dari pertanyaan saya baru-baru ini , saya sudah membuat beberapa fungsi JavaScript untuk tampilan parsial pemuatan dinamis. Jadi, saya tidak dapat men-debug JavaScript pemuatan dinamis apa pun. Karena semua JavaScript yang dimuat akan dievaluasi oleh fungsi "eval".
Namun, saya menemukan cara untuk membuat JavaScript baru dengan menggunakan script berikut untuk membuat script secara dinamis menjadi header dari dokumen saat ini. Semua skrip yang dimuat akan ditampilkan di DOM HTML (Anda dapat menggunakan debugger apa pun untuk menemukannya).
var script = document.createElement('script')
script.setAttribute("type","text/javascript")
script.text = "alert('Test!');";
document.getElementsByTagName('head')[0].appendChild(script);
Omong-omong, sebagian besar debugger (Toolbar Pengembang IE8, Firebug, dan Google Chrome) tidak dapat menyetel breakpoint dalam skrip dinamis apa pun. Karena skrip debuggable harus dimuat pertama kali setelah halaman dimuat.
Apakah Anda memiliki ide untuk men-debug di file atau konten skrip dinamis?
Perbarui 1 - Tambahkan kode sumber untuk pengujian
Anda dapat menggunakan file xhtml berikut untuk mencoba men-debug nilai someVariable.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Dynamic Loading Script Testing</title>
<script type="text/javascript">
function page_load()
{
var script = document.createElement('script')
script.setAttribute("id", "dynamicLoadingScript");
script.setAttribute("type","text/javascript");
script.text = "var someVariable = 0;\n" +
"someVariable = window.outerWidth;\n" +
"alert(someVariable);";
document.getElementsByTagName('head')[0].appendChild(script);
}
</script>
</head>
<body onload="page_load();">
</body>
</html>
Dari jawaban tersebut, saya baru mengujinya di FireBug. Hasilnya harus ditampilkan seperti gambar di bawah ini.
Harap lihat skrip "dynamicLoadingScript" yang ditambahkan setelah pemuatan halaman.
Tetapi tidak ditemukan di tab skrip FireBug
Pembaruan 2 - Buat Breakpoint Debug dalam skrip pemuatan dinamis
Kedua gambar di atas menunjukkan penyisipan "debugger;" pernyataan di beberapa baris skrip dapat mengaktifkan breakpoint dalam skrip pemuatan dinamis. Namun, kedua debugger tidak menampilkan kode apa pun pada breakpoint. Oleh karena itu, tidak ada gunanya melakukan ini.
Terima kasih,
