UlisesGascon
commented
9 years ago Yo en su día disfrute mucho con la flexibilidad de GM. Antes había muchos scripts dando vueltas, aun quedan webs que dan soporte como userscripts-mirror. En esta web se pueden ver los scripts y su código fuente.
Realizar cambios de CSS puede ser complicado a la larga a través de este tipo de extensiones, pero te adjunto un par de funciones que te ayudarán a quitar y poner dinámicamente archivos .css.
- adjuntarCSS permite añadir un archivo css al html, puedes utilizar un servidor ftp o c9 para hostear tu nuevo css y así pasar la ruta directamente.
function adjuntarCSS (ruta) {
var elemento = document.createElement("link")
elemento.setAttribute("rel", "stylesheet")
elemento.setAttribute("type", "text/css")
elemento.setAttribute("href", ruta)
document.getElementsByTagName("head")[0].appendChild(elemento);
};
// Ejemplo:
// adjuntarCSS("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css")- eliminarCSS permite quitar cualquier archivo css que este cargado. Solo es necesario facilitar la ruta que aparece en el html. La función utiliza querySelector. Es compatible a día de hoy con la mayoría de los navegadores, salvo IE8.
function eliminarCSS (ruta) {
var elemento = document.querySelector('link[href="'+ruta+'"]');
elemento.parentNode.removeChild(elemento);
};
// Ejemplo:
// eliminarCSS ("/style/fumbbl.css/v11.css");- Compatibilidad de querySelector
- Nota: Ambas funciones pueden ser utilizadas desde la consola, con lo que puedes evitar trabajar con la extensión de Chrome en un principio.
mrfoxtalbot
No sé si los issues son para esto o si es muy offtopic, pero os lo cuento igual. Me gustó mucho lo que comentaste de Greasemonkey (yo lo usé hace años sin saber muy bien qué era para añadir funcionalidades extra a Flickr) y me gustaría trastear con él. He encontrado este otro ¿alguien lo conoce?: https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo
Básicamente me gustaría usarlo para añadir una hoja de estilos nueva y remaquetar "al vuelo" esta página de la que soy usuario: https://fumbbl.com/ Sería para usarlo yo para y mandarles la hoja de estilo cuando esté más o menos avanzada por si les mola la idea y la quieren incorporar.
Chau!