Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2278 connectés 

  FORUM HardWare.fr
  Programmation
  Javascript/Node.js

  Changer la couleur des liens déjà vus des résultats google search

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Changer la couleur des liens déjà vus des résultats google search

n°2418966
Lt Ripley
T'es à fond là ?
Posté le 08-06-2022 à 08:02:27  profilanswer
 

Salut !
 
Je cherche à changer la couleur des liens déjà vus de la page des résultats de recherche google, car je les distingue très mal
 
Je crois avoir compris que :visited est limité pour cause de confidentialité etc
 
Donc je me coltine la détection de la couleur violette, mais j'arrive pas à y faire marcher.  J'ai essayé les couleurs en hexa ou en rgb
 
J'en suis là :
 

Code :
  1. let myColor = "rgb(255,0,0)";
  2. let delay = 200;
  3.  
  4. setTimeout(() => {    
  5.    
  6.  //let Links = getElementsByTagName('a');
  7.  
  8.  let Links = document.querySelectorAll('a');
  9.  
  10.  for (let Link of Links)  {
  11.    
  12.    console.log('test');
  13.    
  14.    let linkColor = window.getComputedStyle(Link).getPropertyValue("color" );
  15.        
  16.    console.log(linkColor);  // ça sort rgb(104, 29, 168)
  17.    
  18.    let targetColor = "rgb(104, 29, 168)";
  19.  
  20.    //Link.style.color=myColor;  // ça colorie tous les 'a'
  21.    
  22.    if (linkColor == targetColor)  {
  23.      console.log("targetColor detected" );
  24.      Link.style.color=myColor;
  25.    }
  26.  
  27.  }
  28.  
  29. }, delay);


 
Savez vous comment faire ?
 
Merci d'avance !


Message édité par Lt Ripley le 08-06-2022 à 08:15:00

---------------
Mes apps  |  Viens coder  |  Mon topal de vente
mood
Publicité
Posté le 08-06-2022 à 08:02:27  profilanswer
 

n°2418973
David Bori​ng
Posté le 08-06-2022 à 09:25:49  profilanswer
 

Heu,
si tu mets l'interface en noir, tu ne distingues pas mieux la couleur ?
En haut à droite, tu as les paramètres, ensuite tu choisis le thème foncé.

n°2418975
mechkurt
Posté le 08-06-2022 à 09:52:02  profilanswer
 

Tu as essayé avec une css personnalisé ?
Ça devrait fonctionner car quand on inspectes les balises on a bien des règles simple :

Code :
  1. a {
  2.   color: #1a0dab;
  3. }
  4. a:visited {
  5.   color: #681da8;
  6. }


En surchargeant la règle avec un body a {} et body a:visited  {} ça devrait fonctionner en théorie...
Je ne vois pas trop ce que la privacy viendrait faire la dedans. :o  
 
Si y'a un truc de privacy c'est ptet justement au niveau de la consultation des propriétés via du code js...
 
Edit: D'ailleurs quand on inspecte la propriété en cliquant sur le lien avec les dev tools, le statut :visited disparait, sans doute pour éviter effectivement que des js tiers aient accès à l'info.
Par contre quand on navigue dans le dom là on a accès à la propriété... ^^


Message édité par mechkurt le 08-06-2022 à 09:56:48

---------------
D3
n°2418993
Lt Ripley
T'es à fond là ?
Posté le 08-06-2022 à 13:25:43  profilanswer
 

David Boring : J'aime pas les thèmes sombres
 
Je venais justement de faire un fichier css pour mon vivaldi pour les 3 boutons en haut à droite, j'ai essayé ton code, ça marche pas (#ff0000 c'est pour être sur de bien voir pendant mes tests :D ).  Mais faut peut être le mettre ailleurs ton code ? Dans un Stylus ?
 
https://i.imgur.com/KsuHbsp.png
 
Dommage que ça ça marche pas (alors qu'avec :link ça marche justement)

Code :
  1. let test = document.querySelectorAll(':visited');


 
https://i.imgur.com/yE08q6b.png
 
Ça vient d'ici (je confirme j'ai aussi un autre site qui parle très clairement des restrictions de :visited)
https://zzz.buzz/2016/06/16/working [...] t/#visited


Message édité par Lt Ripley le 08-06-2022 à 13:30:29

---------------
Mes apps  |  Viens coder  |  Mon topal de vente
n°2418994
mechkurt
Posté le 08-06-2022 à 13:52:55  profilanswer
 

Je ne connaissais pas stylus, apparemment c'est une extension Firefox gérer des feuilles de style personnalisé, j'ai essayé de créer un règle pour Google.com avec :

Code :
  1. @-moz-document domain("google.com" ) {
  2.   body a:visited {
  3.     color: red;
  4.   }
  5. }


Et ça a fonctionné. [:azitwaz]


Message édité par mechkurt le 08-06-2022 à 13:53:08

---------------
D3
n°2418996
Lt Ripley
T'es à fond là ?
Posté le 08-06-2022 à 14:00:41  profilanswer
 

Ah en ciblant google.com en plus ça m'intéresse  :)

 

Je vais chercher encore un peu pour faire ça en js et si j'y arrive pas je ferai comme tu as fait !

 

Merci


---------------
Mes apps  |  Viens coder  |  Mon topal de vente
n°2419019
Lt Ripley
T'es à fond là ?
Posté le 08-06-2022 à 17:11:38  profilanswer
 

Bon je l'ai dans l'os, en js j'arrive a colorer tous les types de liens de la page sauf les :visited :pt1cable:  
 
J'installe Stylus, ça tombe bien ça existe pour Vivaldi (Chrome)
 
Merci les gars ! [:prab]
 
Edith : ça marche !


Message édité par Lt Ripley le 08-06-2022 à 19:25:41

---------------
Mes apps  |  Viens coder  |  Mon topal de vente

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  Javascript/Node.js

  Changer la couleur des liens déjà vus des résultats google search

 

Sujets relatifs
Excel / google sheet Plusieurs set de data sur même axe x (Insoluble?)Google : nombre de pages indexées fluctuent beaucoup
Récupérer les valeurs d'un csv et changer le format au volChanger nom element et garder les namespaces
Insérer des liens depuis la barre Amazon Partenaires dans une page WorChanger de Imacros
API Application google directionLive Search Javascript
[LibreOffice][Tableur] Macro pour actualiser des liens externes htmlBordure de DIV avec couleur différente sur la fin
Plus de sujets relatifs à : Changer la couleur des liens déjà vus des résultats google search


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR