Foro de elhacker.net

Informática => Software => Mensaje iniciado por: Herchi en 12 Octubre 2019, 09:37 am



Título: personalizar vista de una web ajena con una vista propia
Publicado por: Herchi en 12 Octubre 2019, 09:37 am
entro bastante en alguna web que quiero que aproveche el ancho completo de la pantalla. Sé que se puede editar el css "en caliente" pero es poco práctico cuando quieres verla a menudo.

Lo más parecido es personalizar la vista en una web es adblocker que te quita cosas que no quieras ver y te "guarda" la configuración cuando vuelves a entrar.

Uso Firefox, quizás hay para él o para Chrome alguna extension que permita asociar una css local q se aplique en cada web.


Título: Re: personalizar vista de una web ajena con una vista propia
Publicado por: engel lex en 12 Octubre 2019, 09:40 am
puedes usar tampermonkey en chrome o greasemonkey en firefox, esto te permite ejecutar un codido js personalizado, allí podrías inyectar tus cambios


Título: Re: personalizar vista de una web ajena con una vista propia
Publicado por: Herchi en 12 Octubre 2019, 10:12 am
vale, instalado. De js sé lo básico pero bueno, intentaré el problema de novato que tengo:

veo una web donde quiero quitar el
.container {
    max-width: 990px;
}

vi esto en una web:
var declaration = document.styleSheets[0].rules[0].style;
var oldValue = declaration.removeProperty('background-color');


en la consola de chrome he intentado:
var x = document.getElementsByClassName("container");
x.removeProperty('max-width');
pero: Uncaught TypeError: x.removeProperty is not a function
La 'x' la debe coger bien


y me imagino que dentro del tampermonkey sería algo así:
function funcion(){
    var x = document.getElementsByClassName("container");
    x.removeProperty('max-width');
}
funcion();


Título: Re: personalizar vista de una web ajena con una vista propia
Publicado por: @XSStringManolo en 12 Octubre 2019, 13:23 pm
var x = document.styleSheets[0].cssRules[0].style;

x.removeProperty("max-width");


Título: Re: personalizar vista de una web ajena con una vista propia
Publicado por: Herchi en 12 Octubre 2019, 17:01 pm
nada, no lo consigo. Siguiendo el ejemplo: https://stackoverflow.com/questions/4036857/how-can-i-remove-a-style-added-with-css-function (https://stackoverflow.com/questions/4036857/how-can-i-remove-a-style-added-with-css-function)
he intentado en la consola de chrome esto:

var cssObject = jQuery('#portada .container').prop('style')
cssObject.removeProperty('max-width');

cssObject "no tiene" esa propiedad (en cambio desde F12 se la quito y si me ocupa todo el ancho).
He usado jquery porque me lio menos que con javascript nativo y es un .container dentro de un id portada

Es en marca.com (http://marca.com), y era para quitar el ancho limitado de dicho elemento.