Javascript, cromo

Question

En Google Chrome, me di cuenta de cómo modificar temporalmente la página, como el relleno y el margen para los elementos, ahora tengo curiosidad de la forma más fácil de obtener o escribir el código JavaScript para mi extensión a siempre hacer eso. Por favor comparta sus métodos es que ya sabes! No hay necesidad de leer sucesivamente.

Por ejemplo, en mi cromo extensión dulce de la búsqueda, después de retirar las herramientas de navegación izquierda, necesito hacer al margen izquierdo de la columna central 0 para cerrar ese espacio; en cromo, puedo hacer clic derecho columna central, inspeccionar elemento, encontrar el nodo center_col, editar el margen sobre el derecho a 0px, y luego la columna central de resultados de la búsqueda se desplaza hacia la izquierda; Ahora ¿cuál es la forma más fácil de obtener o escribir el código JavaScript para tal acción?

Al pasar sobre el código HTML para un elemento, se destaca en la página y muestra una pequeña caja de color crema con su nombre del elemento y dimensión, ¿cómo puedo usar ese nombre de elemento / Zona Dom a editar esa pieza?

Answer 1

Creo que te entiendo. En la "caja de color crema". Es probable que vea algo como por ejemplo:

div#column2 [730x865]

¿verdad?

Bueno, eso es el prefijo # para una identificación del elemento en el DOM. Se puede acceder a ese elemento a través de JavaScript, así:

var column2 = document.getElementById('column2');
column2.style.marginRight = 0;

Como ya se hizo alusión a Ken. Comprender el DOM y saber algo de JavaScript, probablemente, no se pierde nada cuando se desarrolla una extensión de Chrome.

Answer 2

Se debe aprender el DOM y JavaScript, entonces.