Untuk materi ini, harus user PC atau yang mempunyai Google Chrome. Kenapa? Karena google chrome memiliki fitur "check elements/periksa elemen", mirip punya-nya Mozila Firefox yang "View Source", tapi punya google chrome lebih efektif,, (ya.. itu menurut pendapat saya). Masing-masing mempunyai kelebihan dan kekurangannya sendiri bukan!!.
Selain dapat melihat source script, fitur ini juga bisa digunakan untuk melihat Frame CSS, Image, Database, Lokal Storage, Session Storage, Cookies, Aplikation Chache.
Caranya klik kanan> pilih check elements/periksa elemen, maka window chrome akan terbagi dua, seperti berikut
 |
| Gambar 1. cara melihat script dengan google chrome |
Untuk memperjelas klik gambar
Disana ada berbagai macam pilihan diantaranya:
1. Elements
2. Resources
3. Network
4. Script
5. Timeline
6. Profiles
7. Audits
8. Console
Nah yang ingin saya bahas dalam materi ini adalah yang "Resources"
Untuk melihat script pada page yang aktif yaitu: Pilih Resource> Frame>
(disini ada folder tergantung page/halaman yang dibuka) kemudian akan
ada pilihan lagi didalamnya yaitu: Fonts, Images, Scripts, Stylsheets.
Diatas saya katakan ada kaitannya dengan postingan sebelumnya. Apa kaitannya??
Terkadang yang punya script tidak berputus asa dan diam saja scriptnya
di ubek-ubek, mereka mengakalinya sehingga ketika kita mengetikkan
alamat file .js nya ada pesan "sory... mau nyuri yea..." atau "sory...
file not found..!!!" dsb.
seperti gambar berikut
 |
| Gambar 2. Cara melihat script dengan google chrome (file not found) |
lebih jelasnya klik gambar
Disinilah fungsinya google chrome, biarpun file .js nya di sembunyikan, maka akan tetap bisa terlihat dan bisa kita pelajari...
sumber : Pecel Urap-Urap