Как сделать ссылку на определенный текст на веб-странице

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

Как сделать ссылку на определенный текст на веб-странице

В этом руководстве рассматривается создание прямой ссылки прокрутки к тексту в нескольких веб-браузерах с использованием ПК или Mac.

Ссылка на определенный текст на веб-странице на ПК

Если вы пользователь ПК, два метода позволят вам создать ссылки, которые переведут получателя на определенную фразу или абзац веб-страницы. Вы можете либо создавать общие закладки, либо использовать расширение для предпочитаемого вами браузера.

Создание букмарклетов

Закладки, содержащие небольшие фрагменты кода JavaScript, называются букмарклетами. Когда вы нажимаете на определенную ссылку закладки, она выполняет предопределенное действие. Если используется для перехода пользователей к определенным разделам веб-страницы, букмарклет откроет веб-сайт и сосредоточится на выделенной текстовой области. Эта функция работает в браузерах на базе Chrome, таких как Google Chrome и Microsoft Edge.

Создание интерактивных закладок в Google Chrome — относительно простой процесс. Для этого:

  1. Удерживайте «Ctrl + Shift + B», чтобы активировать закладку браузера или избранную вкладку.
    Как сделать ссылку на определенный текст на веб-странице
  2. Нажмите «Ctrl + Shift + O», чтобы войти в Chrome «Диспетчер закладок». Либо выберите «Настройки», нажмите «Закладки» и нажмите «Диспетчер закладок».
    Как сделать ссылку на определенный текст на веб-странице
    Как сделать ссылку на определенный текст на веб-странице
  3. В разделе «Диспетчер закладок» щелкните правой кнопкой мыши и выберите параметр «Добавить новую закладку».
    Как сделать ссылку на определенный текст на веб-странице
  4. Вставьте следующую строку кода в поле URL всплывающего окна:
    “javascript:(function(){const selectedText=getSelection().toString();const newUrl=new URL(location);newUrl.hash=`:~:text=${encodeURIComponent(selectedText)}`;window.open(newUrl);})();”
    Как сделать ссылку на определенный текст на веб-странице
  5. Переименуйте букмарклет. Используйте имя «Поделиться с другом» или аналогичный вариант и нажмите кнопку «Сохранить».
    Как сделать ссылку на определенный текст на веб-странице

Когда вы создали свой букмарклет, вы можете использовать его для прямого перехода к определенной части веб-сайта. Вот как это работает:

  1. Запустите веб-страницу, выделите часть ее текста с помощью курсора и коснитесь букмарклета «Поделиться с другом».
    Как сделать ссылку на определенный текст на веб-странице
  2. Действие создаст новое окно, а выбранный текст будет выделен желтым цветом.
    Как сделать ссылку на определенный текст на веб-странице
  3. Скопируйте ссылку.

Как только кто-то нажмет на эту настраиваемую ссылку, веб-страница автоматически прокрутится до раздела с выделенным текстом. Только пользователи, использующие браузер Google Chrome или Microsoft Edge, смогут перейти по вашей ссылке.

В последней версии Microsoft Edge также можно создавать букмарклеты. Для этого:

  1. Удерживайте «Ctrl + Shift + O», чтобы перейти на вкладку «Управление избранным». Либо откройте «Edge menu», выберите «Избранное» и коснитесь «Управление избранным».
    Как сделать ссылку на определенный текст на веб-странице
  2. Перейдите в раздел «Избранное» и щелкните правой кнопкой мыши.
  3. Выберите «Добавить в избранное».
    Как сделать ссылку на определенный текст на веб-странице
  4. Введите следующий фрагмент кода JavaScript в поле URL всплывающего окна:
     “javascript:(function(){const selectedText=getSelection().toString();const newUrl=new URL(location);newUrl.hash=`:~:text=${encodeURIComponent(selectedText)}`;window.open(newUrl);})();”
    Как сделать ссылку на определенный текст на веб-странице
  5. Измените название букмарклета на «Поделиться с другом».
    Как сделать ссылку на определенный текст на веб-странице

