Cara Menautkan ke Teks di Halaman Web di Chrome dan Edge

Buat tautan yang secara otomatis menggulir ke teks yang dipilih di halaman web saat dibuka di Chrome atau Edge

Google Chrome versi 81 atau yang lebih baru hadir dengan fitur tersembunyi kecil yang rapi yang disebut "Gulir ke Fragmen Teks". Ini memungkinkan pengguna untuk menautkan ke konten tertentu di halaman web.

Gulir ke Fragmen Teks masih merupakan fitur baru dan belum sepenuhnya dipoles atau dipanggang di salah satu browser yang tersedia. Tapi pengembang Paul Kinlan telah membuat bookmarklet yang mudah digunakan yang memungkinkan Anda memanfaatkan fitur ini bahkan sekarang.

Bookmarklet adalah bookmark atau favorit dengan blok kecil/cuplikan kode JavaScript, yang ketika diklik dapat melakukan beberapa tindakan yang telah ditentukan sebelumnya. Dalam hal ini, bookmarklet akan memformat URL di bilah alamat sedemikian rupa sehingga mengarah ke teks yang dipilih di halaman web.

Seret dan Jatuhkan Bookmarklet 'Gulir ke Teks' di bilah Bookmark

Di bawah ini adalah bookmarklet seret dan lepas untuk Anda jika Anda tidak ingin repot membuatnya. Ini bekerja dari Google Chrome dan Microsoft Edge.

tekan Ctrl+Shift+B jika Anda tidak mengaktifkan bilah bookmark/favorit di browser Anda. Kemudian seret dan lepas tautan yang ditunjukkan di bawah ini ke bilah bookmark untuk menambahkan gulir ke teks Bookmarklet.

Tarik Tautan ini → Bagikan dengan Temukan

Buat Bookmarklet secara manual di Chrome

Jika Anda tidak dapat menarik dan melepas bookmarklet ke browser Anda seperti yang diinstruksikan dalam GIF di atas, lalu buat secara manual di Chrome. Buka Pengelola Bookmark dengan menekan Ctrl+Shift+O atau klik pengaturan lalu buka 'Bookmark' dan pilih 'Manajer bookmark'.

Klik kanan di mana saja di tab Pengelola Bookmark lalu pilih 'Tambahkan bookmark baru'.

Rekatkan kode JavaScript yang diberikan di bawah ini di bilah URL dari pop up Tambahkan bookmark. Beri nama bookmarklet sebagai 'Bagikan dengan Temukan' atau dengan yang serupa, lalu klik 'Simpan'.

javascript:(function(){const selectedText=getSelection().toString();const newUrl=URL baru(lokasi);newUrl.hash=`:~:text=${encodeURIComponent(selectedText)}`;window.open( newUrl);})();

Anda sekarang dapat mulai menggunakan gulir ke bookmarklet teks, pastikan untuk mengaktifkan bilah bookmark dengan menekan Ctrl+Shift+B kunci.

Buat Bookmarklet secara manual di Edge

Anda harus menggunakan Edge berbasis chromium terbaru untuk menggunakan bookmarklet Scroll to Text, karena fitur ini belum didukung oleh browser berbasis non-chromium.

Untuk membuat bookmarklet di Edge, buka pengaturan 'Kelola favorit' dengan menekan Ctrl+Shift+O atau buka menu Edge » Favorit » Kelola opsi favorit.

Di tab 'Kelola favorit', di bagian bilah Favorit, klik kanan di mana saja di panel kanan dan pilih opsi 'Tambahkan favorit'.

Rekatkan cuplikan JavaScript berikut di bilah URL dan beri nama bookmarklet sebagai 'Bagikan dengan Temukan' lalu klik 'Simpan'.

javascript:(function(){const selectedText=getSelection().toString();const newUrl=URL baru(lokasi);newUrl.hash=`:~:text=${encodeURIComponent(selectedText)}`;window.open( newUrl);})();

Sekarang pastikan 'Bilah Favorit' diaktifkan di browser Edge Anda dan bookmarklet terlihat di bilah. Jika tidak, tekan tombol Ctrl+Shift+B pintasan keyboard untuk membuka bilah Favorit di Edge.

Menggunakan Gulir ke Bookmarklet Teks

Untuk menggunakan bookmarklet, buka halaman web apa pun dan pilih teks yang ingin Anda buat tautannya, lalu tekan pada bookmarklet Gulir ke Teks (Bagikan dengan Temukan). Sebuah jendela baru akan terbuka menyoroti teks yang telah Anda pilih di tab sebelumnya.

Anda sekarang dapat membagikan tautan jendela baru dengan siapa saja dan itu akan membuka lokasi teks yang Anda soroti selama mereka menggunakan Google Chrome atau Microsoft Edge baru.

Internet adalah lautan informasi, trik kecil yang rapi seperti ini membantu menghemat waktu. Jika Anda belum pernah mengalaminya, Google Penelusuran juga menggunakan 'Gulir ke Fragmen Teks' untuk menyorot teks di halaman web saat mengarahkan pengguna ke sana dari cuplikan 'Unggulan' di hasil pencarian.

Kategori: Web