• Tentang Kami
  • Mengumumkan
  • Kebijakan Privasi
  • Hubungi kami
Berita MasterTrend
25 suhu udara
Columbus
19 ° Duduk
21 ° Ming
  • Rumah
    • BLOG
    • LAYANAN TEKNIS
    • TOKO
  • Tutorial
  • Perangkat keras
  • Permainan
  • Telepon genggam
  • Keamanan
  • Jendela
  • Kecerdasan buatan
  • Perangkat lunak
  • Jaringan
  • Berita
  • id_IDIndonesian
    • es_ESSpanish
    • en_USEnglish
    • pt_BRPortuguese
    • fr_FRFrench
    • it_ITItalian
    • de_DEGerman
    • ko_KRKorean
    • jaJapanese
    • zh_CNChinese
    • ru_RURussian
    • thThai
    • pl_PLPolish
    • tr_TRTurkish
    • hi_INHindi
    • arArabic
    • sv_SESwedish
    • nl_NLDutch
Tidak ada hasil
Lihat semua hasil
  • Rumah
    • BLOG
    • LAYANAN TEKNIS
    • TOKO
  • Tutorial
  • Perangkat keras
  • Permainan
  • Telepon genggam
  • Keamanan
  • Jendela
  • Kecerdasan buatan
  • Perangkat lunak
  • Jaringan
  • Berita
  • id_IDIndonesian
    • es_ESSpanish
    • en_USEnglish
    • pt_BRPortuguese
    • fr_FRFrench
    • it_ITItalian
    • de_DEGerman
    • ko_KRKorean
    • jaJapanese
    • zh_CNChinese
    • ru_RURussian
    • thThai
    • pl_PLPolish
    • tr_TRTurkish
    • hi_INHindi
    • arArabic
    • sv_SESwedish
    • nl_NLDutch
Tidak ada hasil
Lihat semua hasil
Berita MasterTrend
Tidak ada hasil
Lihat semua hasil
Awal Tutorial

Trik Pemeriksa Elemen: Ubah Situs Web Anda Sekarang! ⚡️

Wawasan MasterTrend oleh Wawasan MasterTrend
2 April 2025
di dalam Tutorial
Waktu membaca:Bacaan 9 menit
KE KE
0
Trik Pemeriksa Elemen: 8 Trik Penting!
6
DIBAGIKAN
18
Pemandangan
Bagikan di FacebookBagikan di Twitter

Isi

  1. Trik Pemeriksa Elemen: 8 Cara yang Wajib Diketahui! 🛠️
  2. 1 . Unduh Gambar
    1. Langkah 1
    2. Langkah 2
    3. Langkah 3
  3. 2 . Unduh Video
    1. Langkah 1
    2. Langkah 2
    3. Langkah 3
  4. 3 . Ambil Screenshot Halaman Penuh
  5. 4 . Berpura-pura Anda sedang menggunakan telepon
  6. 5 . Identifikasi Sumber
  7. 6 . Edit Teks di Halaman (Sementara)
  8. 7 . Hapus Item
  9. 8 . Mengidentifikasi Nilai Warna
    1. Posting Terkait

Trik Pemeriksa Elemen: 8 Cara yang Wajib Diketahui! 🛠️

Inspektur Elemen di peramban Anda mungkin tampak seperti alat yang hanya diperuntukkan bagi pengembang, tetapi Anda sebenarnya dapat melakukan beberapa hal keren dengannya meskipun Anda tidak tahu apa pun tentang pemrograman! 🚀

1 . Unduh Gambar

Anda mungkin perlu mengunduh gambar dari situs web. Anda mencoba mengklik kanan dan menekan "Simpan Gambar", dan Anda menemukan bahwa opsi tersebut dinonaktifkan atau tombol "Simpan Gambar" tidak muncul. Di waktu lain, Anda mungkin hanya dapat mengunduh gambar mini, dan bukan keseluruhan berkas. 🤔 Apa kabar?

Pengembang sering kali sengaja menonaktifkan tombol “Simpan Gambar”, atau menggunakan kerangka kerja web yang tidak mengizinkan pengunduhan gambar dengan cara tersebut. Namun ada solusi praktis di Element Inspector. Anda bisa mendapatkan sumber gambar apa pun dari situs web, berukuran penuh, dalam tiga langkah sederhana. 📸

