W jaki sposób strony internetowe blokują zaznaczanie tekstu i jak go odblokować?

Istnieje strona internetowa ( przykład ), która w jakiś sposób blokuje zaznaczanie tekstu. Również blokuje Ctrl+, Aaby zaznaczyć wszystko, nie ma również „Kopiuj” w menu podręcznym.

Co próbowałem:

Niektóre witryny używają JavaScript do blokowania wyboru. Więc wyłączyłem wszystkie źródła JavaScript w dodatku bez skryptu w Firefoksie. Próbowałem tej samej strony w Google Chrome z dodatkiem Script Safe. Upewnij się, że wszystko jest zablokowane, nadal nie można wybrać tekstu. Wskaźnik myszy pozostaje strzałką, a nie kursorem tekstowym również na całej stronie.

Służy about:configdo całkowitego wyłączenia JavaScript w przeglądarce Firefox. Wciąż brak efektu.

Czytałem, że niektóre witryny używają DIV z wyświetlaniem stylu: blok, więc użyłem Inspect do zbadania stylów witryny. Nie ma żadnej wzmianki o „bloku” na całej stronie internetowej, ani we wbudowanym CSS, ani w atrybucie style = atrybuty.

Tekst nie jest obrazem, flashem ani innym efektem HTML5 canvas. Wszystko mieści się w znacznikach DIV i P, ale nie znaleziono stylu, który mógłby zablokować zaznaczenie tekstu.

W jaki sposób strona internetowa może nadal blokować zaznaczanie tekstu? Nie wspominając już o tym, dlaczego przeglądarki w ogóle obsługują takie zachowania. Chcę tylko użyć wybranego słowa lub zdania i wyszukać je w Google za pomocą kliknięcia prawym przyciskiem myszy. To dość denerwujące, gdy witryna robi takie rzeczy i zmusza mnie do ręcznego wpisywania terminów technicznych i nazw w Google. To zakłóca mój przepływ pracy.

https://www.angst-panik-hilfe.de/angst-panik.css pokazuje:

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

Ten efekt dotyczy całego tagu BODY.

Dokumentacja tego CSS: Mozilla Developer Site: wybierz użytkownika .

Prawdopodobnie możesz to zmienić, usuwając styl w Narzędziach programisty (naciśnij F12w przeglądarce Firefox lub Chrome) - możesz nawet utworzyć aplet JavaScript, który po zainwestowaniu czasu w konfigurację może usunąć ten styl przy mniejszym wysiłku Twoja część (co może być oszczędnością czasu, jeśli planujesz odwiedzić witrynę wiele razy).

Chciałbym również dodać tę notatkę: To może nie być jedyny sposób, aby uzyskać przynajmniej część tego efektu. Innym możliwym sposobem może być niewidzialna DIVokładka DIVz tekstem. W ten sposób kursor myszy nie zamieniłby się w belkę dwuteową (kursor tekstowy), ponieważ kursor byłby oparty na zawartości najwyższego poziomu DIV. ( Ctrl- Aprawdopodobnie jednak obejmowałby ten tekst.)

To dość denerwujące, gdy witryna robi takie rzeczy i zmusza mnie do ręcznego wpisywania terminów technicznych i nazw w Google. To zakłóca mój przepływ pracy.

Amen! Widząc to, jestem rozczarowany faktem, że taki styl CSS jest wdrażany przez główne przeglądarki. Takie rzeczy są naprawdę denerwujące!

Jak już wspomniano, ustawienie user-select: nonew CSS strony wyłącza zaznaczanie tekstu na stronie. Najłatwiejszym sposobem na usunięcie tego bloku zaznaczania tekstu jest skrypt użytkownika, taki jak ten, który zastępuje ustawienie:

// ==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);
})();

Uwaga: będzie to dotyczyć każdej strony, jeśli pozostanie włączone, co może nie być pożądane we wszystkich sytuacjach.

Skrypt można zainstalować i łatwo włączać / wyłączać za pomocą menedżera skryptów użytkownika, takiego jak Violentmonkey , Tampermonkey lub Greasemonkey .

Otwórz narzędzia programistyczne (F12), przejdź na kartę Elementy i odznacz następujące reguły CSS w treści :

• wybór użytkownika: brak;
• webkit-user-select: brak;

W przeglądarce Firefox istnieje naprawdę prosty sposób:

View > Page Style > No Style

Po niemiecku:

