wake-up-neo.com

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. Auch es blockiert Ctrl+A Um alles auszuwählen, gibt es 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. Vergewissern Sie sich, dass alles blockiert ist und Sie trotzdem keinen Text auswählen können. Mauszeiger bleibt auch auf der gesamten Site ein Pfeil und kein Textcursor.

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, und habe 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.

71
bxyify

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 F12 in Firefox oder Chrome) - Sie können möglicherweise sogar ein JavaScript-Applet erstellen, mit dem Sie diesen Stil nach dem Einrichten mit weniger Aufwand entfernen können (was bei einem geplanten Besuch möglicherweise Zeit spart die Seite mehrmals).

Ich möchte auch diesen Hinweis hinzufügen: Dies ist möglicherweise nicht der einzige Weg, um zumindest einen Teil dieses Effekts zu erzielen. Eine andere Möglichkeit könnte darin bestehen, eine unsichtbare DIV -Decke die DIV -Decke zu haben, die den Text enthält. Auf diese Weise verwandelt sich der Mauszeiger nicht in einen I-Strahl (Textzeiger), da der Cursor auf dem Inhalt des obersten DIV basiert. (Ctrl-A würde 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 ärgerlich!

80
TOOGAM

Wie bereits erwähnt, deaktiviert das Setzen von user-select: none 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 es aktiviert bleibt. Dies ist möglicherweise nicht in allen Situationen wünschenswert.

Das Skript kann mit einem Benutzerskriptmanager wie Violentmonkey , Tampermonkey oder Greasemonkey installiert und einfach ein-/ausgeschaltet werden.

11
Herohtar

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

  • benutzerauswahl: keine;
  • webkit-Benutzerauswahl: keine;

 Demo Image

10
JMK

Mit Firefox gibt es einen ganz einfachen Weg:

View > Page Style > No Style

Auf Deutsch:

Ansich > Webseiten-Stil > Kein Stil

 enter image description here

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

7
Eric Duminil

Sie können schlagen Ctrl + P und holen Sie sich das, was Sie brauchen, aus der Druckvorschau.

enter image description here

2
Der Hochstapler

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>) angewendet wird, sondern auf alle Elemente. Ich bin auf Fälle gestoßen, in denen die Auswahlblockierung nur auf einen Schaltflächentext angewendet wurde, sodass die Erstellung einer CSS für <body> nicht hilfreich ist.

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

1
derei

Ich bevorzuge die Verwendung von " Lesezeichen " für Benutzerskripte oder Browsererweiterungen. Versuchen Sie, eines der vielen Bookmarklets zu verwenden, um CSS zu deaktivieren und den gewünschten 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.

0
mvark

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-w3m und eww, mit denen man immer Text auswählen kann.

    b. In anderen textbasierten Browsern wie lynx, elinks und w3m kann möglicherweise Text ausgewählt werden. Wenn diese Programme jedoch nicht in einem Terminalfenster ausgeführt werden, kann der Text mit der Maus ausgewählt werden. Wenn Sie diese Programme in tmux verwenden, können Sie mit tmux Text auch ohne Maus 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!

0
user1404316

Wie andere Antworten angegeben haben, hat dies mit dem CSS im Hauptteil der Seiten zu tun. Obwohl Sie jedes Mal von Hand bearbeiten können, würde ich Ihnen empfehlen, wenn Sie diese Site häufig verwenden, die Stylish - Erweiterung zu installieren, wenn Sie Chrome verwenden.

Stilvoll lässt Sie zusätzliches CSS erstellen, um es auf Seiten anzuwenden. 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;
  }
}
0