personalizar vista de una web ajena con una vista propia

Iniciado por Herchi, 12 Octubre 2019, 09:37 AM

0 Miembros y 1 Visitante están viendo este tema.

Herchi

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.

engel lex

puedes usar tampermonkey en chrome o greasemonkey en firefox, esto te permite ejecutar un codido js personalizado, allí podrías inyectar tus cambios
El problema con la sociedad actualmente radica en que todos creen que tienen el derecho de tener una opinión, y que esa opinión sea validada por todos, cuando lo correcto es que todos tengan derecho a una opinión, siempre y cuando esa opinión pueda ser ignorada, cuestionada, e incluso ser sujeta a burla, particularmente cuando no tiene sentido alguno.

Herchi

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();

@XSStringManolo

var x = document.styleSheets[0].cssRules[0].style;

x.removeProperty("max-width");

Herchi

#4
nada, no lo consigo. Siguiendo el ejemplo: 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, y era para quitar el ancho limitado de dicho elemento.