Как скопировать защищенный текст с сайта – 4 способа
В XXI веке Интернет предоставляет множество мультимедиа-контента, но главным по-прежнему остается то, ради чего был придуман язык HTML, протокол HTTP и браузер. Это самый информативный элемент любого сайта – текст.
Как скопировать текст с защищенного сайта
Способ 1 – Ctrl + U
Защита от копирования в Интернете всегда делается однотипно – пользователю запрещается при чтении пользоваться правой кнопкой мыши и контекстным меню, выделять и копировать. Запреты реализуются при помощи JavaScript или атрибутов тега . Некоторые оригиналы используют специальные стили CSS, которые запрещают выделение (но не копирование) на странице.
Все эти способы можно легко обойти и вариантов обхода существует значительно больше, чем методик защиты.
Самое простое действие – вызвать HTML-код комбинацией клавиш «Ctrl + U» (в тексте приводятся только комбинации клавиш, т.к. они являются универсальными. Действия, описанные с применением hot key, могут быть выполнены и при помощи меню браузеров). Работает всегда и покажет текст страницы вместе с разметкой и кодом скриптов. После этого достаточно найти нужное место, выделить, скопировать в текстовый редактор и очистить текст.
Данный способ идеально подходит для копирования 1-2 предложений. Если вам нужно скопировать сразу несколько абзацев, то такой способ неудобен тем, что придется чистить элементы кода после вставки, например, в Word.
Способ 2 – Ctrl + P или версия страницы для печати
В данном случае получить защищенный текст можно, вызвав версию страницы для печати комбинацией клавиш «Ctrl + P». Работает в Chrome и ему подобных (Яндекс.Браузер, например) и в Opera. При этом будет показан упрощенный документ, в котором можно выделить и скопировать содержимое.
Получить чистую копию можно и в Firefox, и в Internet Explorer. При нажатии «Ctrl + S» браузер предложит разные варианты сохранения. Выбирая «текстовый документ» получим файл, в котором нет тегов форматирования. Пользователям Firefox будет удобнее, поскольку в этом браузере сохранение уберет лишние символы полностью, а в IE может остаться код JavaScript.
Способ 3 – отключить JavaScript
Популярный способ обхода защиты от копирования – отключить выполнение JavaScript в настройках браузера. Но при этом отключится все активное содержимое, а не только скрипт, защищающий текст, и все «красивости» сайта станут недоступны. А если копирование закрывается через тег , то убрать ограничения не получится.
Например, в браузере Chrome это можно сделать через настройки сайта.
— жирное выделение текста
HTML-элемент является частью текста стилистически отличающейся от нормального текста, не носящий какого-либо специального значения или важности, и как правило выделен жирным шрифтом.
| Content categories (en-US) | Flow content (en-US) , phrasing content (en-US) , palpable content. |
|---|---|
| Разрешённый контент | Phrasing content (en-US) . |
| Tag omission | Нет, открывающий и закрывающий теги обязательны. |
| Permitted parents | Any element that accepts phrasing content (en-US) . |
| Permitted ARIA roles | Any |
| DOM interface | HTMLElement Up to Gecko 1.9.2 (Firefox 4) inclusive, Firefox implements the HTMLSpanElement interface for this element. |
Атрибуты
Указания по применению
- Используйте в таких случаях, как ключевые слова в кратком содержании, имена продуктов в отзыве, или других частях текста, которые обычно выделяют жирным.
- Не путать элемент с , , или элементами. Элемент представляет собой текст определённой важности, делает некий акцент на тексте, и элемент представляет собой текст определённой значимости. Элемент не содержит специальной семантической информации, используйте его только в том случае, если другие не подошли.
- Также не помечайте заглавия и заголовки элементом . Для этих целей используйте элементы с (en-US) до (en-US) . К тому же CSS может изменять стандартный вид этих элементов, в результате чего они не всегда будут выделены жирным текстом.
- Хорошей практикой является использование атрибута class на элементе для того, чтобы передать дополнительную семантическую информацию (например, для первого предложения в абзаце). Это упрощает разработку различных стилизаций веб-документа без надобности менять его HTML-код.
- Исторически, элемент был задуман для выделения текста жирным шрифтом. Информация о стилизации устарела, начиная с HTML4, значение элемента было изменено.
- Если нет семантической причины использовать элемент , использование css свойства font-weight (en-US) со значением bold будет более грамотным выбором для изменения толщины текста.
Пример
.keywords color: red; >
p> В этой статье описывается элемент для форматирования b class="keywords">текстаb>. Она объясняет его использование в документе b class="keywords">HTMLb>. p>
Ключевые слова с тегом , отображаемые со стилем, выделены жирным шрифтом.
Спецификации
| Specification |
|---|
| HTML Standard # the-b-element |
Совместимость с браузерами
BCD tables only load in the browser
Как выделить текст одним кликом в разных местах?
Скажите, пожалуйста, может быть, кто-нибудь знает, как прописать CSS-команду таким образом, чтобы при клике на текст на веб странице он выделялся сразу в двух CSS-селекторах, сразу же при одном клике в любом месте.Я могу прописать два CSS-селектора через запятую и поставить команду для выделения, но это не работает.
То есть я хочу кликнуть в одном месте, а чтобы выделился текст в двух местах. А через запятую он выделяется только в одном месте или в другом при другом клике.
Пример на рандомном сайте википедии. Пишу изначально так
div.main-box-subtitle, div div p -webkit-user-select: all;
>
https://ru.wikipedia.org/wiki/Заглавная_страница
Например нужно чтобы выделялись сразу при одном клейке вот эти два CSS элемента.
- Вопрос задан 15 мар.
- 103 просмотра
1 комментарий
Простой 1 комментарий
Ankhena @Ankhena Куратор тега CSS
Если клик это просто нажатие, то через :has
Если клик это кликнул, отпустил, а выделение должно остаться, то никак или очень неуниверсальными костылями (инпуты с лейблами).
Вообще такие дела делают на JS
Но это, разумеется, должен быть ваш сайт с возможностью поставить id или data атрибуты или типа того, т.е. связать кликнутые места с теми, которые должны выделяться.
`#:~:text=` — выделение текста на странице с помощью гиперссылки
Если перейти по ссылке выше, то текст после :~:text= будет подсвечен желтым.
Вопрос:
- Это веб стандарт? (как называется, ссылку на доки)
- Это только для браузеров на базе хромиума? Или другие тоже поддерживают/будут?
PS
- видел кто плагин (браузер) для создания ссылок на выделенный фрагмент, поделитесь в комментариях.
там чо-т пишут про это:
- https://stackoverflow.com/a/62162093/4794368
- а ещё там интересная ссылка на https://en.wikipedia.org/wiki/URI_fragment#Examples (чуть ниже — Proposals)
Отслеживать
задан 9 авг 2021 в 22:01
4,972 1 1 золотой знак 9 9 серебряных знаков 27 27 бронзовых знаков
text fragments, text url fragments — они называют это
9 авг 2021 в 22:18
18 авг 2021 в 19:22
1 ответ 1
Сортировка: Сброс на вариант по умолчанию
Нашел публикацию где написано, что эта функция которая реализуется на стороне поискового движка гугла, и должна поддерживаться веб-браузером для отображения https://9to5google.com/2020/06/03/google-search-highlight-website-content/ . Из данной статьи следует, что на данный момент это не веб-стандарт. В Mozilla Firefox данный функционал не работает, т.к. она работает на движке собственной разработки отличном от Chrome
После тестирования в августе прошлого года Google недавно развернул новую функцию для поиска Google.
С помощью этой функции Google будет выделять контент из избранного фрагмента прямо на веб-странице.
На странице поддержки Google подробно говорится, что владельцам веб-сайтов не нужно вносить какие-либо изменения для использования этой функции, это полностью автоматически. Кроме того, если Google не может «уверенно» выделить правильный контент или браузер не поддерживает эту функцию, Google просто откроет страницу как обычно.