Terkadang gambar-gambar ini diblokir karena alasan perizinan dan hak cipta, jadi berhati-hatilah dengan hal itu dan patuhi penggunaan wajar untuk menghindari masalah hukum. ⚖️

Langkah 1

Melakukan klik kanan pada di mana saja pada halaman dan pilih “Periksa Elemen” atau “Periksa.” Anda juga dapat menggunakan pintasan papan ketik khusus untuk inspektur dalam peramban Anda. F12 bekerja di sebagian besar browser dan sistem operasi. Saya menggunakan Firefox untuk demo ini, tetapi langkah-langkahnya sama. 🖱️

Langkah 2

Di dalam jendela Element Inspector, klik tab “Network”. Tab jaringan harus memiliki “Gambar” sebagai salah satu submenunya. Klik pada “Gambar.” 🖼️

Sekarang muat ulang halaman sehingga semua sumber gambar muncul di tab “Gambar”. Gunakan tombol penyegaran di samping bilah alamat dari peramban Anda atau tekan Ctrl+R. 🔄

Menyimpan gambar menggunakan Inspect Element.

Langkah 3

Dan itu dia. Seluruh pustaka gambar akan dimuat ke dalam daftar. Daftar ini diperbarui secara dinamis, jadi saat lebih banyak gambar diunggah ke situs web, gambar tersebut juga akan muncul di sini. 🖼️✨

Anda dapat mengarahkan kursor ke suatu berkas untuk melihat pratinjau dan dimensinya. Klik dua kali untuk membuka berkas di tab baru, tempat Anda dapat menyimpannya menggunakan menu klik kanan. 💾

Menyimpan berkas gambar menggunakan Inspektur Elemen.

2 . Unduh Video

Sama seperti aset gambar, terkadang situs web tidak mengizinkan memulangkan video secara langsung. Namun Anda dapat mengunduhnya dengan memuatnya ke dalam inspektur elemen. Setelah dimuat ke inspektur, cukup klik dua kali nama file untuk membukanya di tab baru. Bahasa Indonesia:

Langkah 1

Buka jendela Inspektur Elemen dengan menekan pintasan keyboard F12 (seharusnya berfungsi pada sebagian besar sistem). Alternatifnya, Anda dapat klik kanan di mana saja pada halaman web dan pilih "Periksa". Jendela Pemeriksa Elemen akan muncul. 🖱️

Langkah 2

Klik tab “Jaringan” dan kemudian “Media” untuk memfilter semuanya kecuali file video. Muat ulang halaman. Dengan mengeklik tombol penyegaran browser atau dengan menekan Ctrl+R. 🔄

Memuat berkas media menggunakan Elements Inspector di Firefox.

Langkah 3

Berkas video akan dimuat dalam daftar. Anda tidak dapat langsung melihat pratinjaunya, tetapi Anda dapat mengklik dua kali berkas untuk membukanya di tab baru. Di sana, Anda dapat klik kanan dan mengunduhnya. Bahasa Indonesia:

Menyimpan berkas video menggunakan elemen inspeksi.

3 . Ambil Screenshot Halaman Penuh

Jika Anda ingin menyimpan seluruh halaman web, Anda dapat dengan cepat mengunduhnya sebagai berkas PDF atau HTML. Tetapi bagaimana jika Anda ingin mengambil foto biasa seluruh halaman? Di Sini Saya akan menjelaskan cara melakukannya. 📸

Firefox memiliki alat tangkapan layar khusus di menu konteks, jadi saya akan menunjukkan cara melakukannya di Google Chrome dan peramban lainnya. 🌐

Buka alat inspektur dengan mengklik kanan di mana saja pada halaman atau menekan F12.

Mengambil tangkapan layar satu halaman penuh menggunakan elemen inspeksi di Chrome.

Tekan Ctrl+Shift+P untuk membuka jendela Run. saya menulis Tangkapan tangkap layar ukuran penuh di jendela ini. Klik itu. 📄

Jendela “Simpan Sebagai” akan segera muncul, memungkinkan Anda menyimpan tangkapan layar halaman penuh sebagai JPG. 💾

