108 votes

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

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.

7voto

and his dog Points 267

La façon la plus simple de résoudre ce problème est d'utiliser un bookmarklet :

  1. Dans votre navigateur, créez un nouveau signet.

  2. Nommez-le, par exemple, "Activer la sélection" (sans guillemets), ou comme vous le souhaitez.

  3. Dans la zone de texte de l'emplacement, collez ce code :

    javascript :(function(){var style=document.createElement('style') ; style.innerHTML='*{user-select : auto !important;} ::selection{background-color : blue !important ; color : white !important}' ; document.body.appendChild(style) ; document.body.onselectstart=fonction(){retourne true} ; document.body.onmousedown=function(){retournez true} ; document.onkeydown=function(){return true} ; })() ;

Ainsi, chaque fois que vous voulez activer la sélection de texte sur un site Web ennuyeux, il suffit de cliquer sur ce signet.

Ce code prend en charge les méthodes CSS et JavaScript les plus fréquentes utilisées par les voyous pour désactiver la sélection de texte sur leurs sites Web. Certaines méthodes moins fréquentes peuvent nécessiter des ajustements supplémentaires du code.

5voto

derei Points 41

J'utilise Stylus ( https://add0n.com/stylus.html ) et j'ai créé un style qui s'applique à tous les sites web, et je m'assure ainsi que tout est sélectionnable :

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

L'astérisque permet de s'assurer que le style ne s'applique pas uniquement à un certain élément css (comme <body> ), mais à tous les éléments. J'ai rencontré des cas où le blocage de la sélection n'était appliqué qu'au texte d'un bouton. <body> ne serait pas utile.

J'utilise la sélection pour la traduction instantanée sur les sites Web en langue étrangère.

3voto

BlackSad Points 61

Comme d'autres réponses l'ont indiqué, cela concerne le CSS du corps des pages. Alors que vous puede Si vous utilisez souvent ce site, je vous suggère, si vous utilisez Chrome, d'installer l'option Élégant extension.

Élégant vous permet de créer des feuilles de style CSS supplémentaires à appliquer aux pages. Il peut être utilisé partout sur le web. Il a l'avantage de s'appliquer automatiquement à chaque fois que vous visitez le site Web (vous n'avez donc pas besoin de l'ajouter via les outils de développement à chaque chargement de page).

Une fois installé, cliquez sur l'icône dans la barre d'outils et sélectionnez "Créer un nouveau style". Il créera automatiquement l'entrée pour le site Web que vous êtes en train de visiter. Vous pouvez ensuite ajouter le CSS de votre choix à la page. Mais attention : certains styles peuvent ne pas être modifiables (surtout s'ils sont écrits sur l'élément lui-même, plutôt que dans une classe CSS).

Dans ce cas, vous pouvez utiliser la fonction d'importation, et ajouter le code ci-dessous, ce qui devrait vous permettre de sélectionner le texte sur le site Web que vous avez lié.

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

2voto

mvark Points 2350

Je préfère utiliser " bookmarklets " aux scripts de l'utilisateur ou aux extensions du navigateur. Essayez d'utiliser un de la de nombreux bookmarklets pour désactiver les CSS et saisir le texte requis

Comme cela peut nuire à la lisibilité de la page Web, j'ouvre parfois la page dans un autre onglet (en faisant un clic droit sur l'onglet, puis en sélectionnant Dupliquer) avant de supprimer le style avec le bookmarklet.

Vous pouvez également essayer le Bookmarklet Google Mobilizer pour afficher uniquement le texte des pages web

2voto

user1404316 Points 123

Plusieurs des solutions proposées pourraient être spécifiques à un navigateur, il est donc utile de suggérer quelques alternatives :

  1. Utilisez un fournisseur d'accès qui vous respecte davantage.

    a. Emacs possède des navigateurs emacs-w3m y eww qui permettra toujours de sélectionner du texte.

    b. Autres navigateurs en mode texte tels que lynx , elinks y w3m Mais même si ce n'est pas le cas, si l'on exécute ces programmes dans une fenêtre de terminal, on peut sélectionner du texte à l'aide de la souris. Et, si l'on utilise ces programmes à l'intérieur de tmux on peut utiliser tmux La possibilité de copier du texte même sans souris.

  2. Utilisez un outil de ligne de commande pour télécharger l'url entière dans un format de texte lisible.

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

    b. lynx -dump [your_url] > your_file.txt . Je préfère généralement celui-ci car il marque les hyperliens comme des notes de bas de page lisibles !

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:

X