Javascript, chrome

Question

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

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

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

Answer 1

Мне кажется, я тебя понимаю.В "коробке кремового цвета".Вы, вероятно, видите что-то вроде, например:

div#column2 [730x865]

верно?

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

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

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

Answer 2

Тогда вам следует изучить DOM и JavaScript.