Чтобы использовать букмарклет для прокрутки до определенного текста в Microsoft Edge:

  1. Откройте веб-страницу и выберите часть текста с помощью курсора.
    Как сделать ссылку на определенный текст на веб-странице
  2. Коснитесь букмарклета «Поделиться с другом».
    Как сделать ссылку на определенный текст на веб-странице
  3. Появится новое окно, в котором выбранный текст будет выделен желтым цветом.
    Как сделать ссылку на определенный текст на веб-странице
  4. Скопируйте URL-адрес окна из адресной строки.
    Как сделать ссылку на определенный текст на веб-странице

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

Использование расширения «Ссылка на текстовый фрагмент»

Если вы не хотите создавать ссылки вручную, расширения, такие как Link to Text Fragments , являются еще одним отличным вариантом. Он создает предварительно запрограммированную гиперссылку, которая перенаправляет пользователей на выбранные слова, фразы и абзацы веб-страницы.

Чтобы использовать расширение в Google Chrome:

  1. Установите расширение из Google Store.
    Как сделать ссылку на определенный текст на веб-странице
  2. Нажмите кнопку «Добавить в Chrome».
    Как сделать ссылку на определенный текст на веб-странице
  3. Всплывающее сообщение предложит вам подтвердить действие. Нажмите «Добавить расширение».
    Как сделать ссылку на определенный текст на веб-странице
  4. Закрепите надстройку на панели расширения, чтобы она всегда была легко доступна.
    Как сделать ссылку на определенный текст на веб-странице
  5. Откройте веб-страницу и выберите фразу или абзац.
    Как сделать ссылку на определенный текст на веб-странице
  6. Щелкните правой кнопкой мыши и выберите параметр «Копировать ссылку в выделенный текст».
    Как сделать ссылку на определенный текст на веб-странице

Выбранный текст станет желтым, указывая на то, что вы успешно создали и скопировали ссылку. В следующий раз, когда вы или кто-то другой воспользуетесь ссылкой, веб-страница автоматически прокрутится до выделенного текста.

Функция «Ссылка на фрагмент текста» также работает в браузере Microsoft Edge. Вот как это использовать:

  1. Зайдите в Google Store и установите расширение .
    Как сделать ссылку на определенный текст на веб-странице
  2. Нажмите на кнопку «Добавить в Chrome».
    Как сделать ссылку на определенный текст на веб-странице
  3. Браузер попросит вас подтвердить установку дополнения. Выберите «Добавить расширение».
    Как сделать ссылку на определенный текст на веб-странице
  4. Закрепите значок «Ссылка на текст» для быстрого доступа, если вы используете несколько расширений.
    Как сделать ссылку на определенный текст на веб-странице
  5. Запустите веб-сайт и выберите часть текста.
    Как сделать ссылку на определенный текст на веб-странице
  6. Щелкните правой кнопкой мыши и коснитесь «Копировать ссылку в выделенный текст».
    Как сделать ссылку на определенный текст на веб-странице

Когда выделенный текст становится желтым, компьютер скопировал гиперссылку. Когда кто-то нажмет на вашу ссылку, первое, что он увидит, будет выделенная часть веб-страницы.

Ссылка на определенный текст на веб-странице на Mac

Safari — это встроенный вариант просмотра Интернета для продуктов Mac, который не предлагает расширения, позволяющего пользователям создавать предопределенные текстовые ссылки. Другие браузеры, такие как Mozilla Firefox и Opera, не предоставляют решений для создания ссылок. К счастью, устройства Mac хорошо работают с программами Microsoft, поэтому вы можете выделять текст и делать гиперссылки в Google Chrome или Microsoft Edge.

Расширение Link to Text Fragment позволит вам создать ссылку для прокрутки к тексту на вашем Mac. Для этого в Google Chrome:

  1. Перейдите в Интернет-магазин Chrome и установите расширение Link to Text Fragment .
    Как сделать ссылку на определенный текст на веб-странице
  2. Нажмите «Добавить в Chrome».
    Как сделать ссылку на определенный текст на веб-странице
  3. Откройте веб-страницу с текстом, который вы хотите связать.
    Как сделать ссылку на определенный текст на веб-странице
  4. Выделите текст, перетащив курсор.
    Как сделать ссылку на определенный текст на веб-странице
  5. Щелкните правой кнопкой мыши выделенный текст и нажмите «Копировать ссылку на выделенный текст» в контекстном меню.
    Как сделать ссылку на определенный текст на веб-странице
  6. После того, как вы скопируете ссылку, текст будет отмечен желтым цветом. Это означает, что скопированная ссылка сохранена в буфере обмена.

