108 votes

user6329530 avatar

Comment les sites web bloquent-ils la sélection de texte et comment puis-je débloquer cela ?

Demandé el 5 de Janvier, 2018
Quand la question a-t-elle été
70070 affichage
Nombre de visites la question a
5 Réponses
Nombre de réponses aux questions
Résolu
Situation réelle de la question

Il existe un site web ( exemple ) qui bloque en quelque sorte la sélection du texte. Il bloque également Ctrl + A pour tout sélectionner, il n'y a pas non plus de "Copier" dans le menu contextuel.

Ce que j'ai essayé :

Certains sites utilisent JavaScript pour bloquer la sélection. J'ai donc désactivé toutes les sources JavaScript dans l'addon no-script de Firefox. J'ai essayé le même site dans Google Chrome avec l'addon script Safe. Je me suis assuré que tout est bloqué, mais je ne peux toujours pas sélectionner le texte. Le pointeur de la souris reste une flèche et non un curseur de texte également sur l'ensemble du site.

Utilisé about:config pour désactiver complètement JavaScript dans Firefox. Toujours aucun effet.

J'ai lu que certains sites utilisent des DIV avec le style display:block. J'ai donc utilisé Inspect pour examiner les styles du site. Il n'y a pas une seule mention de "block" sur l'ensemble du site, ni dans les CSS intégrés ni dans les attributs style=-objet.

Le texte n'est pas une image, ni un flash, ni une toile HTML5, etc. Tout est dans les balises DIV et P, mais aucun style n'a été trouvé qui pourrait bloquer la sélection du texte.

Comment le site Web peut-il encore bloquer toute sélection de texte ? Sans parler de la raison pour laquelle les navigateurs supportent de tels comportements. Je veux simplement utiliser un mot ou une phrase sélectionnés et effectuer une recherche sur Google en utilisant le clic droit de la souris. C'est assez ennuyeux quand un site Web fait ce genre de choses et m'oblige à taper des termes et des noms techniques dans Google à la main. Cela perturbe mon flux de travail.

Demandé el 5 de Janvier, 2018 par user6329530

Réponses

Trop de publicités?

99voto

frooyo avatar
frooyo Points 658

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

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

Cet effet s'applique donc à l'ensemble de la balise BODY.

Documentation sur ce CSS : Site des développeurs Mozilla : user-select .

Vous pouvez probablement contourner ce problème en supprimant le style dans les outils de développement (appuyez sur F12 dans Firefox ou Chrome) - vous pouvez même créer un applet JavaScript qui, après avoir pris le temps de le configurer, peut supprimer ce style avec un effort instantané moindre de votre part (ce qui peut être un gain de temps si vous prévoyez de visiter le site plusieurs fois).

J'aimerais également ajouter cette remarque : ce n'est peut-être pas la seule façon d'obtenir au moins une partie de cet effet. Un autre moyen possible serait d'avoir un DIV couvrir le DIV qui contient le texte. De cette façon, le curseur de la souris ne se transformera pas en poutre en I (curseur de texte), car le curseur sera basé sur le contenu de l'élément le plus haut de la liste. DIV . ( Ctrl - A couvrirait probablement ce texte, cependant).

C'est assez ennuyeux quand un site Web fait ce genre de choses et m'oblige à taper à la main des termes et des noms techniques dans Google. Cela perturbe mon flux de travail.

Amen ! En voyant cela, je suis déçu par l'existence d'un tel style CSS mis en œuvre par les principaux navigateurs. De telles choses sont assez ennuyeuses, en effet !

Répondu el 5 de Janvier, 2018 par frooyo (658 Points )

31voto

user62958 avatar
user62958 Points 488

Comme il a déjà été dit, la fixation user-select: none dans le CSS de la page est ce qui désactive la sélection du texte sur une page. La façon la plus simple de supprimer ce bloc de sélection de texte serait par le biais d'un script utilisateur comme le suivant qui remplace le paramètre :

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

Nota: Si cette option est activée, elle s'appliquera à toutes les pages, ce qui n'est pas forcément souhaitable dans toutes les situations.

Le script peut être installé et facilement activé/désactivé avec un gestionnaire de script d'utilisateur tel que Violentmonkey , Tampermonkey o Greasemonkey .

Répondu el 5 de Janvier, 2018 par user62958 (488 Points )

13voto

ShadSterling avatar
ShadSterling Points 133

Ouvrez les outils de développement (F12), passez à l'onglet Éléments, et décochez les règles CSS suivantes sous corps :

  • user-select : aucun ;
  • webkit-user-select : none ;

Demo Image

Répondu el 5 de Janvier, 2018 par ShadSterling (133 Points )

12voto

diegogs avatar
diegogs Points 624

Vous pouvez frapper Ctrl + P et prenez ce dont vous avez besoin dans l'aperçu avant impression.

enter image description here

Répondu el 9 de Janvier, 2018 par diegogs (624 Points )

11voto

Eric Duminil avatar
Eric Duminil Points 188

Avec Firefox, il existe un moyen très simple :

View > Page Style > No Style

En allemand :

Ansicht > Webseiten-Stil > Kein Stil

enter image description here

Il fonctionne également très bien pour télécharger des images intégrées sur lesquelles le clic droit a été désactivé.

Répondu el 8 de Janvier, 2018 par Eric Duminil (188 Points )

Questions en vedette

Top Tags

Dans notre réseau

SistemesEz.com

SystemesEZ est une communauté de sysadmins où vous pouvez résoudre vos problèmes et vos doutes. Vous pouvez consulter les questions des autres sysadmins, poser vos propres questions ou résoudre celles des autres.

Powered by:

Yandex
X