Voici d'autres exemples de favelets. Ces scripts ajoutent des fonctionnalités au navigateur et améliore la productivité de l'utilisateur. Le code JavaScript modifie le rendu graphique d'une page, récupère des informations ou agit sur le navigateur.
bookmarklet loupe (augmente la taille du texte au survol de la souris)
javascript:(function(){var
x=document.createElement("div");Object.assign(x.style,{position:"fixed",bottom:"0",right:"0",width:"100vw",height:"100vh",zIndex:"99999999",background:"transparent"});document.body.append(x);function
getElement(event){x.style.pointerEvents="none";var
e=document.elementFromPoint(event.clientX,event.clientY);x.style.pointerEvents="auto";return
e};document.addEventListener("mousemove",function(event){var
e=getElement(event);
var p=e.getBoundingClientRect();var
k=Object.assign(x.style,{background:"rgba(0, 169, 255,
0.2)",outline:"1px solid rgba(0, 169, 255,
0.2)",top:""+p.top+"px",left:""+p.left+"px",width:""+p.width+"px",height:""+p.height+"px"})});x.addEventListener("click",function(event){var
e=getElement(event);var
t=e.textContent||e.value;e.style.fontSize="20pt";document.body.removeChild(x)})})();
copie de zone de texte (sélectionne par division du contenu et copie le texte)
javascript:(function(){var
x=document.createElement("div");Object.assign(x.style,{position:"fixed",bottom:"0",right:"0",width:"100vw",height:"100vh",zIndex:"99999999",background:"transparent"});document.body.append(x);function
getElement(event){x.style.pointerEvents="none";var
e=document.elementFromPoint(event.clientX,event.clientY);x.style.pointerEvents="auto";return
e};document.addEventListener("mousemove",function(event){var
e=getElement(event);var
p=e.getBoundingClientRect();Object.assign(x.style,{background:"rgba(0,
169, 255, 0.2)",outline:"1px solid rgba(0, 169, 255,
0.2)",top:""+p.top+"px",left:""+p.left+"px",width:""+p.width+"px",height:""+p.height+"px"})});x.addEventListener("click",function(event){var
e=getElement(event);var t=e.textContent||e.value;function copy(){var
s=document.createElement("textarea");document.body.appendChild(s);s.value=t;s.select();document.execCommand("copy");document.body.removeChild(s);};copy(t);document.body.removeChild(x)})})()
recherche de texte (dénombre et surligne le texte recherché)
javascript:(function(){var count=0;var t=prompt("recherche le texte:", "");if(t==null || t.length==0)return;d=document.defaultView;function x(node, te, len){var p, s, a, b, e, m;var s=0;if( node.nodeType==3 ){var p=node.data.toUpperCase().indexOf(te);if(p>=0){var a=document.createElement("SPAN");a.style.backgroundColor="rgba(0, 169, 255, 0.5)";var b=node.splitText(p);var e=b.splitText(len);var m=b.cloneNode(true);a.appendChild(m);b.parentNode.replaceChild(a,b);++count;s=1;}}else if( node.nodeType==1 && node.childNodes && node.tagName.toUpperCase()!="SCRIPT" && node.tagName.toUpperCase!="STYLE"){for (var c=0;c < node.childNodes.length;++c){c=c+x(node.childNodes[c], te, len);}}return s;};x(document.body, t.toUpperCase(), t.length);if (count>0 ){;alert("trouvé "+count+" occurrence"+ (count>1 ?"s":"")+" de: "+t+"");}else {;alert("aucune occurrence trouvée");};})();
recherche d'email sur la page web (le script recherche des adresses mail sur la page)
javascript:function
b() {var m='';for(var i=0; i<document.links.length;
i++){if(document.links[i].protocol=='mailto:'){var
n=document.links[i].toString();m+=n.substring(7, n.length) +
'\n';}}if(m!=''){alert(m);}else{alert('aucune adresse mail sur cette
page');}}b();
enregistrer le document (télécharger le document au format html)
javascript:(function(){var a=docu
.length==0)return;d=document.defaultView;function x(node, te,
len){var p, s, a, b, e, m;var s=0;if( node.nodeType==3 ){var
p=node.data.toUpperCase().indexOf(te);if(p>=0){var
a=document.createElement("SPAN");a.style.backgroundColor="rgba(0, 169,
255, 0.5)";var b=node.splitText(p);var e=b.splitText(len);var
m=b.cloneNode(true);a.appendChild(m);b.parentNode.replaceChild(a,b);++count;s=1;}}else
if( node.nodeType==1 && node.childNodes &&
node.tagName.toUpperCase()!="SCRIPT" &&
node.tagName.toUpperCase!="STYLE"){for (var c=0;c <
node.childNodes.length;++c){c=c+x(node.childNodes[c], te, len);}}return
s;};x(document.body, t.toUpperCase(), t.length);if (count>0
){;alert("trouvé "+count+" occurrence"+ (count>1 ?"s":"")+"
de: "+t+"");}else {;alert("aucune occurrence trouvée");};})();
insertion de texte (insertion de texte à choix)
insertion d'un texte unique (dans l'exemple une adresse mail est copiée dans le presse papier)
scroll top (en cliquant sur ce favori, le navigateur remonte en haut de la page)
scroll down (en cliquant sur ce favori, le navigateur descend en bas de la page)
retour arrière (recule d'une page dans l'historique)
avance (page suivante dans le navigateur)
javascript:var
a="verybiglongemail@google.ch";var b="La règle d'or de la conduite est
la tolérance mutuelle, car nous ne penserons jamais tous de la même
façon, nous ne verrons qu'une partie de la vérité et sous des angles
différents.";var c="La douceur du miel ne console pas de la piqûre de
l'abeille.";var d="Il n'existe que deux choses infinies, l'univers et la
bêtise humaine... mais pour l'univers, je n'ai pas de certitude
absolue.";function copy(text) {var presse =
document.createElement("textarea");document.body.appendChild(presse);presse.value
=
text;presse.select();document.execCommand("copy");document.body.removeChild(presse);};var
question1="";var question=prompt("1: "+ a+" \n"+"2: "+ b+" \n"+"3:
"+ c+" \n"+"4: "+ d, "");var y=question.charCodeAt();if
(y===49){;copy(a);};if (y===50){;copy(b);};if (y===51){;copy(c);};if
(y===52){;copy(d);}
insertion d'un texte unique (dans l'exemple une adresse mail est copiée dans le presse papier)
javascript:var
a="verybiglongemail@google.ch";function copy(text) {var presse =
document.createElement("textarea");document.body.appendChild(presse);presse.value
=
text;presse.select();document.execCommand("copy");document.body.removeChild(presse);};copy(a)
scroll top (en cliquant sur ce favori, le navigateur remonte en haut de la page)
javascript:window.scroll(0, 0);
scroll down (en cliquant sur ce favori, le navigateur descend en bas de la page)
javascript:var x =document.documentElement.scrollHeight;window.scroll(0, x);
retour arrière (recule d'une page dans l'historique)
javascript:history.back();
avance (page suivante dans le navigateur)
javascript:history.go(1)
javascript:(function(){var a=document.createElement('a');a.href = location.href;a.download='fichier.html';document.body.appendChild(a);a.click();a.parentNode.removeChild(a);})();
javascript:alert(document.cookie)
masque les images (masque les images de la page web)
javascript:(function(){var
imgs=document.getElementsByTagName("img");for(var
i=0;i<imgs.length;i++)imgs[i].style.visibility="hidden"}());
augmente la taille du texte (modifie la taille du texte, 14pt dans l'exemple suivant)
javascript:(function(){;for(i=0;i<document.getElementsByTagName('*').length;i++)(document.getElementsByTagName('*')[i].style.fontSize='14pt');}());
dictionnaire (recherche le mot sélectionné dans un dictionnaire en ligne)
javascript:d=document.getSelection();if(d!=null)location="https://www.larousse.fr/dictionnaires/francais/="+escape(d);void(0);
Aucun commentaire:
Enregistrer un commentaire