Video: The Mobile Web: State of the Union - Google I/O 2016 2024
Untuk menguji situs web iPhone atau iPad Anda di browser web Chrome, Anda dapat meluncurkan alat pengembang dengan mengklik ikon Wrench di sudut kanan atas jendela browser dan memilih Tools → Developer Tools atau dengan memilih perintah kunci Control + Shift + I di Windows atau Command + Option + I di Mac.
Jendela Alat Pengembang di Chrome memiliki banyak alat untuk membantu menemukan informasi terperinci tentang halaman yang Anda buka di browser. Dengan menggunakan panel Elemen, ditunjukkan, Anda dapat melihat gaya HTML atau CSS sumber, browse Document Object Model, dan memanipulasinya secara real time. Setelah jendela terbuka, Anda dapat membiarkannya terhubung ke browser utama atau membiarkannya mengapung secara terpisah.
Panel Sumber Daya menunjukkan sumber daya yang telah dimuat, seperti HTML, CSS, JavaScript, Gambar, Font, Database HTML5, dan elemen lainnya yang terkait dengan halaman web. Panel interaktif memungkinkan Anda membuat perubahan pada kode dan melihat dampaknya (tanpa mengubah halaman web hidup karena alat tersebut hanya sementara mengubah kode yang di-cache di browser.)
Alat pengembang mencakup beberapa tab, termasuk panel Jaringan, yang menunjukkan komponen yang diminta halaman dari server web, panjang permintaan, dan bandwidth yang dibutuhkan. Panel Script menampilkan daftar skrip yang diminta oleh halaman dan dilengkapi dengan debugger berfitur lengkap.
