#tampermonkey est le messie pour modifier un site en JS. #greasemonkey

tampermonkey est le messie, tout comme greasemonkey d’ailleurs^^.
Il y a parfois des sites qui me font littéralement chier à se recharger toute les 60 secondes alors j’ai eu l’idée d’intailler une extension pour les modifier!!!! On peut faire toute sorte de choses dès qu’on maîtrise un minimum le Javascript. Perso, je le fais en jquery par question de facilité.

Si vous avez lu l’article précédent, le but était d’avoir un code JS dans un favori et qu’en en consultant une page YouTube, on cliquerait dessus ce qui ouvrirait la popup qui sauvegarderait l’url de la vidéo a téléchargé. Tout cela, car j’ai la flemme de faire un copié-collé d’une url^^.

Avec l’extension, on va pouvoir intégrer un bouton directement à YouTube, ce qui est quand même top!!!

Le code:

// ==UserScript==
// @name         Youtube Download MP3
// @namespace    http://simonbhb.fr
// @version      0.3
// @description  Download musique sur Youtube
// @author       SimonBHB
// @grant        none
// @require http://code.jquery.com/jquery-latest.js
// @match http://www.youtube.com/*
// @match https://www.youtube.com/*
// ==/UserScript==

(function() {
   'use strict';
    $(document).on('click', '#youtube_bouton_dl', function() {
        var url = location.href;
        var title = document.title || url;
        window.open('http://domaine.fr/?url=' + encodeURIComponent(url)+'&titre=' + encodeURIComponent(title)+'&source=bookmarklet','_blank','menubar=no,width=500,height=120,toolbar=no,scrollbars=no,status=no,dialog=1');
	});

	setTimeout(function(){
        $('.title').append(' - <input type="button" style="background-color:#F1F1F1;border-radius: 4px;box-shadow: 0px 0px 6px #000000;opacity: 0.8;" id="youtube_bouton_dl" value="Ajouter a Youtube-DL"/>');
	},3000);

})();

C’est un code ultra basique. Qu’est ce qu’il fait ? Il attend 3 secondes et ajoute un bouton après le titre de la vidéo(c’est possible qu’il en ajoute un peu partout parfois). Au clic sur le bouton comme avant une petite popup va s’ouvrir et récupérer le titre et l’url de la vidéo qui nous intéresse!!!