Создайте ссылку, которая автоматически прокручивается до выделенного текста на веб-странице при открытии в 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 также использует «Прокрутить до фрагмента текста», чтобы выделить текст на веб-странице, когда пользователь перенаправляет его из «Избранных» фрагментов в результатах поиска.