Javascript, хром

Question

В Google Chrome я разобрался, как временно редактировать страницу, такую ​​как отступы и поля для элементов, теперь мне любопытен самый простой способ получить или написать javascript для моего расширения, чтобы всегда это делать. Пожалуйста, поделитесь своими методами, вы уже знаете! Нет необходимости читать дальше.

Например, в моем расширении Chrome Sweet Search после удаления левых инструментов навигации мне нужно сделать левое поле в центральной колонке 0, чтобы закрыть это пространство; в Chrome я могу щелкнуть правой кнопкой мыши центральный столбец, осмотреть элемент, найти узел center_col, отредактировать поле справа до 0px, а затем центральный столбец результатов поиска сместится влево; какой самый простой способ получить или написать javascript для такого действия?

Когда вы наводите курсор мыши на элемент html, он выделяется на странице и показывает маленькую кремовую рамку с именем и размером элемента, как я могу использовать это имя элемента / местоположение домена для редактирования этого фрагмента?

Answer 1

Тогда вы должны изучить DOM и JavaScript.

Answer 2

Я думаю, что понимаю вас.В «кремовой коробке».Вы, вероятно, видите что-то вроде, например:

div#column2 [730x865]

верно?

Хорошо, что # является префиксом идентификатора элемента в DOM.Вы можете получить доступ к этому элементу через javascript следующим образом:

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

Как уже намекал Кен.Понимание DOM и знание JavaScript, вероятно, не повредит при разработке расширения Chrome.