11.7.20

exemples de bookmarklets

Un bookmarklet est un marque-page qui exécute du code JavaScript pour apporter des fonctionnalités intéressantes au navigateur.
Appelé aussi signapplet, applisignet, marque-page scripté ou favelets: ils récupèrent des informations d'une page web, modifient le rendu graphique d'une page web, agissent sur le navigateur ou interrogent directement un moteur de recherche.

Le code javascript est inscrit dans la section "url" du signet, il commence par "javascript:".
Le code s’exécute lorsque l'on clique sur le bookmark pour accomplir une tâche.
Les applisignets fonctionnent aussi sous la forme de liens dans une page html.
Ces liens favoris fonctionnent généralement sur n'importe quel navigateur, ils rendent les tâches répétitives du navigateur plus rapides et plus faciles à effectuer.
Pour intégrer un favelet dans la barre de favoris d'un navigateur, glisser déposer le lien du bookmarklet.
Ou copier le code et l'insérer dans la zone url du signet.


Cette vidéo présente plusieurs marque-pages dont voici les codes js:


recherche d'adresse sur google maps
javascript:d=""+(window.getSelection?window.getSelection():document.getSelection?document.getSelection():document.selection.createRange().text);d=d.replace(/\r\n|\r|\n/g," ,");if(!d)d=prompt("entrer l'adresse:", "");if(d!=null)location="http://maps.google.com?q="+escape(d).replace(/ /g,"+");void 0;

bookmarklet prise de note sans sauvegarde
javascript:var myWindow = window.open("", "MsgWindow", "width=400,height=600");myWindow.document.write("<html contenteditable><body><p></p></body></html>");

bookmarklet recherche de synonymes
javascript:d=document.getSelection();if(d!=null)location="https://www.synonymes.com/synonyme.php?mot="+escape(d);void(0);

bookmarklet contrôle du nom de domaine de la page web

javascript:function x(){;var site=window.location.hostname;if (site == "www.google.ch" || site =="stackoverflow.com"){;alert("domaine connu")}else{;alert("domaine inconnu")};}x()

bookmarklet impression de la page web
javascript:window.print();

bookmarklet date actuelle  (format européen)
javascript:var e = new Date();var d = e.getDate();var m = e.getMonth()+1;var y = e.getFullYear();alert(d+"-"+m+"-"+y);

bookmarklet retourne le code unicode d'une chaîne de caractères
javascript:var question1="";var question=prompt("", "");for (var i = 0; i < question.length; i++) {question1=question1+question.charCodeAt(i);};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(question1);

bookmarklet afficher le mot de passe masqué
javascript:(function(){var s,F,j,f,i; s = ""; F = document.forms; for(j=0; j<F.length; ++j) { f = F[j]; for (i=0; i<f.length; ++i) { if (f[i].type.toLowerCase() == "password") s += f[i].value + "\n"; } } if (s) alert("mot de passe en clair:\n\n" + s); else alert("mot de passe en clair");})();

bookmarklet copie du texte sélectionné
javascript:d=document.getSelection();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(d);

bookmarklet appliquer le mode sombre à la page web
javascript:(function(){var new_style, styles='* { background: black !important; color: #C0C0C0 !important; line-height:1.7em !important} :link, :link * { color: #0099FF !important } :visited, :visited * { color: #6666CC !important }'; if(document.createStyleSheet) { document.createStyleSheet("javascript:'"+styles+"'"); } else { new_style=document.createElement('link'); new_style.rel='stylesheet'; new_style.href='data:text/css,'+escape(styles); document.getElementsByTagName("head")[0].appendChild(new_style); } }());
 
javascript:alert(document.referrer);

4.7.20

signet générateur de mot de passe

Ce script placé dans un favori (bookmarklet), est un générateur de mot de passe écrit en javascript. Le code récupère le mot de passe simple que l'utilisateur inscrit dans un popup, le chiffre et l'allonge de façon a créer un password fort.
Le résultat est une suite de lettres, de chiffres et de caractères qui n'est plus lisible. Ce qui augmente considérablement l'entropie du mot de passe. Le script copie le résultat permettant à l'utilisateur de le coller dans le formulaire de connexion.
Les différents paramètres du cryptage peuvent être changer afin de personnaliser le script.
Cette méthode rend possible la mémorisation de nombreux mot de passes lisibles et donc leurs utilisations uniques.