Любой, кто нажмет на вашу ссылку, сначала увидит выделенный отрывок.

Поскольку надстройка «Ссылка на текст» работает в Microsoft Edge, вы можете использовать этот браузер на своем Mac для создания определенных текстовых ссылок. Для этого:

  1. Установите расширение из магазина Chrome.
    Как сделать ссылку на определенный текст на веб-странице
  2. Нажмите кнопку «Добавить в Chrome».
    Как сделать ссылку на определенный текст на веб-странице
  3. Выберите «Добавить расширение», когда будет предложено подтвердить действие.
    Как сделать ссылку на определенный текст на веб-странице
  4. Откройте веб-страницу с фрагментом текста, который вы хотите связать.
    Как сделать ссылку на определенный текст на веб-странице
  5. Используйте курсор, чтобы выделить текст.
    Как сделать ссылку на определенный текст на веб-странице
  6. Щелкните правой кнопкой мыши выделенный текст и нажмите «Копировать ссылку на выделенный текст».
    Как сделать ссылку на определенный текст на веб-странице
  7. Текст станет желтым, указывая на то, что ссылка для прокрутки к тексту сохранена в буфере обмена.

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

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

Делитесь информацией более эффективно с помощью прямых ссылок

В эпоху расширения доступа к онлайн-информации очень важно иметь способ более эффективно получать доступ к важным текстам. Чтобы сделать ссылки, которые будут вести пользователей к выбранным вами текстам, используйте браузер Chrome или Edge на ПК или Mac. Вы можете создавать ссылки для прокрутки к тексту с помощью букмарклетов или расширения «Ссылка на текст», если у вас есть ПК. Apple до сих пор не разработала аналогичное дополнение, но расширение также работает с устройствами Mac.

Как часто вы выделяете тексты, чтобы поделиться ими с другими? Какой из вышеперечисленных методов вы предпочитаете для создания ссылок? Дайте нам знать в разделе комментариев ниже.

Leave a Comment

Как исправить проблему с процессором хоста инфраструктуры оболочки Windows 11

Как исправить проблему с процессором хоста инфраструктуры оболочки Windows 11

Возникли проблемы с ресурсоемкой работой Shell Infrastructure Host в Windows 11? Узнайте о проверенных пошаговых решениях, которые помогут восстановить бесперебойную работу и вернуть вашему ПК работоспособность, как у нового компьютера. Технические знания не требуются!

Устранение неполадок с отсутствием сигнала DisplayPort в Windows 11

Устранение неполадок с отсутствием сигнала DisplayPort в Windows 11

Возникли проблемы с отсутствием сигнала DisplayPort в Windows 11? Ознакомьтесь с проверенными шагами по устранению неполадок, чтобы быстро и легко восстановить подключение к монитору. Вернитесь к бесперебойной многозадачности без лишних проблем.

Как изменить частоту обновления экрана в Windows 11 на 144 Гц

Как изменить частоту обновления экрана в Windows 11 на 144 Гц

Ознакомьтесь с пошаговым руководством по изменению частоты обновления экрана Windows 11 на 144 Гц для плавной картинки и захватывающих игр. Легко улучшите свою систему с помощью наших советов от экспертов.

Устранение неполадок с ИК-подсветкой камеры Face ID в Windows 11

Устранение неполадок с ИК-подсветкой камеры Face ID в Windows 11

Возникли проблемы с ИК-подсветкой камеры Face ID в Windows 11? Узнайте о проверенных шагах по устранению неполадок, которые помогут восстановить распознавание лиц и вернуться к беспроблемному входу в систему. Быстрые решения и советы экспертов внутри.

Как исправить проблему с недоступным загрузочным устройством в Windows 11

