Как создать ссылку на текст на веб-странице в Chrome и Edge

Создайте ссылку, которая автоматически прокручивается до выделенного текста на веб-странице при открытии в Chrome или Edge.

Версия Google Chrome 81 или более поздняя имеет небольшую изящную скрытую функцию под названием «Прокрутка к фрагменту текста». Он позволяет пользователям ссылаться на любой конкретный контент на веб-странице.

Прокрутка до фрагмента текста все еще является новой функцией, и она еще не полностью доработана и не реализована ни в одном из доступных браузеров. Но разработчик Пол Кинлан создал простой в использовании букмарклет, который позволяет вам воспользоваться этой функцией уже сейчас.

Букмарклеты - это закладки или избранные с небольшими блоками / фрагментами кода JavaScript, которые при нажатии могут выполнять некоторые предопределенные действия. В этом случае букмарклет отформатирует URL-адрес в адресной строке таким образом, чтобы он указывал на выделенный текст на веб-странице.

Перетащите букмарклет «Scroll to Text» на панель закладок.

Ниже представлен букмарклет с перетаскиванием, если вы не хотите тратить время на его создание. Он работает как в Google Chrome, так и в Microsoft Edge.

Нажмите Ctrl + Shift + B если в вашем браузере не включена панель закладок / избранного. Затем перетащите ссылку, показанную ниже, на панель закладок, чтобы добавить прокрутку к тексту Букмарклет.

Перетащите эту ссылку → Поделиться с Find

Создайте букмарклет вручную в Chrome

Если вы не можете перетащить букмарклет в свой браузер, как указано в приведенном выше GIF-файле, а затем вручную создайте его в Chrome. Откройте Диспетчер закладок, нажав Ctrl + Shift + O или нажмите «Настройки», затем перейдите в «Закладки» и выберите «Диспетчер закладок».

Щелкните правой кнопкой мыши в любом месте вкладки «Диспетчер закладок» и выберите «Добавить новую закладку».

Вставьте приведенный ниже код JavaScript в строку URL всплывающего окна «Добавить закладку». Назовите букмарклет «Поделиться с помощью Find» или аналогичным образом и нажмите «Сохранить».

javascript: (function () {const selectedText = getSelection (). toString (); const newUrl = новый URL (местоположение); newUrl.hash = `: ~: text = $ {encodeURIComponent (selectedText)}`; window.open ( newUrl);}) ();

Теперь вы можете начать использовать букмарклет прокрутки к тексту, не забудьте включить панель закладок, нажав Ctrl + Shift + B ключи.

Создайте букмарклет вручную в Edge

Чтобы использовать букмарклет «Прокрутка к тексту», вам необходимо установить последнюю версию Edge на основе хрома, поскольку эта функция еще не поддерживается браузерами, не использующими хром.

Чтобы создать букмарклет в Edge, откройте настройки «Управление избранным», нажав Ctrl + Shift + O или перейдите в меню Edge »Избранное» Управление избранным.

На вкладке «Управление избранным» в разделе «Панель избранного» щелкните правой кнопкой мыши в любом месте правой панели и выберите параметр «Добавить в избранное».

Вставьте следующий фрагмент кода JavaScript в строку URL и назовите букмарклет «Поделиться с Find», а затем нажмите «Сохранить».

javascript: (function () {const selectedText = getSelection (). toString (); const newUrl = новый URL (местоположение); newUrl.hash = `: ~: text = $ {encodeURIComponent (selectedText)}`; window.open ( newUrl);}) ();

Теперь убедитесь, что в вашем браузере Edge включена «Панель избранного» и на ней виден букмарклет. Если нет, нажмите кнопку Ctrl + Shift + B сочетание клавиш, чтобы открыть панель избранного в Edge.

Использование букмарклета прокрутки к тексту

Чтобы использовать букмарклет, откройте любую веб-страницу и выберите текст, на который вы хотите создать ссылку, затем нажмите букмарклет «Прокрутить до текста». (Поделиться с Find). Откроется новое окно, в котором будет выделен текст, который вы выбрали на предыдущей вкладке.

Теперь вы можете поделиться ссылкой в ​​новом окне с кем угодно, и она откроет местоположение вашего выделенного текста, если они используют Google Chrome или новый Microsoft Edge.

Интернет - это море информации, и такие маленькие хитрости помогают сэкономить время. Если вы еще этого не сделали, Google Search также использует «Прокрутить до фрагмента текста», чтобы выделить текст на веб-странице, когда пользователь перенаправляет его из «Избранных» фрагментов в результатах поиска.