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

Changer la couleur des liens déjà vus des résultats google search - Javascript/Node.js - Programmation

Marsh Posté le 08-06-2022 à 08:02:27    

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
Reply

Marsh Posté le 08-06-2022 à 08:02:27   

Reply

Marsh Posté le 08-06-2022 à 09:25:49    

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é.

Reply

Marsh Posté le 08-06-2022 à 09:52:02    

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
Reply

Marsh Posté le 08-06-2022 à 13:25:43    

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
Reply

Marsh Posté le 08-06-2022 à 13:52:55    

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
Reply

Marsh Posté le 08-06-2022 à 14:00:41    

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
Reply

Marsh Posté le 08-06-2022 à 17:11:38    

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
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed