Wie blockieren Websites die Auswahl von Text und wie hebe ich die Blockierung auf?

Es gibt eine Website ( Beispiel ), die die Auswahl von Text blockiert. Außerdem blockiert es Ctrl+ A, um alles auszuwählen, es gibt auch kein "Kopieren" im Popup-Menü.

Was ich ausprobiert habe:

Einige Websites verwenden JavaScript, um die Auswahl zu blockieren. Also habe ich alle JavaScript-Quellen im No-Script-Addon in Firefox deaktiviert. Ich habe die gleiche Site in Google Chrome mit dem Script Safe-Addon ausprobiert. Es wurde sichergestellt, dass alles blockiert ist und immer noch kein Text ausgewählt werden kann. Mauszeiger bleibt auch auf der gesamten Site ein Pfeil und kein Textcursor.

Wird verwendet about:config, um JavaScript in Firefox vollständig zu deaktivieren. Immer noch keine Wirkung.

Ich habe gelesen, dass einige Sites DIVs mit dem Block style display: verwenden, also habe ich Inspect verwendet, um die Stile der Site zu untersuchen. Es gibt keine einzige Erwähnung von "block" auf der gesamten Website, weder in eingebettetem CSS noch in object style = -attributes.

Der Text ist kein Bild oder Flash oder ein HTML5-Canvas-Effekt. Alles befindet sich innerhalb der Tags DIV und P, es wurde jedoch kein Stil gefunden, der die Textauswahl blockieren könnte.

Wie kann die Website noch eine Auswahl von Text blockieren? Ganz zu schweigen davon, warum Browser solche Verhaltensweisen überhaupt unterstützen. Ich möchte nur ein ausgewähltes Wort oder einen ausgewählten Satz verwenden und mit der rechten Maustaste bei Google danach suchen. Es ist ziemlich ärgerlich, wenn eine Website solche Dinge tut und mich dazu zwingt, technische Begriffe und Namen von Hand in Google einzugeben. Es stört meinen Arbeitsablauf.

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

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

Dieser Effekt gilt also für das gesamte BODY-Tag.

Dokumentation zu diesem CSS: Mozilla Developer Site: Benutzerauswahl .

Sie können dies möglicherweise überschreiben, indem Sie den Stil in den Entwicklertools entfernen (drücken Sie F12in Firefox oder Chrome). Möglicherweise können Sie sogar ein JavaScript-Applet erstellen, mit dem Sie den Stil nach dem Einrichten mit weniger Aufwand entfernen können Ihr Teil (was möglicherweise Zeit spart, wenn Sie die Site mehrmals besuchen möchten).

Ich möchte auch diesen Hinweis hinzufügen: Dies ist möglicherweise nicht der einzige Weg, um zumindest einen Teil dieses Effekts zu erzielen. Ein anderer möglicher Weg könnte sein, eine unsichtbare DIVAbdeckung zu haben DIV, die den Text enthält. Auf diese Weise würde sich der Mauszeiger nicht in einen I-Strahl (Textzeiger) verwandeln, da der Cursor auf dem Inhalt des obersten Elements basiert DIV. ( Ctrl- Awürde aber wahrscheinlich diesen Text abdecken.)

Es ist ziemlich ärgerlich, wenn eine Website solche Dinge tut und mich dazu zwingt, technische Begriffe und Namen von Hand in Google einzugeben. Es stört meinen Arbeitsablauf.

Amen! Nachdem ich das gesehen habe, bin ich enttäuscht über die Existenz eines solchen CSS-Stils, der von den großen Browsern implementiert wird. Solche Dinge sind in der Tat ziemlich nervig!

Wie bereits erwähnt, user-select: nonedeaktiviert die Einstellung im CSS der Seite die Auswahl von Text auf einer Seite. Der einfachste Weg, diesen Textauswahlblock zu entfernen, ist ein Benutzerskript wie das folgende, das die Einstellung überschreibt:

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

Hinweis: Dies gilt für jede Seite, wenn diese aktiviert bleibt. Dies ist möglicherweise nicht in allen Situationen wünschenswert.

Das Skript kann mit einem Benutzerskript-Manager wie Violentmonkey , Tampermonkey oder Greasemonkey installiert und problemlos ein- und ausgeschaltet werden .

Öffnen Sie die Entwicklertools (F12), wechseln Sie zur Registerkarte Elemente und deaktivieren Sie die folgenden CSS-Regeln unter body :

• Benutzerauswahl: keine;
• Webkit-Benutzerauswahl: keine;

Mit Firefox gibt es einen ganz einfachen Weg:

View > Page Style > No Style

Auf Deutsch:

Ansich > Webseiten-Stil > Kein Stil

Es funktioniert auch hervorragend, eingebettete Bilder herunterzuladen, auf die der Rechtsklick deaktiviert wurde.

Sie können Ctrl+ Pdrücken und in der Druckvorschau auswählen, was Sie benötigen.

Ich verwende Stylus ( https://add0n.com/stylus.html ) und habe einen Stil erstellt, der auf alle Websites angewendet werden kann. Auf diese Weise stelle ich sicher, dass alles auswählbar ist:

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

Das Sternchen soll sicherstellen, dass der Stil nicht nur auf ein bestimmtes CSS-Element (wie <body>), sondern auf alle Elemente angewendet wird . Ich bin auf Fälle gestoßen, in denen die Auswahlblockierung nur auf einen Schaltflächentext angewendet wurde, sodass das Erstellen einer CSS für <body>nicht hilfreich war.

Ich verwende die Auswahl für die sofortige Übersetzung auf fremdsprachigen Websites.

Ich bevorzuge die Verwendung von " Lesezeichen " gegenüber Benutzerskripten oder Browsererweiterungen. Versuchen Sie, eines der vielen Bookmarklets zu verwenden, um CSS zu deaktivieren und den erforderlichen Text zu erhalten

Da dies die Lesbarkeit der Webseite beeinträchtigen kann, öffne ich die Seite manchmal auf einer anderen Registerkarte (klicken Sie mit der rechten Maustaste auf die Registerkarte, wählen Sie "Duplizieren"), bevor Sie das Styling mit dem Lesezeichen entfernen

Sie können auch das Google Mobilizer-Lesezeichen verwenden, um nur den Text von Webseiten anzuzeigen

Wie bereits in anderen Antworten erwähnt, hat dies mit dem CSS auf dem Hauptteil der Seiten zu tun. Sie können dies zwar jedes Mal von Hand bearbeiten, aber wenn Sie diese Site häufig verwenden, würde ich vorschlagen, dass Sie die Stylish- Erweiterung installieren, wenn Sie Chrome verwenden .

Mit Stylish können Sie zusätzliches CSS erstellen, das auf Seiten angewendet werden soll. Es kann im gesamten Web verwendet werden. Es hat den Vorteil, dass es automatisch angewendet wird, wenn Sie die Website besuchen (damit Sie es nicht bei jedem Laden der Seite über die Entwickler-Tools hinzufügen müssen).

Klicken Sie nach der Installation auf das Symbol in der Symbolleiste und wählen Sie "Neuen Stil erstellen". Es wird automatisch der Eintrag für die Website erstellt, die Sie gerade besuchen. Anschließend können Sie der Seite ein beliebiges CSS hinzufügen. Aber seien Sie gewarnt: Einige Stile können möglicherweise nicht überschrieben werden (insbesondere, wenn sie auf dem Element selbst und nicht auf einer CSS-Klasse geschrieben sind).

In diesem Fall können Sie die Importfunktion verwenden und den folgenden Code hinzufügen. Auf diese Weise können Sie den Text auf der Website auswählen, mit der Sie verlinkt sind.

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

Einige der vorgeschlagenen Lösungen sind möglicherweise browserspezifisch. Es empfiehlt sich daher, einige Alternativen vorzuschlagen:

1. Verwenden Sie einen Broswer, der Sie mehr respektiert.

   ein. Emacs hat Browser emacs-w3mund ewwdas wird immer erlauben einen Text zu markieren.

   b. Andere textbasierten Browser wie lynx, elinksund w3mkönnten damit ein Text markieren, aber selbst wenn nicht, wenn diese Programme in einem Terminal - Fenstern ausgeführt wird , kann man wählen Text jemandes Maus. Und wenn man diese Programme von innen benutzt tmux, kann man tmuxauch ohne Maus Text kopieren.

2. Verwenden Sie ein Befehlszeilentool, um die gesamte URL in einem lesbaren Textformat herunterzuladen.

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

   b. lynx -dump [your_url] > your_file.txt. Normalerweise bevorzuge ich diesen, weil er Hyperlinks als lesbare Fußnoten kennzeichnet!

Installieren Sie das AddOn "Absolute Enable Right Click & Copy", das alles aktiviert, was die anderen No Script AddOns nicht können.

Erstellen Sie einfach den folgenden CSS-Stil :

html, body {
    user-select: text;
}

Es gibt eine Erweiterung namens Stylish , mit der Sie diesen (oder einen anderen) CSS-Code auf einer Website Ihrer Wahl installieren können. Geben Sie einfach den obigen CSS-Code ein und sagen Sie, auf welche Website (n) Sie ihn anwenden möchten und Sie können loslegen. Diese Erweiterung funktioniert unter Chrome, Baidu, Firefox und Opera. Wenn Sie zufällig im IE sind, haben Sie Pech. Aber das weißt du doch schon, oder?