-Créer un favori dans Chrome
-Cliquer avec le bouton droit sur le favori
-Modifier...
-Copier le code suivant
-Coller le code dans le champ "url" du marque-page
-Modifier le "Nom" du favori
-Enregistrer

ou glisser déposer le lien suivant dans la barre de favoris du navigateur

bookmarklet générateur de mot de passe complexe
javascript:var q=prompt("mot de passe", "");var k="x%&H/:?M*-g=)q@(I/<S";var c="";var x=q;var long=x.length;for (pas = 1; long < 28; pas++){var z = 23 % (pas+7);c.split("").reverse().join(""),c=c+k.substring(pas,pas+1)+q.substring(pas,pas+1)+(pas+z)+q.substring(3,5).split("").reverse().join("")+z+k.substring(pas+4,pas+5)+q.substring(pas+1,pas+2)+q.substring(long-1,long)+k.substring(pas+3,pas+3);long=c.length;};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(c)

Lors de la connexion à un compte, la vérification de l'adresse web est primordiale pour éviter le hameçonnage. Le phishing est une technique qui utilise des copies de sites de confiances pour tromper les internautes. L'url de ces sites diffère des sites copiés.
Cette version du générateur de mot de passe contrôle si le domaine est connu. Si le domaine est inconnu le mot de passe ne peut pas être créé. Un message d'alerte informe l'utilisateur.

Pour configurer le générateur, il faut modifier les noms de domaines inscrits dans le code javascript. Dans l'exemple il s'agit de "accounts.google.com" et de "www.linkedin.com".

javascript:function xx(){;var q=prompt("mot de passe", "");var k="x%&H/:?M*-g=)q@(I/<S";var c="";var x=q;var long=x.length;for (pas = 1; long < 28; pas++){var z = 23 % (pas+7);c.split("").reverse().join(""),c=c+k.substring(pas,pas+1)+q.substring(pas,pas+1)+(pas+z)+q.substring(3,5).split("").reverse().join("")+z+k.substring(pas+4,pas+5)+q.substring(pas+1,pas+2)+q.substring(long-1,long)+k.substring(pas+3,pas+3);long=c.length;};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(c);};var site=window.location.hostname;if(site == "accounts.google.com" || site =="www.linkedin.com"){;xx();}else{;alert("attention domaine inconnu")}

3.7.20

augmenter l'entropie d'un mot de passe avec un bookmarklet

Les bookmarklets permettent de réaliser des tâches en utilisant du code javascript à l'intérieur d'un favori. Cette vidéo présente des favoris pour se connecter à son compte google.
Le premier remplit l'adresse mail du formulaire de connexion et clique sur le bouton suivant. Le deuxième actualise la page web. Le troisième demande le mot de passe de l'utilisateur, chiffre le mot de passe et l'inscrit dans le formulaire.

L'internaute peut utiliser un mot de passe simple et facile a mémoriser. Le script se charge d'augmenter la longueur et la complexité du password.
Le code du signet récupère les caractères du mot de passe, les mélanges et en ajoute pour obtenir une meilleure séquence de caractères.
Cette méthode fonctionne avec chrome sur la page de connexion de Google.
Pour modifier un signet, il suffit d'en créer un, de cliquer avec le bouton droit de la souris, de sélectionner "modifier", de changer le nom et de remplacer L’URL par le code Javascript.


bookmarklet insérer un email dans le formulaire de connexion de google
javascript:document.getElementById("identifierId").setAttribute("value","test@gmail.com"),document.querySelectorAll('[role="button"]:last-of-type')[0].setAttribute("id", "clicbouton"),document.getElementById("clicbouton").click()

bookmarklet actualiser la page web
javascript:location.reload()

bookmarklet générateur de mot de passe fort et copie dans le presse papier
javascript:var q=prompt("mot de passe", "");var k="x%j&H/i:?Ms*-g=)q@(lI/S!";var c="";var x=q;var long=x.length;for (pas = 1; long < 31; pas++){var z = 23 % (pas+7);c.split("").reverse().join(""),c=c+k.substring(pas,pas+1)+q.substring(pas,pas+1)+(pas+z)+q.substring(3,5).split("").reverse().join("")+z+k.substring(pas+4,pas+5)+q.substring(pas+1,pas+2)+q.substring(long-1,long)+k.substring(pas+3,pas+3);long=c.length;};document.getElementsByName("password")[0].setAttribute("id", "new"),document.getElementById("new").setAttribute("value",c.split("").reverse().join(""))

-Pour personnaliser le chiffrement du mot de passe, il est possible de changer la longueur du mot de passe crypté, la variable k avec d'autre caractères spéciaux, la variable z (moulo),...

1.7.20

bookmarklets pour YouTube

Ces bookmarklets améliorent la productivité sur la plateforme YouTube.



Ce bookmarklet utilise un texte sélectionné ou affiche un popup pour rechercher le terme sur YouTube:
YouTube recherche
javascript:d=""+(window.getSelection?window.getSelection():document.getSelection?document.getSelection():document.selection.createRange().text);d=d.replace(/\r\n|\r|\n/g," ,");if(!d)d=prompt("rechercher sur YouTube:", "");if(d!=null)location="https://www.youtube.com/results?search_query="+escape(d).replace(/ /g,"+");void 0

Ce bookmarklet active le thème sombre:
Youtube thème sombre
javascript:document.cookie=("PREF=f4=4000000&f6="+(((document.cookie||"").match(/PREF=f4=4000000&f6=400/))?8000:400)+";domain=.youtube.com");location.reload();

Ce bookmarklet active le thème clair:
Youtube désactive thème sombre
javascript:document.cookie=("PREF=f4=4000000&f6="+(((document.cookie||"").match(/PREF=f4=4000000&f6=8000/))?400:8000)+";domain=.youtube.com");location.reload();

Ce signapplet affiche la vidéo en mode cinéma:
Youtube mode cinéma
javascript:document.cookie=("wide="+(((document.cookie||"").match(/wide=1/))?0:1)+";domain=.youtube.com");location.reload();

Ce favelet affiche le nombre de vues d'une vidéo:
YouTube vues
javascript:var x = document.getElementsByClassName("style-scope yt-icon");var y=x[0].innerHTML;alert(y);

Ce bookmarklet met en pause une vidéo:
YouTube pause
javascript:void function(){y=document.getElementById("movie_player"),y.pauseVideo();}()

Cette version du favelet affiche le temps de la pause:
YouTube pause + temps
javascript:void function(){y=document.getElementById("movie_player"),y.pauseVideo();}();alert(y.getCurrentTime())

Ce bookmarklet lit la vidéo:
YouTube play
javascript:void function(){y=document.getElementById("movie_player"),y.playVideo();}()

Ce bookmarklet augmente la vitesse de lecture de la vidéo:
YouTube +
javascript:(function(){;Array.from(document.getElementsByTagName('video')).forEach(v => v.playbackRate *= 1.25);}());

Ce bookmarklet diminue la vitesse de lecture de la vidéo:
YouTube -
javascript:(function(){;Array.from(document.getElementsByTagName('video')).forEach(v => v.playbackRate *= 0.75);}());

Ce bookmarklet ouvre un onglet avec les chaînes d'une chaîne:
YouTube chaînes
javascript:window.open("https://www.youtube.com/c/emmanuelbron/channels")

27.6.20

ajouter une icône à un bookmarklet

Par défaut les navigateurs affichent une icône standart lors de la création d'un favori sans url.
Les bookmarklets n'échappent pas à cette présentation peu esthétique.
Il est néanmoins possible de créer un favicon personnalisé lié au favelet.
bookmarklet icon
Pour les utilisateurs du navigateur chrome:
  • personnaliser et contrôler google chrome
  • favoris
  • gestionnaire de favoris
  • organiser
  • exporter les favoris
  • créer un favicon de son choix (favicon.ico)
  • convertir le favicon en base64
  • copier le résultat de l'encodage base64
  • ouvrir le fichier tml des favoris exportés avec un éditeur de texte
  • rechercher le bookmarklet concerné
  • ajouter l'expression suivante (ICON="data:image/png;base64,...) aprés (ADD_DATE="...")
  • coller l'encodage base64 après cette expression
  • sauvegarder le fichier html
  • importer les favoris dans chrome
  • supprimer les favoris importés