Menyimpan tangkapan layar satu halaman penuh menggunakan elemen inspeksi di Chrome.

4 . Berpura-pura Anda sedang menggunakan telepon

Sebagian besar situs web dimuat secara berbeda tergantung pada jenis perangkat dan ukuran layar. Jika Anda ingin mengelabui situs agar mengira Anda menggunakan perangkat lain (apa pun alasannya), Anda dapat melakukannya dengan mudah menggunakan alat inspektur. 📱

Di Chrome, buka jendela Inspektur Elemen dari menu klik kanan atau dengan F12. Lalu klik ikon laptop dan telepon kecil di sudut kiri atas. Firefox memiliki tombol serupa, yang disebut Mode Desain Responsif (Ctrl+Shift+M). 🖥️

Mengubah agen pengguna default di Chrome.

Anda akan memiliki daftar perangkat yang dapat Anda tiru, dan Anda juga dapat menyesuaikan ukuran secara manual layar. Setelah Anda memilih perangkat seluler, Anda akan melihat bahwa peramban Anda juga mensimulasikan gerakan sentuh. 📱✨

5 . Identifikasi Sumber

Kiat ini ditujukan bagi mereka yang kreatif, tetapi siapa pun yang penasaran dengan font pada situs web dapat menggunakan trik ini. Anda dapat menggunakan alat inspektur untuk mengidentifikasi dan terkadang bahkan mengunduh font. 🖋️

Pertama, buka alat pemeriksaan elemen. Selanjutnya, klik tab “Jaringan” (mungkin tersembunyi di menu luapan) dan pilih “Sumber.”

Mengidentifikasi dan mengunduh font menggunakan Inspect Element.

Lalu tekan Ctrl+R. Font yang ditampilkan akan dimuat ke dalam daftar, mungkin dalam format WOFF. Anda dapat mengunduhnya langsung dengan mengklik dua kali pada nama font. Misalnya, How-To Geek menggunakan Roboto sebagai font default-nya. 🔤

Jika Anda memerlukan informasi lebih rinci tentang font, buka tab “Elemen” dan pilih “Gaya”. Gulir ke bawah ke properti keluarga font dan klik di atasnya. Teks yang sesuai akan disorot di halaman web. Dengan cara ini Anda dapat mengidentifikasi sumbernya secara akurat. 🎨

Informasi sumber terperinci dalam kode sumber halaman.

6 . Edit Teks di Halaman (Sementara)

Tahukah Anda bahwa Anda dapat mengedit sementara hampir semua hal di halaman web menggunakan inspektur? Alat ini memungkinkan Anda mengedit kode yang menyusun situs web, jadi jika Anda tahu sedikit tentang kode, Anda dapat membuat tampilan halaman sesuai keinginan (hanya di komputer Anda, hingga Anda memuat ulang halaman tersebut). 🛠️

Sekalipun Anda tidak tahu apa pun tentang pengkodean, Anda dapat mengedit teks dasar di halaman web mana pun. Ini bisa menjadi lelucon kecil yang menyenangkan untuk dilakukan pada teman-teman Anda. 😉

Sorot teks pada halaman yang ingin Anda edit, lalu klik kanan teks tersebut. Kemudian pilih “Periksa” atau “Periksa Elemen.”

Potongan teks yang relevan akan muncul di tab Elemen. Cukup klik dua kali dan ganti teks dengan apa pun yang Anda inginkan. ✏️

Tutup Pemeriksa Elemen dan selesai! Ingatlah bahwa jika Anda memuat ulang halaman, perubahan Anda akan dibatalkan. 🔄

7 . Hapus Item

Sama seperti mengedit teks, Anda juga dapat menghapus elemen tertentu dari halaman web. Sekali lagi, perubahan hanya akan bertahan hingga Anda memuat ulang halaman. ❌

Klik kanan pada elemen yang ingin dihapus, lalu pilih “Periksa” atau “Periksa Elemen”.

Arahkan kursor ke label “

” hingga seluruh elemen disorot. Lalu tekan saja tombol Delete. 🔚

Menghapus elemen dari halaman web menggunakan Inspect Element.

Begitu saja, hilang! 🕵️‍♂️

