Cara Menyalin Kode Dari Situs Web Menggunakan Chrome, Firefox, dan Edge

Membuat situs web dari awal dapat membuat Anda menggaruk-garuk kepala, tergantung pada kerumitan proyek. Keterampilan yang memakan waktu ini bisa memakan waktu berbulan-bulan atau bertahun-tahun untuk dikuasai. Akibatnya, sebagian besar pembuat kode profesional telah mengembangkan proses dan pintasan untuk menyempurnakan keterampilan mereka.

Ini termasuk menyimpan daftar kode pemrograman yang paling populer dan berulang. Dalam artikel ini, Anda akan mempelajari trik lain yang memungkinkan Anda menyalin kode situs web secara bertanggung jawab menggunakan browser populer seperti Chrome, Firefox, dan Edge. Ini bisa menjadi sumber belajar yang tak ternilai, menawarkan contoh kode yang sudah selesai.

Cara Menyalin Kode Dari Situs Web Menggunakan Chrome

Anda dapat menyalin kode dari situs web menggunakan metode berikut di Chrome.

Melalui Sumber Halaman

Ini mungkin cara terbaik dan termudah untuk mengakses seluruh basis kode situs web atau halaman web, apa pun browsernya. Untuk melihat sumber laman di Chrome, buka situs web target dan klik kanan bagian mana pun dari laman selain tautan, gambar, atau iklan.

Klik Lihat sumber halaman atau cukup tekan Ctrl + U (Windows, Linux) atau Perintah + U (macOS). Salin sebagian kode yang Anda inginkan atau semuanya dan tempelkan ke editor kode pilihan Anda.

Melalui Pintasan F12

Anda dapat dengan mudah mengakses Alat Pengembang Chrome dengan membuka situs web dan cukup menekan F12. Alat Pengembang Chrome menampung kode situs web dan berfungsi ganda sebagai alat debug untuk pengembang.

Pilih semua kode yang Anda inginkan, salin, dan tempel ke editor kode pilihan Anda.

Cara lain untuk masuk ke panel Alat Pengembang Chrome adalah melalui alat Inspeksi. Untuk melakukannya, kunjungi situs web target tempat Anda ingin menyalin kode. Sekarang, tekan Ctrl + Shift + I (Windows, Linux) atau Perintah + Opsi + I (macOS), ini akan membawa Anda langsung ke Dev Tools.

Alternatifnya, klik kanan bagian halaman yang kosong dan pilih Memeriksa dari opsi menu, tepat di bawah opsi untuk melihat sumber halaman.

Melalui Menu Tindakan Lainnya Chrome

Cara lain untuk menjelajahi kode situs web melalui Dev Tools di Chrome adalah dengan mengeklik tombol tiga titik di pojok kanan atas situs web target. Dari opsi menu, pilih Lebih banyak alat, Kemudian Alat pengembang.

Salin semua kode yang Anda inginkan dan rekatkan ke editor kode pilihan Anda. Juga, selain sebagai alat debugging, Anda juga bisa gunakan Alat Pengembang Chrome untuk mengambil tangkapan layar.

Cara Menyalin Kode Dari Situs Web Menggunakan Firefox

Berikut adalah berbagai cara untuk menyalin kode situs web menggunakan Firefox.

Lihat sumber halaman

Untuk mengakses dan menyalin kode situs web di Firefox dengan melihat sumber halaman, cukup klik kanan situs web target dan klik Lihat sumber halaman.

Atau, tekan Ctrl + U (Windows, Linux) atau Perintah + U (macOS). Salin semua kode yang Anda inginkan dan tempelkan ke editor kode pilihan Anda.

Anda dapat dengan mudah melihat sumber halaman di Firefox dengan mengklik menu hamburger tiga baris, memilih Lebih banyak alat, dan mengklik Sumber Halaman.

Melalui Pintasan Keyboard F12

Sama seperti Chrome, Anda juga dapat mengakses kode situs web di Firefox Dev Tools hanya dengan menekan tombol F12 di keyboard Anda.

Cari-cari kode spesifik yang Anda cari, berikan perhatian khusus pada Style Editor. Sekarang, salin dan tempel semua kode itu ke editor kode favorit Anda dan lakukan keajaiban Anda.

Sekali lagi, seperti Chrome, Anda sama-sama dapat mengakses kode situs web di Firefox menggunakan alat Inspeksi bawaan. Untuk melakukannya, klik kanan bagian mana pun dari situs web target dan tekan salah satu Q atau klik Memeriksa. Anda juga dapat menekan Ctrl + Shift + I (Windows, Linux) atau Perintah + Opsi + I (macOS).