Exemple d'un applisignet avec un favicon youtube:

<DT><A HREF="javascript:d=&quot;&quot;+(window.getSelection?window.getSelection():document.getSelection?document.getSelection():document.selection.createRange().text);d=d.replace(/\r\n|\r|\n/g,&quot; ,&quot;);if(!d)d=prompt(&quot;rechercher sur YouTube:&quot;, &quot;&quot;);if(d!=null)location=&quot;https://www.youtube.com/results?search_query=&quot;+escape(d).replace(/ /g,&quot;+&quot;);void 0" ADD_DATE="1596612653" ICON="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABCElEQVQ4ja2TMU4DMRBF38wiEFIqKFYIUSAtJ8kNcoood8jJopwgRyANNCg1aSJl/Sls73rdoBC+NLI982c8/raNAgIHLC2NKZRHg1BHavKvyDlWOGbAG9ACT8RuSgTgCzgA7wbHstpC8Ck4CSSQzDTMp3ZK3EVOvhN8pGAvCILzYGbnYh0SRynn1oEX4JGpME7bOmaO5Lh7daQAPADPDtwnLSKhaaI2q5Wx2RhdZ4RgTIXOBWde7WyYRWLfw3wOux2s12PhaaFQK30xbqqzCSnu1DSw3cJyCfv9GI+Wu3AEneCY1M23ENS2QWZx7h4G/8j7FrxefY25rz8/pH97ytd/puS8+Dv/AFRGv3m23DwSAAAAAElFTkSuQmCC">YouTube recherche</A>

Pour les habitués du browser firefox:
  • bibliothèque
  • marque-pages
  • afficher tous les marque-pages
  • exporter des marque-pages au format html
  • enregistrer
  • modifier le fichier (procédure identique à celle mentionnée pour chrome)
  • importer des marque-pages au format html

Base64 est un algorithme d'encodage qui convertit, en caractères imprimables à partir des données binaires, l'image du favicon. Cet algorithme utilise 64 caractères de base, les lettres minuscules et majuscules, les chiffres et le symbole plus et slash.

26.6.20

favelet affichage de deux pages web côte à côte

Ce bookmarklet divise une page web en deux parties égales dans le navigateur.
La première affiche la page actuelle, la deuxième affiche une autre page ou la même.
Comme sur les photos suivantes, l'applisignet permet de visualiser deux vidéos sur youtube ou de lire deux pages d'un site web.

javascript:var y=prompt("url","");if(y==""){;z=window.location.href;}else{;z=y;};document.write("<html><head></head><iframe src=" + location.href + " width=50% height=100% align=left frameborder=0></iframe><iframe src=" + z + " width=50% height=100% align=right frameborder=0></iframe></html>")

affiche deux pages dans le navigateur

Le formulaire demande l'adresse url de la deuxième page web.
Si le formulaire n'est pas remplit, les deux cadres afficheront la même page.
Ce script permet de lire ou de comparer deux pages web sans ouvrir un nouveau onglet.
Il est possible de naviger dans les deux frames indépendamment.
L'actualisation de la page supprime les deux cadres et affiche la page originale.

split screen

25.6.20

email bookmarklet

Il est possible d'envoyer des emails depuis le navigateur à l'aide de bookmarklets.
L'application de messagerie usuel est utilisée pour ouvrir un nouveau message.
Plusieurs paramètres peuvent être ajoutés au favelets.

envoyer un message
javascript:location.href='mailto:'

envoyer un message (paramètres non remplis)
javascript:location.href='mailto:?SUBJECT='+'&BODY='

envoyer un message (paramètres remplis)
javascript:location.href='mailto:test@test.cch?SUBJECT=sujet'+'&BODY=texte'

