Tahukah Anda bahwa mengedit teks di situs web langsung di browser Anda dapat dilakukan? Itu benar.
Halaman web bersifat hanya-baca, tetapi Anda benar-benar dapat mengedit salinan lokal di browser Anda meskipun Anda tidak memiliki situs web tersebut. Ini bisa menjadi cara yang berguna untuk memperbaiki kesalahan, mencoba alat pengembang dengan cepat, atau melakukan perubahan praktis yang meningkatkan pengalaman menjelajah Anda.
Artikel ini akan menunjukkan kepada Anda cara mengedit halaman web apa pun menggunakan Chrome, Safari, Firefox, Microsoft Edge, dan Opera.
Cara Edit Text di Website
Semua browser modern dilengkapi dengan alat pengembang.
Mereka biasanya adalah seperangkat alat yang membuka panel pengembangan internal browser web, memberi Anda kesempatan untuk mengedit apa yang sedang Anda lihat. Secara umum, alat pengembang menyediakan pengeditan kode untuk HTML/CSS/JavaScript & DOM untuk membantu Anda menganalisis konten dari berbagai perspektif.
Kemampuan untuk mengedit teks sangat penting bagi pengembang web, penulis konten, pemasar digital, dan siapa pun yang suka menjelajahi internet.
Sebagai pengembang web, mengedit teks dapat membantu Anda menguji judul laman landas baru secara waktu nyata. Ini juga dapat membantu Anda berbagi ide dengan klien dan memberi mereka kesempatan untuk memilih apa yang mereka inginkan. Ini dapat menghemat waktu Anda dan membantu Anda berkomunikasi dengan lebih efisien.
Ini juga dapat membantu Anda menghilangkan data rahasia saat mengambil tangkapan layar untuk dibagikan dengan klien Anda.
Jika Anda seorang penulis konten, mengedit teks di halaman web dapat membantu Anda melakukan brainstorming dan membuat beberapa skrip sebelum memilih yang terbaik.
Sebagai pemasar digital, kemampuan untuk mengedit teks di halaman web mana pun dapat memberi Anda wawasan bermanfaat untuk meningkatkan upaya SEO Anda. Itu dapat digunakan sebagai senjata rahasia untuk mendapatkan wawasan tentang kata kunci yang digunakan oleh pesaing oleh pesaing.
Pertama, mari kita lihat cara mengedit teks di situs web menggunakan Chrome.
Cara Mengedit Teks di Situs Web Apa Pun di Chrome
Orang-orang tertarik pada Chrome karena kecepatan, kesederhanaan, dan integrasinya yang mulus dengan aplikasi Google.
Ini juga tersedia di lebih banyak perangkat daripada browser lainnya. Itu termasuk PC, Mac, Chromebook, iPhone, Android, Windows Phone, dan hampir semua perangkat lain yang dapat menjalankan browser web modern.
Di luar fungsi umumnya, popularitas Chrome dapat dikaitkan sebagian dengan fitur Elemen Inspeksi, yang memungkinkan Anda mengedit teks di situs web apa pun, meskipun Anda bukan pemiliknya. Meskipun setiap perubahan yang Anda buat bersifat sementara, ini bisa menjadi cara yang berguna untuk memperbaiki kesalahan dan menguji ide baru dengan cepat.
Begini cara kerjanya:
- Buka Chrome dan arahkan ke halaman web yang diinginkan.
- Klik elipsis (tiga titik kecil) di pojok kanan atas layar Anda.
- Klik panah maju di sebelah "Alat Lainnya".
- Pilih "Alat Pengembang" dari jendela sembulan. Ini akan membuka panel "Elemen" di sisi kanan jendela browser tempat Anda dapat mengubah kode sumber halaman. Untuk keterbacaan yang lebih baik, Anda dapat menyeret sudut kotak untuk memperbesar ukurannya.
- Pada titik ini, klik ikon kursor di pojok kiri atas panel inspektur.
- Sorot teks yang ingin Anda edit di bagian "normal" browser Anda. Ini secara otomatis akan menyorot kode yang sesuai di panel inspektur.
- Klik kanan pada kode yang disorot dan pilih "Edit as HTML" dari submenu popup yang dihasilkan. Ini akan membuka kotak editor tempat Anda dapat memodifikasi teks sesuka Anda.
- Setelah mengedit, keluar dari kotak editor dan tutup panel Elemen dengan mengklik tombol "X" di pojok kanan atas.
Et voila! Halaman web yang diedit sekarang akan terlihat di jendela browser Anda.
Mungkin hal terbaik tentang alat ini adalah ia bekerja dengan sangat baik sehingga tidak ada yang menduga ada yang telah dimodifikasi. Anda bahkan dapat mengambil tangkapan layar dari halaman web yang diedit, dengan segala sesuatu tampak bersih dan asli.
Namun, semua perubahan bersifat lokal, dan Anda dapat kembali ke aslinya hanya dengan menyegarkan atau memuat ulang halaman.
Cara Mengedit Teks di Semua Situs Web di Firefox
Jika Anda menyukai Firefox, kami punya kabar baik. Anda dapat mengedit teks apa pun di halaman web mana pun di internet hanya dengan beberapa klik.
Berikut cara melakukannya:
- Buka Firefox dan kunjungi halaman web yang menarik.
- Klik pada tiga garis horizontal di sudut kanan atas browser Anda dan pilih "Alat Lainnya" dari menu tarik-turun yang dihasilkan.
- Klik pada "Alat Pengembang." Ini akan membuka panel inspektur di bagian bawah jendela browser Anda untuk melihat kode sumber halaman web dan melakukan banyak penyesuaian, termasuk mengedit teks.
- Klik ikon kursor di sudut kiri atas panel inspektur.
- Gunakan kursor untuk menyorot teks yang ingin Anda ubah. Anda melakukan ini di bagian utama halaman web – tepat di atas panel inspektur. Ini secara otomatis akan menyorot kode yang sesuai di panel inspektur.
- Klik kanan pada kode yang disorot dan pilih "Edit sebagai HTML."
- Lanjutkan untuk mengedit teks sesuai keinginan. Anda dapat menghapus apa pun yang tidak Anda sukai dengan menyorotnya dan menekan Backspace.
- Saat Anda telah membuat semua perubahan yang diinginkan, klik di mana saja di luar kotak editor teks dan tutup panel inspektur dengan mengklik tombol "X" di pojok kanan atas.
Setelah melakukan langkah-langkah ini, semua perubahan Anda sekarang akan terlihat di halaman web. Untuk membuat perubahan lebih lanjut atau bahkan memodifikasi suntingan Anda, cukup ikuti langkah-langkah di atas untuk membuka kembali kotak editor teks.
Cara Mengedit Teks di Situs Web Apa Pun di Safari
Seperti Chrome dan Firefox, Safari dilengkapi dengan alat pengembang browser yang memungkinkan Anda mengubah versi lokal halaman web mana pun di internet.
Begini cara kerjanya:
Langkah 1: Aktifkan Menu Pengembangan Safari
Sebelum Anda dapat mengedit teks apa pun di Safari, Anda harus mengaktifkan Menu Kembangkan browser. Untuk melakukannya:
- Klik menu "Safari" di bagian atas layar Anda dan pilih "Preferensi."
- Pilih "Lanjutan" dari menu tarik-turun.
- Centang kotak di sebelah "Tampilkan Menu Kembangkan di Bilah Menu."
Langkah 2: Temukan Teks yang Ingin Anda Ubah
Pada titik ini, saatnya mengunjungi situs web yang diminati dan membuka halaman yang teksnya ingin Anda ubah. Sorot teks yang ingin Anda edit.
Langkah 3: Buka Elemen Inspeksi
Pilih "Periksa Elemen" dari menu popup. Setelah jendela Inspect Element terbuka, Anda akan melihat jendela baru dengan banyak kode.
Langkah 4: Ubah Teks
Sekarang, Anda dapat menimpa teks yang disorot dengan teks pengganti. Setelah selesai, tekan "Enter" dan keluar dari jendela Inspect Element. Halaman web sekarang harus memiliki teks baru.
Bagaimana Cara Mengedit Teks di Setiap Situs Web di Edge?
Microsoft Edge, browser bawaan untuk Windows 10, menawarkan lebih dari sekadar Internet Explorer. Khususnya, ini hadir dengan peningkatan yang signifikan dibandingkan mesin pendahulunya dengan kinerja JavaScript yang lebih baik dan dukungan untuk WebGL untuk membantu Anda merender grafik 2D dan 3D interaktif di PC Anda.
Yang terpenting, Edge mendukung pengeditan teks di situs web.
Begini cara kerjanya:
- Buka Edge dan kunjungi halaman web yang diminati.
- Klik pada tiga titik kecil di pojok kanan atas browser Anda.
- Pilih "Alat Lainnya" dari menu tarik-turun yang dihasilkan.
- Pilih "Alat Pengembang" dari submenu popup. Ini akan membuka DevTools – gateway browser ke panel pengembangan internalnya.
- Setelah jendela DevTools terbuka, klik ikon kursor di pojok kiri atas.
- Gunakan kursor untuk menyorot teks yang ingin Anda ubah. Apa pun yang disorot di browser akan secara otomatis disorot di jendela DevTools.
- Klik kanan pada kode yang disorot dan pilih "Edit sebagai HTML" dari menu tarik-turun yang dihasilkan.
- Lanjutkan untuk memodifikasi teks sesuai keinginan Anda.
- Setelah selesai, klik di mana saja di luar jendela editor teks dan tutup jendela DevTools dengan mengeklik ikon "X" di pojok kanan atas.
Bagaimana Cara Mengedit Teks di Semua Situs Web di Opera?
Meskipun Opera awalnya digunakan di perangkat seluler, browser ini sekarang tersedia untuk PC dan Mac.
Jika Opera adalah browser pilihan Anda, Anda tidak akan tertinggal dalam hal mengedit teks di situs web di internet. Berikut cara melakukannya:
- Salin teks yang disorot di bawah dan tempelkan ke bilah bookmark Anda.
javascript: document.body.contentEditable = 'true'; document.designMode='on'; void 0 - Buka halaman web yang teksnya ingin Anda edit.
- Klik bookmark di bagian atas browser Anda. Anda akan melihat kursor di layar yang memungkinkan Anda mengedit semua teks di halaman itu.
Untuk kembali ke teks asli, yang harus Anda lakukan adalah menyegarkan halaman.
Lihat Halaman Web Dengan Kebebasan
Chrome, Firefox, Microsoft Edge, Opera, dan Safari semuanya dilengkapi dengan alat pengembang untuk membantu Anda mengedit apa pun di situs web. Ini bisa menjadi cara terbaik untuk menguji ide-ide baru, memperbaiki bug, dan melakukan penyesuaian untuk meningkatkan keterbacaan.
Dan hal terbaiknya adalah Anda tidak memerlukan pengalaman HTML atau pengembangan web.
Namun, perlu diingat bahwa tidak ada perubahan yang permanen. Tidak ada yang ditulis ulang di server, dan Anda dapat kembali ke teks asli hanya dengan menekan tombol segarkan.
Sudahkah Anda mencoba mengedit teks di situs web menggunakan salah satu metode yang dibahas dalam artikel ini? Bagaimana hasilnya?
Beri tahu kami di bagian komentar di bawah.