8 . Mengidentifikasi Nilai Warna

Tip lain untuk para kreatif: Anda bisa mendapatkan nilai RGB dan HEX apa pun warna pada halaman web dengan alat pipet yang akan Anda temukan di inspektur elemen. 🎨

Klik kanan di mana saja pada halaman dan buka Inspektur. Secara default, jendela Aturan terbuka dalam tab Inspektur. Gulir ke bawah untuk menemukan properti yang diberi label warna.

Properti warna harus memiliki lingkaran atau persegi berwarna di sebelahnya. Klik di atasnya untuk membuka pemilih warna dan tekan ikon pipet di sebelahnya. 🖌️

Menggunakan alat pipet dalam Periksa Elemen.

Anda dapat mengarahkan pipet ini ke mana saja pada halaman untuk menemukan nilai warna. Mengklik pipet akan secara otomatis mengisi properti dengan nilai warna yang baru saja Anda pilih. Dari sini Anda dapat dengan mudah menyalinnya. 📋

Menggunakan pipet melalui Inspect Element.

Ini tipsnya hanya menggores permukaan tentang apa yang sebenarnya mungkin dilakukan dengan menggunakan Elements Inspector. Jika Anda ingin mendalami pengembangan web lebih lanjut, berikut adalah panduan untuk membantu Anda memulai. 💻

Bagikan ini:
1IndonesiaLinkedInPinterestXBahasa Indonesia: RedditBahasa Indonesia: TumblrLangit biruBenangMembagikan
1
MEMBAGIKAN

Posting Terkait

  • Perbaikan Komputer
  • Instal Windows 11 Home tanpa Internet
  • Microsoft Copilot – Rekomendasi untuk Menggunakan AI di Windows
  • Tombol Intel Alder Lake seri S non-K
  • Pencarian Unduhan File WP
  • Penggantian Hard Drive – Ganti HDD dengan SSD pada Notebook
  • Penghapusan Virus
  • Alat diagnostik terbaik untuk Windows 10/11
Tag: TipsPerambanKonten EvergreenTipsTeknologi
Postingan Sebelumnya

Hapus Aplikasi Tidak Dikenal di Windows 11: Temukan 8 Rahasia! 🔍

Publikasi berikutnya

Cara Meningkatkan Performa Nintendo Switch Anda 🎮💨

Wawasan MasterTrend

Wawasan MasterTrend

Tim editorial kami membagikan ulasan mendalam, tutorial, dan rekomendasi untuk membantu Anda mendapatkan hasil maksimal dari perangkat dan alat digital Anda.

Publikasi berikutnya
Cara Meningkatkan Performa Nintendo Switch Anda

Cara Meningkatkan Performa Nintendo Switch Anda 🎮💨

5 2 suara
Peringkat Artikel
Berlangganan
Mengakses
Diberitahukan oleh
tamu
tamu
0 Komentar
Lebih kuno
Yang lebih baru Lebih banyak suara
Komentar online
Lihat semua komentar

Tetap Terhubung

  • 976 Penggemar
  • 118 Pengikut
  • 1,4 ribu Pengikut
  • 1,8 ribu Pelanggan

Jangan lewatkan berita teknologi dan permainan terkini.
Kiat eksklusif, panduan cara melakukan sesuatu, dan analisis setiap hari.

Formulir Berlangganan
  • Kecenderungan
  • Komentar
  • Terakhir
12 Alternatif Terbaik untuk Lucky Patcher untuk Android

Alternatif Lucky Patcher: 12 Aplikasi yang Lebih Baik dan Mudah! 🎮⚡

12 Mei 2025
Cara menambahkan jam ke desktop Windows 11 Anda: 3 trik yang sangat ampuh!

Cara Menambahkan Jam ke Desktop Windows 11 Anda: Raih Lebih Banyak Hal dalam Hitungan Menit! ⏱️

1 Mei 2025
Cara Menggunakan DNS AdGuard di Android pada tahun 2024

Cara Menggunakan DNS AdGuard di Android pada tahun 2025

11 Februari 2025
Cara menyimpan game di REPO

Cara menyimpan permainan Anda di REPO 🔥 Temukan rahasia agar tidak kehilangan kemajuan

