如何修改浏览器中加载的网页元素

Question

我想将某些操作与键盘（键盘）相关联，然后修改浏览器中加载的网页内容。例如，我将编写一个firefox插件，这将听一些键盘事件。基于按键（或类似的东西），我想修改页面的HTML代码。例如，我想更改链接的颜色。 有关如何进行此操作的任何建议？

Answer 1

1. 最简单的方法是编写一个Greasemonkey脚本，您可以在其中实现您想要的功能，就像在网页中一样。
2. 类似的解决方案是编写自己的附加组件，只需在页面中注入代码（类似于（1）中的greasemonkey脚本）。有关示例，请参阅此非常简单的加载项：https://addons.mozilla.org/en-US/firefox/addon/10275
3. 如果您需要快捷处理程序中的全部功能（不限于网页可以执行的操作），您可以在扩展名中设置它（例如使用<key>元素然后work with the content page from the extension code。

Answer 2

我认为以下网站对dom参考有帮助，接下来有活动示例， 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 3

安装Greasemonkey扩展程序。您需要阅读大量参考资料。

Answer 4

在developer.mozilla.org上查看Safely accessing content DOM from chrome