I've been developing a JavaScript snippet for Youtube which uses Greasemonkey, and also imports Bootstrap and jQuery libraries. This application has to add a button for each one of the search list results and when the user clicks it, it must bring the user uploaded videos from his channel. I've tested the button and it works well on Firefox 29.
Nevertheless, recently I updated Firefox to version 30, and now I'm unable to see/debug the code I wrote, although Firefox executes it. I'd like to know, if is there any solution to this issue?
Here is the code if you would like seeing it:
// ==UserScript==
// @name Requerimiento2-2-Guille.user.js
// @description Rodrigo
// @include http://www.youtube.com/*
// @include https://www.youtube.com/*
// @grant none
// ==/UserScript==
/* Here it's the Bootstrap and jQuery code pasted (I know it should be done with an include).*/
var boton='<button style="float:right;" type="button" class="verVideos btn btn-lg yt-uix-button yt-uix-button-size-default yt-uix-button-primary">'+'<span class="glyphicon glyphicon-list"></span>Ver videos del usuario'+
'</button>';
$(function(){
iniciarScript();
});
function iniciarScript(){
$("#search-results li.yt-lockup div.yt-lockup-content").before(boton);
$("#verVideos").click(mostrarVideosUsr);
}
function mostrarVideosUsr(){
alert("Se pulso el boton!");
}
PD: I've tried starting Firefox with other user profile, but it keeps not working.