Google Chrome Adalah

broken image
Google chrome adalah di
It's a wrap for Chrome Dev Summit 2020! Watch all the sessions at goo.gle/cds20-sessions now!

Chrome DevTools adalah satu set alat untuk menulis dan men-debug web yangmenjadi bawaan Google Chrome. Gunakan DevTools untuk mengiterasikan, men-debug dan memprofilkan situs Anda.

Google Chrome adalah sebuah aplikasi peramban yang digunakan untuk menjelajah dunia maya seperti halnya Firefox, Opera ataupun Microsoft Edge. Jika Firefox dikembangkan oleh Mozilla, Google Chrome dibuat dan dirancang oleh Google, perusahaan internet terbesar di dunia yang juga empunya Android.

  • Chromecast adalah sebuah adapter atau dongle HDMI yang biasa digunakan pada sebuah HDTV. Chromecast dibuat oleh Google dan fungsi Chromecast utama adalah untuk streaming video atau music dari internet serta jelajahi internet. Ini berarti kita harus ada jaringan internet agar Chromecast dapat berfungsi.
  • Jika sudah menghentikan seluruh process bertuliskan 'chrome.exe' pada Task Manager, maka selanjutnya bukalah program Google Chrome melalui Icon Desktop seperti biasa. Intinya adalah, TUTUP semua proses 'chrome.exe' yang masih berjalan di latar belakang, jika sudah di tutup, kemudian coba buka lagi seperti biasa.
Dogfood: Mencari yang terbaru, Chrome Canary selalu memiliki DevTools terbaru.

Membuka Chrome DevTools

  • Pilih More Tools > Developer Tools dari Menu Chrome.
  • Klik-kanan pada elemen laman dan pilih Inspect
  • Gunakan pintasan keyboardCtrl+Shift+I (Windows) atau Cmd+Opt+I (Mac)

Menemukan Panel

Device Mode

Gunakan Device Mode untuk membangun pengalaman web yang sangat responsif dan berorientasi seluler.

Elements

Gunakan panel Elements untuk mengulang pada layout dan desain situs Anda dengan memanipulasi DOM dan CSS secara bebas.

Console

Google Chrome Adalah Search Engine

Gunakan Console untuk merekam informasi diagnostik ke dalam log selama development atau gunakan sebagai shell untuk berinteraksi dengan JavaScript di laman.

Sources

Debug JavaScript menggunakan breakpoint di panel Sources atau hubungkan file lokal melalui Workspaces untuk menggunakan editor langsung DevTools.

Google Chrome Adalah Web Browser

Network

Gunakan panel Network untuk mendapatkan wawasan mengenai sumber daya yang diminta dan diunduh serta optimalkan kinerja pemuatan laman.

Timeline

Gunakan Timeline untuk meningkatkan kinerja waktu proses laman dengan merekam dan mempelajari beragam kejadian yang terjadi selama daur hidup situs.

Profiles

Gunakan panel Profiles jika Anda memerlukan lebih banyak informasi daripada yang disediakan oleh Timeline, misalnya untuk melacak kebocoran memori.

Application

Gunakan panel Resources untuk memeriksa semua sumber daya yang telah dimuat, termasuk database IndexedDB atau Web SQL, storage sesi dan lokal, cookie, Cache Aplikasi, gambar, font, dan stylesheet.

Adalah
It's a wrap for Chrome Dev Summit 2020! Watch all the sessions at goo.gle/cds20-sessions now!

Chrome DevTools adalah satu set alat untuk menulis dan men-debug web yangmenjadi bawaan Google Chrome. Gunakan DevTools untuk mengiterasikan, men-debug dan memprofilkan situs Anda.

Google Chrome adalah sebuah aplikasi peramban yang digunakan untuk menjelajah dunia maya seperti halnya Firefox, Opera ataupun Microsoft Edge. Jika Firefox dikembangkan oleh Mozilla, Google Chrome dibuat dan dirancang oleh Google, perusahaan internet terbesar di dunia yang juga empunya Android.

  • Chromecast adalah sebuah adapter atau dongle HDMI yang biasa digunakan pada sebuah HDTV. Chromecast dibuat oleh Google dan fungsi Chromecast utama adalah untuk streaming video atau music dari internet serta jelajahi internet. Ini berarti kita harus ada jaringan internet agar Chromecast dapat berfungsi.
  • Jika sudah menghentikan seluruh process bertuliskan 'chrome.exe' pada Task Manager, maka selanjutnya bukalah program Google Chrome melalui Icon Desktop seperti biasa. Intinya adalah, TUTUP semua proses 'chrome.exe' yang masih berjalan di latar belakang, jika sudah di tutup, kemudian coba buka lagi seperti biasa.
Dogfood: Mencari yang terbaru, Chrome Canary selalu memiliki DevTools terbaru.

Membuka Chrome DevTools

  • Pilih More Tools > Developer Tools dari Menu Chrome.
  • Klik-kanan pada elemen laman dan pilih Inspect
  • Gunakan pintasan keyboardCtrl+Shift+I (Windows) atau Cmd+Opt+I (Mac)

Menemukan Panel

Device Mode

Gunakan Device Mode untuk membangun pengalaman web yang sangat responsif dan berorientasi seluler.

Elements

Gunakan panel Elements untuk mengulang pada layout dan desain situs Anda dengan memanipulasi DOM dan CSS secara bebas.

Console

Google Chrome Adalah Search Engine

Gunakan Console untuk merekam informasi diagnostik ke dalam log selama development atau gunakan sebagai shell untuk berinteraksi dengan JavaScript di laman.

Sources

Debug JavaScript menggunakan breakpoint di panel Sources atau hubungkan file lokal melalui Workspaces untuk menggunakan editor langsung DevTools.

Google Chrome Adalah Web Browser

Network

Gunakan panel Network untuk mendapatkan wawasan mengenai sumber daya yang diminta dan diunduh serta optimalkan kinerja pemuatan laman.

Timeline

Gunakan Timeline untuk meningkatkan kinerja waktu proses laman dengan merekam dan mempelajari beragam kejadian yang terjadi selama daur hidup situs.

Profiles

Gunakan panel Profiles jika Anda memerlukan lebih banyak informasi daripada yang disediakan oleh Timeline, misalnya untuk melacak kebocoran memori.

Application

Gunakan panel Resources untuk memeriksa semua sumber daya yang telah dimuat, termasuk database IndexedDB atau Web SQL, storage sesi dan lokal, cookie, Cache Aplikasi, gambar, font, dan stylesheet.

Google Chrome Adalah Web

Security

Gunakan panel Security untuk men-debug masalah materi campuran, masalah pada sertifikat, dan sebagainya.

Turut Serta





broken image