Senin, 31 Oktober 2016

jQuery: Web Console untuk debbuging jQuery


Nah kali ini pintarcoding.com akan membahas cara untuk menggunakan web console, yang ada pada developer tool pada hampir semua web browser. Berikut langkah-langkah untuk memastikan apakah jQuery sudah berfungsi dengan baik pada halaman web yang sedang kita develop.
  1. buka browser chrome
  2. akses file index.html yang telah kita buat dalam hal ini berada pada "localhost/jquery/"
  3. klik kanan, kemudian pilih INSPECT ELEMENT.
  4. maka developer toolsnya chrome akan muncul pada bagian bawah biasanya.
  5. kemudian klik tab CONSOLE pada developer tools tersebut, maka akan tampil gambar seperti berikut
  6. Setelah tab CONSOLE dilklik coba kita ketik "jQuery" pada web console tersebut seperti gambar dibawah ini, jika tampilannya seperti gambar dibawah ini berarti jQuery sudah berfungsi dengan baik.
  7. jika tidak, atau ada pesan seperti dibawah ini, coba periksa kembali url dari jquery yang anda tulis, mungkin ada kesalahan pengetikan.
    GET http://localhost/jquery/js/jquery-3.1.1.min2.js 404 (Not Found)
Okey kira-kira seperti itu cara untuk mengetahui apakah jQuery sudah bisa berjalan dengan baik. dan pada dasarnya ada banyak sekali manfaat dari web console ini sendiri terutama dalam melakukan debugging, yang mungkin akan kita bahas pada artikel-artikel berikutnya.

Semoga bermanfaat, keep learning. karena pintar butuh belajar. happy coding.

Tidak ada komentar:

Posting Komentar