Як веб-сайти блокують вибір тексту та як його розблокувати?

Є веб-сайт ( приклад ), який якимось чином блокує вибір тексту. Також він блокує Ctrl+, Aщоб вибрати все, у спливаючому меню також немає "Копіювати".

Що я спробував:

Деякі сайти використовують JavaScript для блокування вибору. Тож я відключив усі джерела JavaScript у додатку без скрипту у Firefox. Я спробував той самий сайт у Google Chrome із додатком Script Safe. Переконайтесь, що все заблоковано, все ще не можна вибрати текст. Вказівник миші залишається стрілкою, а не текстовим курсором також на всьому сайті.

Використовується about:configдля повністю відключення JavaScript у Firefox. Досі ефекту немає.

Я читав, що деякі сайти використовують DIV з відображенням стилю: block, тому я використовував Inspect для вивчення стилів сайту. На всьому веб-сайті немає жодної згадки про "блок", ні у вбудованому CSS, ні в об'єктному стилі = -attributes.

Текст - це не зображення, не спалах, чи якесь полотно HTML5. Все знаходиться в межах тегів DIV і P, але не знайдено стилю, який може блокувати вибір тексту.

Як веб-сайт все ще може заблокувати будь-який вибір тексту? Не кажучи вже про те, чому браузери взагалі підтримують таку поведінку. Я просто хочу використовувати вибране слово або пропозицію і хочу шукати його в Google за допомогою клацання правою кнопкою миші. Дуже прикро, коли веб-сайт робить такі речі і змушує мене вручну вводити технічні терміни та назви в Google. Це порушує мій робочий процес.

https://www.angst-panik-hilfe.de/angst-panik.css показує:

body{-webkit-user-select:none;-moz-user-select:-moz-none;
-ms-user-select:none;user-select:none}

Отже, цей ефект стосується всього тегу BODY.

Документація на цьому CSS: Сайт розробників Mozilla: вибір користувача .

Можливо, ви могли б це змінити, видаливши стиль в Інструментах для розробників (натисніть F12у Firefox або Chrome) - можливо, ви навіть зможете створити аплет JavaScript, який, вклавши час для налаштування, зможе видалити цей стиль з меншими миттєвими зусиллями на ваша частина (що може економити час, якщо ви плануєте відвідувати сайт кілька разів).

Я також хотів би додати цю примітку: Це, можливо, не єдиний спосіб досягти хоча б певного ефекту. Іншим можливим способом може стати невидима DIVобкладинка, DIVщо містить текст. Таким чином, курсор миші не перетвориться на I-промінь (текстовий курсор), оскільки курсор базуватиметься на вмісті самого верхнього DIV. ( Ctrl- Aмабуть, охоплював би цей текст.)

Дуже прикро, коли веб-сайт робить такі речі і змушує мене вручну вводити технічні терміни та назви в Google. Це порушує мій робочий процес.

Амінь! Побачивши це, я розчарований у існуванні такого стилю CSS, що реалізується основними браузерами. Дійсно, такі речі дуже дратують!

Як уже було зазначено, встановлення user-select: noneв CSS сторінки - це те, що вимикає підбір тексту на сторінці. Найпростіший спосіб видалити цей блок вибору тексту - через сценарій користувача, як-от наступний, який перекриває налаштування:

// ==UserScript==
// @name         Force Select
// @version      1.0
// @description  Stop sites from disabling selection of text
// @author       You
// @match        *://*/*
// @grant        none
// ==/UserScript==

(function() {
  'use strict';

  let style = document.createElement('style');
  style.innerHTML = '*{ user-select: auto !important; }';

  document.body.appendChild(style);
})();

Примітка. Це стосується кожної сторінки, якщо її ввімкнено, що може бути небажаним у будь-яких ситуаціях.

Сценарій можна встановити та легко включити / вимкнути за допомогою менеджера сценаріїв користувача, таких як Violentmonkey , Tampermonkey або Greasemonkey .

Відкрийте інструменти для розробників (F12), перейдіть на вкладку «Елементи» і зніміть прапорці з наступних правил CSS у тілі :

• вибір користувача: немає;
• webkit-user-select: немає;

З Firefox існує дійсно простий спосіб:

View > Page Style > No Style

Німецькою мовою:

Ansich > Webseiten-Stil > Kein Stil

Він також чудово працює для завантаження вбудованих зображень, на яких правою кнопкою миші було вимкнено.