Ansich > Webseiten-Stil > Kein Stil

Świetnie sprawdza się także pobieranie obrazów osadzonych, na których kliknięcie prawym przyciskiem zostało wyłączone.

Możesz nacisnąć Ctrl+ Pi pobrać potrzebne informacje z podglądu wydruku.

Używam Stylusa ( https://add0n.com/stylus.html ) i stworzyłem styl, który można zastosować do wszystkich stron internetowych, dlatego zapewniam, że wszystko można wybrać:

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

Gwiazdka ma zapewnić, że styl zostanie zastosowany nie tylko do określonego elementu css (jak <body>), ale do wszystkich elementów. Napotkałem przypadki, w których blokowanie zaznaczenia zastosowano tylko do tekstu przycisku, więc utworzenie css dla <body>nie pomogłoby.

Wyboru używam do natychmiastowego tłumaczenia na stronach internetowych w języku obcym.

Wolę używać „ bookmarkletów ” niż skryptów użytkownika lub rozszerzeń przeglądarki. Spróbuj użyć jednej z wielu zakładek, aby wyłączyć CSS i pobrać wymagany tekst

Ponieważ może to zepsuć czytelność strony internetowej, czasami otwieram stronę w innej zakładce (kliknij kartę prawym przyciskiem myszy, wybierz Duplikuj) przed usunięciem stylu za pomocą bookmarkletu

Możesz także wypróbować Zakładkę Google Mobilizer, aby wyświetlić tylko tekst stron internetowych

Jak podają inne odpowiedzi, ma to związek z CSS na treści stron. Chociaż możesz to edytować ręcznie za każdym razem, jeśli często korzystasz z tej witryny, sugeruję, że jeśli używasz Chrome, zainstaluj rozszerzenie Stylish .

Stylowy pozwala tworzyć dodatkowe CSS do zastosowania na stronach. Można go używać w całej sieci. Ma tę zaletę, że automatycznie aplikuje się za każdym razem, gdy odwiedzasz witrynę (więc nie musisz dodawać jej za pomocą narzędzi programistycznych przy każdym ładowaniu strony).

Po zainstalowaniu kliknij ikonę na pasku narzędzi i wybierz „Utwórz nowy styl”. Automatycznie utworzy wpis dla witryny, którą aktualnie odwiedzasz. Następnie możesz dodać dowolny styl CSS do strony. Ale uwaga: niektóre style mogą nie zostać zastąpione (szczególnie jeśli są napisane na samym elemencie, a nie na klasie CSS).

W takim przypadku możesz skorzystać z funkcji importu i dodać poniższy kod, co powinno pozwolić Ci wybrać tekst w witrynie, do której linkujesz.

@-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;
  }
}

Kilka proponowanych rozwiązań może być specyficznych dla przeglądarki, dlatego warto zasugerować kilka alternatyw:

1. Użyj broswer, który bardziej cię szanuje.

   za. Emacs ma przeglądarek emacs-w3mi ewwże zawsze pozwalają, aby zaznaczyć tekst.

   b. Inne przeglądarki tekstowe, takie jak lynx, elinksi w3m, mogą pozwalać na zaznaczanie tekstu, ale nawet jeśli nie, jeśli uruchomisz te programy w oknie terminala, możesz zaznaczyć tekst za pomocą myszy. A jeśli używasz tych programów od wewnątrz tmux, możesz użyć tmuxumiejętności kopiowania tekstu nawet bez myszy.

2. Użyj narzędzia wiersza polecenia, aby pobrać cały adres URL w czytelnym formacie tekstowym.

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

   b. lynx -dump [your_url] > your_file.txt. Zwykle wolę ten, ponieważ oznacza on hiperłącza jako czytelne przypisy!

Zainstaluj dodatek „Absolute Enable Right Click & Copy”, który umożliwia wszystko, czego nie mogą uzyskać inne dodatki bez skryptów.

Wystarczy utworzyć następujący styl css :

html, body {
    user-select: text;
}

Istnieje rozszerzenie o nazwie Stylish, które pozwala zainstalować ten (lub inny) kod css na dowolnej stronie internetowej. Po prostu wpisz powyższy kod css i powiedz, do których stron internetowych chcesz go zastosować, i jesteś gotowy. To rozszerzenie działa w Chrome, Baidu, Firefox i Opera. Jeśli zdarzyło ci się być w IE, nie masz szczęścia. Ale już to wiesz, prawda?