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

Question

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

Answer 1

1. 最简单的方法是编写一个Greasemonkey脚本，在其中您可以实现所需的功能，就像在网页中一样。
2. 一种类似的解决方案是编写您自己的加载项，该加载项仅在页面中注入您的代码（类似于（1）中的oilsmonkey脚本）。 参见以下非常简单的附件示例： https : //addons.mozilla.org/en-US/firefox/addon/10275
3. 如果您需要在快捷方式处理程序中提供全部功能（但不仅限于网页可以执行的操作），则可以在扩展程序中进行设置（例如，使用<key>元素，然后使用扩展代码中的内容页面） 。

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上查看从chrome安全访问内容DOM