Seperti yang dijelaskan, Anda masih dapat menggunakan Editor Gaya untuk menemukan jalan sampai Anda menemukan kode yang Anda cari. Kemudian salin dan tempel ke salah satu editor kode terbaik yang dapat Anda temukan.

Melalui Menu Tindakan Lainnya Firefox

Untuk menyalin kode situs web di Firefox melalui menu tindakan lainnya, dari situs web yang kodenya ingin Anda salin, klik menu hamburger tiga baris di pojok kanan atas.

Pilih Lebih banyak alat, lalu klik Alat Pengembang Web. Dari sini, Anda dapat menggunakan Inspektur atau Editor Gaya untuk menyalin kode yang diinginkan.

Untuk Inspektur, gunakan tombol panah di keyboard atau bilah gulir untuk menavigasi entri. Untuk Editor Gaya, Anda dapat berfokus pada item baris tertentu menggunakan panel navigasi kiri. Ketika Anda telah menemukan yang Anda inginkan, rekatkan kode yang disalin ke editor kode Anda dan sesuaikan dengan selera Anda.

Cara Menyalin Kode Dari Situs Web Menggunakan Edge

Anda dapat dengan mudah menyalin kode situs web dengan berbagai cara menggunakan Edge sebagai berikut.

Lihat sumber halaman

Untuk menyalin kode situs web dengan melihat sumber halaman di Microsoft Edge, cukup klik kanan bagian mana pun dari situs target dan pilih Lihat sumber halaman.

Atau, Anda cukup menekan Ctrl + U (Windows, Linux) atau Perintah + U (macOS), salin bagian yang Anda inginkan, rekatkan ke editor, dan mulailah menyesuaikan kode.

Melalui Pintasan Keyboard F12

Jika Anda menggunakan Edge, Anda juga dapat menyalin kode situs web hanya dengan menekan tombol F12 saat mengunjungi situs web tempat Anda ingin menyalin kode.

Konfirmasikan pilihan Anda dengan mengklik Buka DevTools. Di panel Alat Pengembang, Anda dapat dengan mudah menyalin semua kode yang Anda inginkan dan membuat pekerjaan Anda lebih cepat.

Untuk menyalin kode situs web menggunakan alat Inspeksi Edge, buka situs web yang kodenya ingin Anda salin, klik kanan bagian yang kosong, dan pilih Memeriksa.

Anda juga dapat menekan Ctrl + Shift + I (Windows, Linux) atau Perintah + Opsi + I (macOS). Anda kemudian dapat menyalin dan menempelkan kode yang ingin Anda gandakan dan edit.

Melalui Tombol Tindakan Lainnya Edge

Edge juga memungkinkan Anda mengakses panel DevTools melalui menu tindakan lainnya. Untuk melakukannya, buka situs web yang kodenya ingin Anda salin. Klik tombol tiga titik di pojok kanan atas, dan klik Lebih banyak alat, Kemudian Alat pengembang.

Jika browser Anda tidak memiliki salah satu dari opsi atau fitur ini, Anda mungkin ingin memeriksa apakah itu mutakhir. Ini cara memeriksa dan memperbarui Chrome, Firefox, dan Edge.

Pendekatan apa pun yang Anda ambil dan browser berbasis Chromium apa pun yang Anda gunakan (Chrome, Firefox, atau Edge), Anda dapat mencari file atau elemen tertentu dengan mengeklik menu tiga titik pada panel Alat Dev dan memilih Mencari. Atau, cukup tekan Ctrl + Shift + F (Windows, Linux) atau Perintah + Opsi + F (macOS).

Itu Membuka file Dan Jalankan perintah opsi juga berguna untuk menemukan kode di situs web, seperti halnya Editor Gaya di Firefox dan Elemen di panel alat dev Chrome dan Edge.

Sempurnakan Keterampilan Anda dengan Menggunakan Kode Situs Web yang Ada

Apakah Anda menggunakan Chrome, Firefox, Edge, atau browser web berbasis Chromium lainnya (dalam hal ini), Anda dapat menghemat banyak waktu dan energi hanya dengan menyalin kode dari situs web yang sudah ada.

Namun, menyalin kode situs web hanya boleh dilakukan untuk pembelajaran Anda sendiri dan mencari-cari secara offline. Mencoba membuat replika dari situs web yang ada dan memublikasikannya sebagaimana adanya dapat menyebabkan pelanggaran hak cipta. Anda juga dapat membuat kode saat bepergian dengan editor kode seluler.