Как исправить проблему с недоступным загрузочным устройством в Windows 11

Столкнулись с неприятной ошибкой «Недоступное загрузочное устройство» в Windows 11? Узнайте о проверенных пошаговых решениях, которые помогут вашему ПК снова бесперебойно загружаться. Технические навыки не требуются — простые решения для всех.

Как исправить проблему с необнаруживаемым внешним накопителем в Windows 11

Как исправить проблему с необнаруживаемым внешним накопителем в Windows 11

Возникли проблемы с обнаружением внешнего накопителя в Windows 11? Узнайте о быстрых и эффективных способах быстрого распознавания вашего внешнего накопителя. Пошаговое руководство с советами по устранению неполадок для бесперебойной работы. Технические навыки не требуются!

Как исправить ошибку каталога обновлений Windows 11

Как исправить ошибку каталога обновлений Windows 11

Возникли проблемы с ошибкой каталога обновлений Windows 11? Узнайте о проверенных пошаговых решениях, которые помогут вам снова без проблем обновлять систему. Попрощайтесь с разочарованиями и наслаждайтесь бесперебойной работой ПК!

Как исправить размытие фона на экране входа в Windows 11

Как исправить размытие фона на экране входа в Windows 11

Проблемы с размытым фоном экрана входа в Windows 11? Узнайте о проверенных способах восстановления кристально чистого изображения на экране блокировки. Пошаговое руководство для беспроблемного устранения неполадок.

Как исправить ошибку позиционирования скина Rainmeter в Windows 11

Как исправить ошибку позиционирования скина Rainmeter в Windows 11

Возникли проблемы с позиционированием тем оформления Rainmeter в Windows 11? Узнайте о проверенных способах устранения смещения, проблем с перетаскиванием и сбоев DPI. Пошаговое руководство по восстановлению идеального рабочего стола.

Устранение неполадок с настройками WinAero Tweaker в Windows 11.

Устранение неполадок с настройками WinAero Tweaker в Windows 11.

Возникли проблемы с настройками Winaero Tweaker в Windows 11? Это подробное руководство по устранению неполадок предлагает пошаговые решения распространенных проблем, гарантируя безупречную работу ваших настроек. Откройте для себя советы экспертов по оптимизации работы системы уже сегодня.

Как исправить раздутый реестр Windows 11 и ускорить работу системы

Как исправить раздутый реестр Windows 11 и ускорить работу системы

Проблемы с медленной работой компьютера под управлением Windows 11? Узнайте проверенные шаги по устранению избыточности реестра, оптимизации системы и восстановлению молниеносной скорости. Простые и безопасные методы для всех.

Устранение неполадок с черным экраном в OBS Studio в Windows 11

Устранение неполадок с черным экраном в OBS Studio в Windows 11

Возникли проблемы с черным экраном в OBS Studio на Windows 11? Узнайте о проверенных решениях для бесперебойной трансляции и записи. Пошаговое руководство по быстрому и простому устранению проблем с черным экраном.

Как исправить ошибки aptX и LDAC в Windows 11 при воспроизведении звука

Как исправить ошибки aptX и LDAC в Windows 11 при воспроизведении звука

Столкнулись с ошибками aptX и LDAC в Windows 11? В этом руководстве от экспертов вы найдете быстрые и надежные способы восстановления высококачественного звука Bluetooth на вашем ПК. Забудьте навсегда о прерывистом звуке.

Как устранить ошибку подключения Thunderbolt Dock в Windows 11

Как устранить ошибку подключения Thunderbolt Dock в Windows 11

Возникли проблемы с подключением док-станции Thunderbolt в Windows 11? Узнайте о проверенных способах решения проблем с обнаружением, драйверами и многим другим для бесперебойной работы док-станции. Верните свою систему в рабочее состояние уже сегодня.

Как устранить ошибку памяти встроенной графики в Windows 11

Как устранить ошибку памяти встроенной графики в Windows 11

Столкнулись с ошибкой "Встроенная графическая память" в Windows 11? Узнайте о проверенных шагах по решению этой неприятной проблемы, оптимизации системы и возвращению к плавной игре и многозадачности без лишних хлопот.