7 Juli 2025
Fitur Gmail di Android: Hemat Waktu dengan 5 Tips

Fitur Gmail di Android: 5 Trik yang Tidak Anda Ketahui! 📱✨

12
Perbaikan Motherboard - Perbaikan Motherboard

Perbaikan Motherboard Notebook

10
Instal Windows 11 Home tanpa Internet

Instal Windows 11 Home tanpa Internet

10
Cara Mencadangkan Driver di Windows 11/10 dalam 4 Langkah!

Cara Mencadangkan Driver di Windows 11/10: Hindari Kesalahan! 🚨💾

10
DISM di Windows 11 - Teks alternatif: Gambar yang menunjukkan perbaikan citra sistem di Windows 11 menggunakan DISM, dengan laptop yang menampilkan layar mulai Windows 11 dan ikon simbol terminal, yang mewakili alat baris perintah untuk pemeliharaan sistem operasi.

DISM untuk Windows 11: 3 Langkah untuk Memperbaiki Kesalahan Sekarang

30 Juli 2025
Assassin's Creed Shadows menghilangkan algojo - Teks alternatif: "Cuplikan layar dari Assassin's Creed Shadows yang menampilkan duel malam yang menegangkan antara protagonis dan algojo berbaju besi, Shindo Hiroshii, di latar belakang desa tradisional Jepang yang remang-remang dengan api dan penduduk desa di latar belakang."

Assassin's Creed Shadows Menghilangkan Algojo: Cari Tahu Caranya!

27 Juli 2025
Ubuntu vs Kubuntu - Teks alternatif: Perbandingan logo sistem operasi Linux Ubuntu vs Kubuntu, menampilkan logo Ubuntu berwarna oranye di sebelah kiri dan logo Kubuntu berwarna biru di sebelah kanan, dipisahkan oleh simbol "vs" berwarna perak pada latar belakang batu bertekstur.

Ubuntu vs. Kubuntu: Mana yang lebih baik untukmu? Aku kasih tahu sekarang! 🚀💻

27 Juli 2025
Desktop Window Manager - Teks alt yang ramah SEO: Wanita mengenakan headphone bekerja di depan komputer dengan layar yang menampilkan pertanyaan "Apa itu Desktop Window Manager (dwin eve) dan apa fungsinya?" dalam suasana kantor rumah modern.

Desktop Window Manager: 4 Trik untuk Mengurangi RAM dan Mempercepat Windows 🚀✨

27 Juli 2025

Berita Terbaru

DISM di Windows 11 - Teks alternatif: Gambar yang menunjukkan perbaikan citra sistem di Windows 11 menggunakan DISM, dengan laptop yang menampilkan layar mulai Windows 11 dan ikon simbol terminal, yang mewakili alat baris perintah untuk pemeliharaan sistem operasi.

DISM untuk Windows 11: 3 Langkah untuk Memperbaiki Kesalahan Sekarang

30 Juli 2025
13
Assassin's Creed Shadows menghilangkan algojo - Teks alternatif: "Cuplikan layar dari Assassin's Creed Shadows yang menampilkan duel malam yang menegangkan antara protagonis dan algojo berbaju besi, Shindo Hiroshii, di latar belakang desa tradisional Jepang yang remang-remang dengan api dan penduduk desa di latar belakang."

Assassin's Creed Shadows Menghilangkan Algojo: Cari Tahu Caranya!

27 Juli 2025
8
Ubuntu vs Kubuntu - Teks alternatif: Perbandingan logo sistem operasi Linux Ubuntu vs Kubuntu, menampilkan logo Ubuntu berwarna oranye di sebelah kiri dan logo Kubuntu berwarna biru di sebelah kanan, dipisahkan oleh simbol "vs" berwarna perak pada latar belakang batu bertekstur.

Ubuntu vs. Kubuntu: Mana yang lebih baik untukmu? Aku kasih tahu sekarang! 🚀💻

27 Juli 2025
19
Desktop Window Manager - Teks alt yang ramah SEO: Wanita mengenakan headphone bekerja di depan komputer dengan layar yang menampilkan pertanyaan "Apa itu Desktop Window Manager (dwin eve) dan apa fungsinya?" dalam suasana kantor rumah modern.

