elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: ¿Eres nuevo? ¿Tienes dudas acerca del funcionamiento de la comunidad? Lee las Reglas Generales


+  Foro de elhacker.net
|-+  Informática
| |-+  Software
| | |-+  personalizar vista de una web ajena con una vista propia
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: personalizar vista de una web ajena con una vista propia  (Leído 1,555 veces)
Herchi

Desconectado Desconectado

Mensajes: 99


Ver Perfil
personalizar vista de una web ajena con una vista propia
« 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.


En línea

engel lex
Moderador Global
***
Desconectado Desconectado

Mensajes: 15.514



Ver Perfil
Re: personalizar vista de una web ajena con una vista propia
« Respuesta #1 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


En línea

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

Desconectado Desconectado

Mensajes: 99


Ver Perfil
Re: personalizar vista de una web ajena con una vista propia
« Respuesta #2 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();
En línea

@XSStringManolo
Hacker/Programador
Colaborador
***
Desconectado Desconectado

Mensajes: 2.397


Turn off the red ligth


Ver Perfil WWW
Re: personalizar vista de una web ajena con una vista propia
« Respuesta #3 en: 12 Octubre 2019, 13:23 pm »

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

x.removeProperty("max-width");
En línea

Mi perfil de patrocinadores de GitHub está activo! Puedes patrocinarme para apoyar mi trabajo de código abierto 💖

Herchi

Desconectado Desconectado

Mensajes: 99


Ver Perfil
Re: personalizar vista de una web ajena con una vista propia
« Respuesta #4 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
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.
« Última modificación: 12 Octubre 2019, 17:59 pm por Herchi » En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines