Как изменить элементы веб-страницы, загруженные в браузер

Question

Я хочу связать некоторые действия с клавишами (клавиатуры), а затем изменить содержимое веб-страницы, загруженной в браузер. Например, я напишу плагин для Firefox, и он будет слушать некоторые события клавиатуры. Основываясь на нажатии клавиши (или что-то в этом роде), я хочу изменить HTML-код страницы. Например, я хотел бы изменить цвет ссылки. Любые предложения о том, как я могу сделать это?

Answer 1

1. Самый простой способ сделать это - написать скрипт Greasemonkey , в котором вы будете реализовывать нужные функции так же, как вы делаете это на веб-странице.
2. Аналогичным решением является написание собственной надстройки, которая просто внедряет ваш код (аналогично сценарию greasemonkey в (1)) на странице. См. Это очень простое дополнение для примера: https://addons.mozilla.org/en-US/firefox/addon/10275
3. Если вам нужна полная мощность (не ограничиваясь тем, что может делать веб-страница) в обработчике ярлыков, вы можете установить его в расширении (например, с помощью элемента и затем работа с контентом страницы с расширением .

Answer 2

Установите расширение Greasemonkey. Вам нужно будет прочитать много справочных материалов.

Answer 3

Я думаю, что следующие сайты будут полезны, если на них есть ссылки, а на следующем есть примеры событий https://developer.mozilla.org/en/Gecko_DOM_Reference http://www.w3schools.com/JS/js_examples_3.asp

Вы можете прочитать элементы на странице, используя следующие методы,
1. getElementById 2. getElementsByTagName 3. getElementByName

и используя DOM, вы можете играть с ним. бывший

//change the background of text box to red
var ele = document.getElementById('textBox1')
ele.style.background = "red";

Answer 4

Взгляните на Безопасный доступ к контенту DOM из chrome на developer.mozilla.org