Desktop Window Manager: 4 Trik untuk Mengurangi RAM dan Mempercepat Windows 🚀✨

27 Juli 2025
11
Logo Berita MasterTrend

MasterTrend Info adalah sumber informasi teknologi terkini: temukan berita, tutorial, dan analisis tentang perangkat keras, perangkat lunak, permainan, perangkat seluler, dan kecerdasan buatan. Berlanggananlah ke buletin kami dan jangan lewatkan tren apa pun.

Ikuti kami

Telusuri Berdasarkan Kategori

  • Permainan
  • Perangkat keras
  • Kecerdasan buatan
  • Telepon genggam
  • Berita
  • Jaringan
  • Keamanan
  • Perangkat lunak
  • Tutorial
  • Jendela

Berita Terbaru

DISM di Windows 11 - Teks alternatif: Gambar yang menunjukkan perbaikan citra sistem di Windows 11 menggunakan DISM, dengan laptop yang menampilkan layar mulai Windows 11 dan ikon simbol terminal, yang mewakili alat baris perintah untuk pemeliharaan sistem operasi.

DISM untuk Windows 11: 3 Langkah untuk Memperbaiki Kesalahan Sekarang

30 Juli 2025
Assassin's Creed Shadows menghilangkan algojo - Teks alternatif: "Cuplikan layar dari Assassin's Creed Shadows yang menampilkan duel malam yang menegangkan antara protagonis dan algojo berbaju besi, Shindo Hiroshii, di latar belakang desa tradisional Jepang yang remang-remang dengan api dan penduduk desa di latar belakang."

Assassin's Creed Shadows Menghilangkan Algojo: Cari Tahu Caranya!

27 Juli 2025
  • Tentang Kami
  • Mengumumkan
  • Kebijakan Privasi
  • Hubungi kami

Hak Cipta © 2025 https://mastertrend.info/ - Semua hak dilindungi undang-undang. Semua merek dagang adalah milik pemiliknya masing-masing.

es_ES Spanish
es_ES Spanish
en_US English
pt_BR Portuguese
fr_FR French
it_IT Italian
ru_RU Russian
de_DE German
zh_CN Chinese
ko_KR Korean
ja Japanese
th Thai
hi_IN Hindi
ar Arabic
tr_TR Turkish
pl_PL Polish
id_ID Indonesian
nl_NL Dutch
sv_SE Swedish
Tidak ada hasil
Lihat semua hasil
  • id_IDIndonesian
    • es_ESSpanish
    • en_USEnglish
    • pt_BRPortuguese
    • fr_FRFrench
    • it_ITItalian
    • de_DEGerman
    • ko_KRKorean
    • jaJapanese
    • zh_CNChinese
    • ru_RURussian
    • pl_PLPolish
    • tr_TRTurkish
    • hi_INHindi
    • thThai
    • arArabic
    • sv_SESwedish
    • nl_NLDutch
  • Permainan
  • Perangkat keras
  • Kecerdasan buatan
  • Telepon genggam
  • Berita
  • Jaringan
  • Keamanan
  • Perangkat lunak
  • Tutorial
  • Jendela

Hak Cipta © 2025 https://mastertrend.info/ - Semua hak dilindungi undang-undang. Semua merek dagang adalah milik pemiliknya masing-masing.

Komentar Info Penulis
:wpds_senyum::wpds_senyum::wpds_mengedipkan mata::wpds_mrgreen::wpds_netral::wpds_twisted::wpds_panah::kejutan wpds::wpds_tidak terhibur::wpds_keren::wpds_jahat::wpds_oops::wpds_razz::wpds_gulungan::wpds_menangis::wpds_eek::wpds_lol::wpds_mad::wpds_sedih::wpds_seru::pertanyaan_wpds::ide_wpds::wpds_hmm::wpds_memohon::wpds_wah::wpds_tertawa::wpds_konyol::wpds_iri::wpds_tutup:
wpDiscuz
Bahasa Indonesia: RedditLangit biruXIkan MasBerita Peretas
Bagikan ini:
Ikan MasVKontakteAda apaTelegramPesan singkatBerita PeretasGarisKurir
Instansi Mastodon Anda