envoyer un message (paramètres remplis avec des variables)
javascript:m="test@test.cch";s="sujet";c="corps";location.href='mailto:'+m+'?SUBJECT='+encodeURIComponent(s)+'&BODY='+encodeURIComponent(c)

envoyer un mail avec un lien (le titre de la page web est ajoutée au sujet du message)
javascript:m="test@test.cch";var titre=document.title;location.href='mailto:'+m+'?SUBJECT='+titre+'&BODY='+escape(location.href)

envoyer un mail avec un lien d'une vidéo youtube, démarre à 30 secondes
javascript:m="test@test.cch";d=document.location='https://youtu.be/' + document.location.href.match( /[&?]v=([^&#]*)/i)[1]+"?t=30";var titre=document.title;location.href='mailto:'+m+'?SUBJECT='+titre+'&BODY='+escape(d)

bookmarklet email thisenvoyer un email avec gmail
javascript:(function(){window.open('https://mail.google.com/mail/?ui=2&view=cm&fs=1&tf=1&shva=1','Compose Gmail','status=no,directories=no,location=no,resizable=no,menubar=no,width=600,height=600,toolbar=no');})();

javascript:(function(){popw='';Q='';d=document;w=window;if(d.selection){Q=d.selection.createRange().text;}else if(w.getSelection){Q=w.getSelection();}else if(d.getSelection){Q=d.getSelection();}popw=w.open('http://mail.google.com/mail/s?view=cm&fs=1&tf=1&to=&su='+encodeURIComponent(d.title)+'&body='+encodeURIComponent(Q)+escape('%5Cn%5Cn')+encodeURIComponent(d.location)+'&zx=RANDOMCRAP&shva=1&disablechatbrowsercheck=1&ui=1','gmailForm','scrollbars=yes,width=680,height=575,top=175,left=75,status=no,resizable=yes');if(!d.all)setTimeout(function(){popw.focus();},50);})();

récupérer les données d'une vidéo youtube

Les informations d'une vidéo sont affichées dans une popup avec ce bookmarklet en JavaScript.
Le script extrait les données du code html et présente les informations détaillées de la vidéo.
La nouvelle fenêtre retourne les données suivantes:

  • nom de la chaîne
  • titre de la vidéo
  • mots clés
  • description de la vidéo
  • date de publication
  • date de mise en ligne
  • chaîne ID
  • vidéo ID
  • url
  • durée
  • genre
  • nombre de vues
  • tag

 bookmarklet données d'une vidéo youtube
javascript:var name = document.querySelector("link[itemprop='name']").getAttribute("content");var titre=document.getElementsByName('title')[0].getAttribute('content');var description=document.getElementsByName('description')[0].getAttribute('content');var keywords=document.getElementsByName('keywords')[0].getAttribute('content');var element = document.querySelector('meta[property="og:video:tag"]');var tag = element && element.getAttribute("content");var element2 = document.querySelector('meta[property~="og:url"]');var url = element2 && element2.getAttribute("content");var date=document.querySelector("[itemprop='datePublished']").getAttribute("content");var date_ligne=document.querySelector("[itemprop='uploadDate']").getAttribute("content");var channel = document.querySelector("[itemprop='channelId']").getAttribute("content");var video = document.querySelector("[itemprop='videoId']").getAttribute("content");var time = document.querySelector("[itemprop='duration']").getAttribute("content");var genre = document.querySelector("[itemprop='genre']").getAttribute("content");var compteur = document.querySelector("[itemprop='interactionCount']").getAttribute("content");var myWindow = window.open("", "", "width=600,height=500");myWindow.document.write("nom de la chaîne: " + name + "<br><br>","titre de la vidéo: " + titre + "<br><br>", "mots clés: "+ keywords + "<br><br>", "description: "+ description + "<br><br>", "date de publication: "+ date + "<br><br>", "date de mise en ligne: "+ date_ligne + "<br><br>","chaîne: "+ channel + "<br><br>", "vidéo ID: "+ video + "<br><br>","url: "+ url + "<br><br>","durée: "+ time + "<br><br>", "genre: "+ genre + "<br><br>", "nombre de vues: "+ compteur + "<br><br>", "tag: "+ tag + "<br><br>");

favelet affiche les données d'une vidéo youtube

bookmarklet: youtube liste des vidéos

Ce bookmarklet génère et affiche une liste des vidéos d'une chaîne YouTube.

javascript:(function(){if (window.location.href.indexOf("watch?v=") > -1 && window.location.href.indexOf("&list=") < 0) {;window.location += "&list=" + "UU" + document.documentElement.innerHTML.match('channelId" content="(.*?)"')[1].substr(2);}})()

bookmarklet youtube liste de vidéos

La liste est ajoutée à droite sous la mention "Vidéos misent en ligne par".
Elle affiche l'ensemble des vidéos de la chaîne.
Le script js récupère le channelId de la chaîne, rajoute à l'url de la vidéo "&list=" ,"UU" et "channelId ".
Puis actualise la page web.

24.6.20

bookmarklet: youtube vidéo intégrée

Ce bookmarklet affiche une vidéo youtube dans une iframe.
Les paramètres autoplay et rel sont ajoutés à l'url.
Le paramètre autoplay détermine si la lecture de la vidéo doit être lancée automatiquement.
Le paramètre rel détermine si des vidéos similaires doivent être affichées dans le lecteur à la fin de la lecture de la vidéo.

vidéo youtube intégrée
javascript:document.location='https://www.youtube.com/embed/' + document.location.href.match( /[&?]v=([^&#]*)/i)[1]+"?autoplay=1&rel=0"

 

Le signet scripté suivant lance une vidéo à partir d'un instant précis:

vidéo youtube start
javascript:document.location='https://youtu.be/' + document.location.href.match( /[&?]v=([^&#]*)/i)[1]+"?t=30"

youtube video iframe
 

23.6.20

bookmarklet: raccourcis clavier de YouTube

Les raccourcis clavier sont présents sur certains boutons du lecteur vidéo de youtube. Ils sont également inscrits dans les paramètres de l'utilisateur connecté sous raccourcis clavier.

Il est possible d'utiliser ces raccourcis à l'aide d'un favoris scripté. Dans l'exemple suivant, la variable n représente une touche du clavier au format JavaScript (javascript key codes).

barre d'espace (lire et mettre en pause) var n = 32

m (désactiver et réactiver le son) var n = 77

j (revenir de 10 secondes en arrière) var n = 74

l (avancer de 10 secondes) var n = 76

, (lorsque la vidéo est en pause, afficher l'image suivante) var n = 188

. (lorsque la vidéo est en pause, afficher l'image précédente) var n = 190

f (plein écran) var n = 70

c (activer et désactiver les sous-titres) var n = 67

i (lecteur réduit) var n = 73

t (mode théâtre) var n = 84

0 (redémarrer la vidéo depuis le début) var n = 48

1 à 9 (avancer par palier de 10%) var n = 49 à 57

o (alterner entre les différents niveaux d'opacité du texte des sous titres) var n = 79

w (alterner entre les différents niveaux d'opacité de la fenêtre des sous titres) var n = 87

escape (fermer le lecteur réduit) var n = 27

raccourci clavier youtube
javascript:(function(){var n=77;e=document.createEvent('Event');e.initEvent('keydown', true, false);e.key=String.fromCharCode(n);e.which = n;e.keyCode=n;e.charCode=n;document.getElementsByTagName('BODY')[0].dispatchEvent(e);})();

Pour modifier le comportement du bookmarklet, il faut changer la valeur de la variable n.

 

L'autre solution pour modifier les paramètres du lecteur vidéo est d'utiliser l'API de youtube.

durée de la vidéo
javascript:y=document.getElementById("movie_player");alert(y.getDuration())

renvoie le temps actuel de la vidéo
javascript:y=document.getElementById("movie_player");alert(y.getCurrentTime())

retourne l'état du player
javascript:y=document.getElementById("movie_player");alert(y.getPlayerState())

affiche la vidéo suivante
javascript:y=document.getElementById("movie_player");y.nextVideo()

affiche la vidéo précédente
javascript:y=document.getElementById("movie_player");y.previousVideo()

affiche la troisième vidéo de la playlist
javascript:y=document.getElementById("movie_player");y.playVideoAt(3)

règle le volume du son à 60
javascript:y=document.getElementById("movie_player");y.setVolume(60)

obtenir l'url de la vidéo
javascript:y=document.getElementById("movie_player");alert(y.getVideoUrl())

22.6.20

bookmarklet: google agenda

Google agenda est une application qui permet de créer des événements et des agendas.

Ces deux script automatise des tâches sur  google agenda.

création d'un événement dans l'agenda
javascript:(function(){x=prompt("description de l'événement:");
let y='https://www.google.com/calendar/event?action=TEMPLATE&text='+encodeURIComponent(x)+'&dates=';window.open(y)})();


création d'un nouvel agenda
javascript:window.open("https://calendar.google.com/calendar/r/settings/createcalendar?action=TEMPLATE");

combiner des bookmarklets

La combinaison de bookmarklet réduit la place utilisée dans la barre de favoris.

 

Ce signet réunit deux fonctions, scroll top et scroll down:

bookmarklet scroll top down
javascript:var x;var y;var z;x =document.documentElement.scrollHeight;y =document.documentElement.clientHeight;w =window.scrollY;z = x-y;if (w==0 || w>0 && w<z-1){;window.scroll(0, z);};if (w>z-1){;window.scroll(0, 0);}

 

Cet applisignet destiné à la plateforme youtube, remplit deux rôles, play et pause. Il joue ou met sur pause la vidéo. Si la vidéo n'a pas été lancée ou si elle est arrêtée après lecture complète, le favori lance la lecture de la vidéo:

youtube play pause
javascript:y=document.getElementById("movie_player");var x= y.getPlayerState();if (x==1) {;y.pauseVideo();}else if (x==2||x==0||x==-1) {;y.playVideo();}

 

Ce favelet youtube, active ou désactive le son de la vidéo:

youtube mute unmute
javascript:y=document.getElementById("movie_player");var x=y.isMuted();if (x){;y.unMute();} else {;y.mute();}

10.12.19

récupération de mot de passe avec powershell

Powershell permet la récupération du contenu du presse papier de windows. Lors de l'utilisation du presse papier pour la copie de mot de passe, il est possible de le récupérer et de l'envoyer par email. Pour que le script fonctionne, le niveau de sécurité doit être faible. Google étant une plateforme sécurisée, pour recevoir un email en utilisant powershell, il faut débloquer la sécurité du compte en activant l'accès pour les applications moins sécurisées. Le réglage du pare-feu doit être réglé sur filtrage bas. L'utilisateur doit exécuter le script avec powershell.

générateur de mot de passe en javascript 2

Cette deuxième version de l'application générateur de mot de passe colle automatiquement le mot de passe hashé dans le presse papier de Windows.
Il reste à l'utilisateur de le coller dans le champ du formulaire de connexion.
Le résultat du hashage n'est donc plus visible.
 

15.9.19

écrire des mots de passe complexifiés

Voici une méthode pour créer des mots de passe un peu plus complexes à partir de mots de passe simples et mémorisables. Ce procédé utilise un module linguistique différent de celui installé par défaut, pour écrire les mots de passe. L'utilisateur doit alors choisir le clavier langue étrangère pour écrire son mot de passe, puis revenir au préférence linguistique habituel. Le module linguistique doit contenir l'option "écriture manuscrite disponible" pour être utilisée par le clavier. Cette démarche ne dispense pas l'utilisateur de créer de long mots de passe.


7.9.19

générateur de mot de passe en javascript

Ce script écrit en javascript dans une page html, génère des mots de passe complexes à partir de mots de passe simples et mémorisables. Le code est enregistré dans le bloc notes de windows, avec un préfixe et l'extension .html Il est possible de créer un favori dans l'explorateur. Les avantages:
-page html écrite, modifiée et enregistrée par l'utilisateur -clef de chiffrement choisie par l'utilisateur -génération de mots de passe complexes à partir de mots de passe simples -la page s'actualise après un délai (personnalisable) pour effacer le mot de passe chiffré, de la page html -longueur du mot de passe chiffré, modifiable -le calcul du chiffrement peut être modifié pour personnaliser le script -le nombre de caractères possible est de 94 -modification des noms de variable et des titres pour plus de discrétion Les désavantages:
-la page html et son code javascript sont liés au navigateur -le mot de passe chiffré reste dans le presse papier -ce script ne protège pas l'utilisateur contre le phishing -l'utilisateur doit recréer le mot de passe chiffré à chaque connexion -si la page html ou la clef de chiffrement sont perdus, l'utilisateur n'a plus accès a ses mots de passe Ce script tente de résoudre les problèmes de création et de mémorisation de mot de passe, mais il n'est pas exempt de défaut.



1.9.19

générateur de mot de passe en vbscript

Ce générateur de mot de passe a été développé en VBScript.
Il est modifiable par l'utilisateur.
Le script est enregistré dans le bloc notes de windows, sous l'extension .vbs
Il est possible de créer un raccourci  et de le modifier.

Il est impératif de modifier la clef de chiffrement.
Pour personnaliser le processus de chiffrement, il est possible de modifier, le nombre de caractères du mot de passe final, le calcul du chiffrement, le nom des variables et les titres, les caractères utilisés de la table ansi.

Pour l'utiliser, ouvrir le raccourci et renseigner le champ de l'inpubox avec le mot de passe mémorisable.
Le script renvoie un mot de passe chiffré d'une longueur choisie, composé de chiffres, lettres minuscules, lettres majuscules et de caractères spéciaux.

Les avantages du script:

  • script écrit, modifié et enregistré par l'utilisateur
  • clef de chiffrement choisie par l'utilisateur
  • script séparé du navigateur
  • génération de mots de passe complexes à partir de mots de passe simples
  • longueur du mot de passe chiffré, modifiable
  • le nombre de caractères possible est de 219
  • modification des noms de variable et des titres pour plus de discrétion


Les désavantages du script:

  • le langage vbscript a été utilisé pour créer des virus
  • le mot de passe chiffré reste dans le presse papier
  • ce script ne protège pas l'utilisateur contre le phishing
  • l'utilisateur doit recréer le mot de passe chiffré à chaque connexion
  • si le script ou la clef de chiffrement sont perdus, l'utilisateur n'a plus accès à ses mots de passe
Les internautes ont tendance a réutiliser leurs mots de passe et a les créer à partir de mots facilement mémorisables ou de combinaison sur le clavier.
Le cassage de ces mots de passe est alors facilité pour les attaques par dictionnaire ou par table arc-en-ciel. Un mot de passe court ne tient pas face à une attaque par force brute.
Ce script tente de résoudre ces problèmes, mais il n'est pas exempt de défaut.



4.5.19

macro image pour alphacam

Cette application crée des dessins techniques à partir d'image.

La création de lignes et réalisée grâce à des algorithmes de détection de contours. Les images utilisées doivent être au format bitmap.

Plusieurs options sont disponibles en fonction du genre de dessin souhaité.

L'option "variation de profondeur des polylignes" influence la profondeur des splines, ce qui fait varier la profondeur de l'usinage.
L'option "suppression des couleurs claires" limite l'utilisation des couleurs de l'image.
L'option "variation d'échelle" modifie la taille de chaque géométries copiées en fonction de l'intensité du pixel utilisé.
L'option "orientation vers le centre ou vers l'extérieur" oriente chaque géométries vers le milieu ou vers la périphérie de l'image.


3.2.19

application contours d'images

Cette application génère un dessin technique à partir d'une image. Le formulaire permet de régler les seuillages et la longueur des lignes créées. Le dessin obtenu est usinable.

L'image au format bitmap est sélectionnée après la complétion du formulaire. Le choix des seuillages est déterminants pour obtenir un résultat optimal. En utilisant l'option pixel minimum, les lignes les plus petites ne sont pas dessinées. L'option spline permet de créer des splines à partir des géométries avec une tolérance déterminée. Les splines sont automatiquement transformées en géométries usinable. La macro affiche les informations du nombre de lignes dessinées et du nombre de pixels utilisés pour créer les contours de l'image.