Tahukah Anda bahwa mungkin untuk mengedit teks di situs web langsung di browser Anda? Itu benar.
Halaman web hanya dapat dibaca, tetapi Anda sebenarnya 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 membuat penyesuaian praktis yang meningkatkan pengalaman menjelajah Anda.
Artikel ini akan menunjukkan cara mengedit halaman web apa pun menggunakan Chrome, Safari, Firefox, Microsoft Edge, dan Opera .
Cara Mengedit Teks di Situs Web
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 Anda lihat. Secara umum, alat pengembang menyediakan pengeditan kode untuk HTML/CSS/JavaScript & DOM untuk membantu Anda menganalisis konten Anda dari perspektif yang berbeda.
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 halaman arahan baru secara real-time. 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 bertukar pikiran dan buat beberapa skrip sebelum memilih yang terbaik.
Sebagai pemasar digital, kemampuan untuk mengedit teks pada halaman web mana pun dapat memberi Anda wawasan yang berguna untuk meningkatkan upaya SEO Anda. Ini dapat digunakan sebagai senjata rahasia untuk mendapatkan wawasan tentang kata kunci yang digunakan oleh pesaing oleh kompetisi.
Pertama, mari kita lihat bagaimana Anda dapat mengedit teks di situs web menggunakan Chrome.
Cara Mengedit Teks di Situs Web Apa Pun di Chrome
Orang-orang tertarik pada Chrome untuk kecepatan, kesederhanaan, dan integrasi tanpa batas 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 Inspeksinya, yang memungkinkan Anda untuk mengedit teks di situs web mana pun, meskipun Anda bukan pemiliknya. Meskipun perubahan apa pun yang Anda buat bersifat sementara, ini bisa menjadi cara yang berguna untuk memperbaiki kesalahan dan menguji ide-ide baru dengan cepat.
Berikut cara kerjanya:
Buka Chrome dan navigasikan ke halaman web yang diinginkan.Klik elipsis (tiga titik kecil) di sudut 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 Anda di mana 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 sudut kiri atas panel inspektur. Sorot teks yang ingin Anda edit di bagian “normal” dari peramban Anda. Ini akan secara otomatis menyorot kode yang sesuai di panel inspektur. Klik kanan pada kode yang disorot dan pilih “Edit sebagai 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 sudut kanan atas.
Et voila! Halaman web yang diedit sekarang akan terlihat di jendela browser Anda.
Mungkin hal terbaik tentang alat ini adalah alat ini bekerja dengan sangat baik sehingga tidak ada yang akan curiga ada yang telah dimodifikasi. Anda bahkan dapat mengambil tangkapan layar dari halaman web yang diedit, dengan semuanya 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 Situs Web Apa Pun di Firefox
Jika Anda suka 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 diinginkan.Klik pada tiga garis horizontal di sudut kanan atas browser Anda dan pilih “Alat Lainnya” dari menu tarik-turun yang dihasilkan. Klik “Alat Pengembang”. Ini akan membuka panel inspektur di bagian bawah jendela browser Anda untuk melihat kode sumber halaman web dan membuat 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 akan secara otomatis 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. Ketika 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 kanan atas corner.
Setelah mengambil 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 Setiap Situs Web di Safari
Seperti Chrome dan Firefox, Safari dilengkapi dengan alat pengembang peramban yang memungkinkan Anda untuk memodifikasi versi lokal halaman web mana pun di internet.
Berikut 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 “Show Develop Menu in Menu Bar.”
Langkah 2: Temukan Teks yang Ingin Anda Ubah
Pada titik ini, saatnya mengunjungi situs web yang Anda minati dan membuka halaman yang teksnya ingin Anda ubah. Sorot teks yang ingin Anda edit.
Langkah 3: Buka Inspect Element
Pilih “Inspect Element” dari menu popup. Setelah jendela Inspect Element terbuka, Anda sekarang akan melihat jendela baru dengan banyak kode.
Langkah 4: Ubah Text
Sekarang, Anda dapat menimpa teks yang disorot dengan teks pengganti. Setelah selesai, tekan “Enter” dan keluar dari jendela Inspect Element. Halaman web sekarang seharusnya memiliki teks baru.
Cara Mengedit Teks di Situs Web Apa Pun di Edge?
Microsoft Edge, peramban bawaan untuk Windows 10, menawarkan lebih dari sekadar Internet Explorer. Khususnya, ia hadir dengan peningkatan signifikan dibandingkan mesin pendahulunya dengan kinerja JavaScript yang lebih baik dan dukungan untuk WebGL untuk membantu Anda membuat grafik 2D dan 3D interaktif di PC Anda.
Yang terpenting, Edge mendukung pengeditan teks di situs web.
Begini cara kerjanya:
Open Edge dan kunjungi halaman web yang diinginkan. Klik pada tiga titik kecil di sudut kanan atas browser Anda. Pilih “Alat Lainnya” dari menu tarik-turun yang dihasilkan. Pilih “Alat Pengembang” dari submenu popup. Ini akan membuka DevTools – gerbang browser ke panel pengembangan internal. Setelah jendela DevTools terbuka, klik ikon kursor di sudut 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 mengubah teks sesuka Anda. Setelah selesai, klik di mana saja di luar jendela editor teks dan tutup jendela DevTools dengan mengklik ikon “X” di sudut kanan atas.
Bagaimana Mengedit Teks di Situs Web Apa Pun di Opera?
Meskipun Opera awalnya digunakan di perangkat seluler, browser sekarang tersedia untuk PC dan Mac .
Jika Opera adalah browser pilihan Anda, Anda tidak ketinggalan dalam mengedit teks di situs web di seluruh internet. Berikut cara melakukannya:
Salin teks yang disorot di bawah dan tempel ke bilah bookmark Anda.javascript:document.body.contentEditable = ‘true’; document.designMode=’on’; void 0Buka halaman web yang teksnya ingin Anda edit. Klik pada 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 hanyalah menyegarkan halaman.
Melihat Halaman Web Dengan Freedom
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 baru, memperbaiki bug, dan membuat penyesuaian untuk meningkatkan keterbacaan.
Dan hal terbaiknya adalah Anda tidak memerlukan pengalaman HTML atau pengembangan web.
Namun, perlu diingat bahwa tidak ada perubahan bersifat 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.