Ви можете натиснути Ctrl+ Pта захопити те, що потрібно з попереднього перегляду друку.

Я використовую Stylus ( https://add0n.com/stylus.html ), і я створив стиль, який потрібно застосувати до всіх веб-сайтів, і таким чином я гарантую, що все можна вибрати:

* {
  -webkit-user-select: auto !important;
  -moz-user-select: inherit  !important;
  -ms-user-select: inherit  !important;
  user-select: auto  !important;
}

Зірочка полягає у тому, щоб переконатися, що стиль застосовується не лише до певного елемента css (типу <body>), але до всіх елементів. У мене виникли випадки, коли блокування вибору застосовувалося лише до тексту кнопки, тому створення css для <body>не допоможе.

Я використовую вибір для миттєвого перекладу на веб-сайтах іноземних мов.

Я вважаю за краще використовувати " закладки " для сценаріїв користувача або розширень браузера. Спробуйте скористатись однією з безлічі закладок для відключення CSS та захоплення необхідного тексту

Оскільки це може зіпсувати читабельність веб-сторінки, я іноді відкриваю сторінку на іншій вкладці (клацніть правою кнопкою миші, виберіть "Дублікат") перед тим, як видалити стилінг із закладкою

Ви також можете спробувати закладку Google Mobilizer Bookmarklet для перегляду лише тексту веб-сторінок

Як було сказано в інших відповідях, це стосується CSS на тілі сторінок. Хоча ви можете редагувати це вручну кожного разу, якщо ви багато використовуєте цей сайт, я б радив, що якщо ви користуєтеся Chrome, ви встановите стильне розширення.

Стильний дозволяє створювати додатковий CSS для застосування до сторінок. Його можна використовувати в усьому Інтернеті. Він має перевагу в автоматичному застосуванні кожного разу, коли ви відвідуєте веб-сайт (тому не потрібно додавати його за допомогою інструментів розробника для кожного завантаження сторінки).

Після встановлення натисніть на піктограму на панелі інструментів і виберіть "Створити новий стиль". Він автоматично створить запис для веб-сайту, який ви зараз відвідуєте. Потім ви можете додати будь-який CSS, який вам подобається, на сторінку. Але будьте попереджені: деякі стилі можуть бути не переборними (особливо, якщо їх написано на самому елементі, а не на CSS-класі).

У цьому випадку ви можете скористатися функцією імпорту та додати код нижче, це повинно дозволяти вам вибрати текст на веб-сайті, на який ви пов’язані.

@-moz-document domain("www.angst-panik-hilfe.de") {
  body {
    -webkit-user-select: auto !important;
    -moz-user-select: inherit  !important;
    -ms-user-select: inherit  !important;
    user-select: auto  !important;
  }
}

Деякі із запропонованих рішень можуть бути специфічними для браузера, тому варто запропонувати кілька альтернативних варіантів:

1. Використовуйте броузер, який поважає вас більше.

   а. Emacs має браузери emacs-w3mі ewwщо завжди дозволяє вибрати текст.

   б. Інші текстові браузери, такі як lynx, elinksі w3m, можуть дозволити вибору тексту, але навіть якщо ні, якщо запускати ці програми у вікні терміналу, ви можете вибрати текст за допомогою миші. І якщо хтось використовує ці програми зсередини tmux, можна скористатися tmuxвмінням копіювати текст навіть без миші.

2. Використовуйте інструмент командного рядка, щоб завантажити весь URL у читаному текстовому форматі.

   а. w3m -dump [your_url] > your_file.txt

   б. lynx -dump [your_url] > your_file.txt. Я зазвичай вважаю за краще цю, тому що вона позначає гіперпосилання як читабельні виноски!

Встановіть AddOn "Absolute Enable Right Click and Copy", який дозволяє все, що не може використовувати інші Add Sns.

Просто створіть такий стиль css :

html, body {
    user-select: text;
}

Існує розширення під назвою Stylish, яке дозволяє встановити цей (або будь-який інший) код css на будь-який веб-сайт на ваш вибір. Просто введіть вищевказаний код css та скажіть, на якому веб-сайті ви хочете його застосувати, і ви хочете перейти. Це розширення працює на Chrome, Baidu, Firefox та Opera. Якщо вам трапляється на IE, то вам не пощастило. Але ти вже знаєш, що не так.