Skip to main content

Debug javascript dengan Google Chrome

  1. Buat halaman html yang akan dibuat. Contoh:
    hapusaja.html 
    <html>
<head>
</head>
<body>

<script type="text/javascript">

function Sajikan()
{
 Sel = document.getElementById( "PILIHAN" );
 alert( "Mangga dahar " + Sel.options[ Sel.selectedIndex].value );
}

</script>
    

    
Mau buah apa? 
<select id="PILIHAN" onclick="Sajikan()">
<option value="Gedhang">Pisang</option>
<option value="Kates">Pepaya</option>
<option value="Pelem">Mangga</option>
</select>


</body>

</html>
  2. Buka di Google Chrome
  3. Aktifkan debugger dengan klik kanan lalu klik 'Inspect Element'
  4. Layar google chrome akan terbagi menjadi 2 bagian, bagian bawah ada windows untuk melihat elemen-elemen halaman page. Atur proporsi bagian atas dan bagian bawah dengan mendrag pembatas window ke atas atau ke bawah.
  5. Klik Script
  6. Klik baris 11 untuk meletakkan break point di baris tsb.
  7. Sekarang pada pilihan 'Mau buah apa?', pilih salah satu buah:
  8. Setelah pilihan buah diklik, maka debugger akan berhenti pada baris 11. Klik F10 untuk 'step over next function call', atau F11 untuk 'step into next function call'.
Catatan: Tidak seperti firefox anda tidak perlu menginstall addon tambahan apapun pada google chrome untuk fasilitas debugging ini.
Labels:

Comments

Post a Comment

Popular posts from this blog

Program timbangan elektronik, sebuah program Windows yang dijalankan di Linux.

Kemarin, mumpung hari libur aku setup program timbangan digital baru di kantor. Program yang lama merupakan program DOS yang aku tulis dengan menggunakan Clipper, program ini berjalan dengan baik di linux dengan bantuan dosemu. Program baru merupakan program Windows. Salah satu improvement dalam program ini adalah support untuk beberapa jenis indikator. Program diinstall di linux dengan wine versi 1.1.20. Beberapa catatan dalam instalasi program ini di wine: Pencetakan slip bukti timbangan dan laporan-2 menggunakan printer Dot Matrix. Apabila pencetakan dilakukan lewat printer driver, pencetakan dengan printer dot matrix akan menjadi sangat lambat plus hasil buruk plus boros pita... :) Oleh karena itu, program ini melakukan pencetakan langsung melalui printer port lpt1. Di windows, hal ini tidak menjadi suatu permasalahan, di linux dengan wine, maka lpt1 akan dimap ke /dev/lp0. Masalahnya, owner dari device ini adalah root dan group lp. Secara default user-user di Ubuntu (..nggak tahu...
13 comments
Read more

Install Sketchup 2017 64 bits on Linux Ubuntu 16.04 64 bits

Install Sketchup 2017 64 bits on Linux Ubuntu 16.04 64 bits: 1.Enable 32 bit architecture: $sudo dpkg --add-architecture i386  2. Set wine PPA $sudo add-apt-repository ppa:wine/wine-builds Update repository $sudo apt-get update 3. Install wine newest staging branch version $sudo apt-get install --install-recommends winehq-staging 4. Ensure we get a 64bits wine, edit file ~/.profile and locate for text: export WINEARCH= If the value is win64 you are good, if the value is win32 change it to win64. Save the file. Ensure the environment variable also set to win64 by typing command: $export WINEARCH=win64 5. Download winetricks: $wget https://raw.githubusercontent.com/Winetricks/winetricks/master/src/winetricks    Don't forget to set the attribute so it is executable $chmod +x winetricks 6. Run winetricks $./winetricks Inside winetricks: Choose Select the default wineprefix, click OK Choose Install a Windows DLL or component, click O...
2 comments
Read more

Menjalankan e-spt di linux.

Dirjen pajak belakangan ini mensosialisasikan e-spt yaitu program aplikasi komputer yang dipergunakan untuk pelaporan pajak (spt). Namun salah satu kendala besar bagi perusahaan-perusahaan menggunakan linux adalah bahwa program-program e-spt ini didesign hanya untuk komputer-komputer dengan O/S windows. Apakah kita harus mengorbankan sebuah komputer khusus plus o/s Windows hanya khusus untuk aplikasi e-spt ini? Untungnya, jawabannya adalah tidak, Wine (http://www.winehq.org) adalah sahabat anda. Bagaimana langkah-langkahnya? Install wine. Install komponen-komponen windows dengan bantuan winetricks Download dan install program e-spt Set format tanggal Wine sesuai dengan format tanggal Indonesia Detail langkah-langkah di atas adalah sbb: Install wine. Secara garis besar ada 2 cara untuk menginstall Wine: Install package binary Install dari source Cara paling mudah dan cepat adalah dengan menginstall package binary. Namun, metode ini mempunyai beberapa kelemahan: Package yang terinstall s...
16 comments
Read more