Javascript, chrome

Question

Dans Google Chrome, j'ai trouvé comment modifier temporairement la page, comme le remplissage et la marge pour les éléments, maintenant je suis curieux de la façon la plus simple d'obtenir ou d'écrire le javascript de mon extension . S'il vous plaît partagez vos méthodes, vous le savez déjà! Pas besoin de lire. Par exemple, dans mon extension Chrome Recherche douce, après avoir supprimé les outils de navigation de gauche, j'ai besoin de faire la marge de gauche sur la colonne centrale 0 pour fermer cet espace; en chrome, je peux faire un clic droit sur la colonne centrale, inspecter l'élément, trouver le nœud center_col, éditer la marge à droite sur 0px, puis la colonne centrale des résultats de recherche se décale vers la gauche; Maintenant, quel est le moyen le plus simple d'obtenir ou d'écrire le javascript pour une telle action? Lorsque vous survolez le HTML pour un élément, il met en évidence sur la page et affiche une petite boîte de couleur crème avec son nom d'élément et sa dimension, comment puis-je utiliser ce nom d'élément/dom emplacement pour éditer cette pièce?

Answer 1

Je pense vous avoir compris. Dans la "boîte de couleur crème". Vous voyez probablement quelque chose comme par exemple:

div#column2 [730x865] 

droite?

Bien que # est le préfixe d'un ID de l'élément dans le DOM. Vous pouvez accéder à cet élément par javascript comme suit:

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

Comme Ken l'a déjà laissé entendre. Comprendre le DOM et connaître du JavaScript ne fait probablement pas de mal au développement d'une extension Chrome.

Answer 2

Vous devriez apprendre le DOM et JavaScript, alors.