Question

我正在构建一个firefox扩展，基本上，我想在特定网站的网页上添加一个按钮。我知道我需要在页面源中进行更改，以及我需要放置的内容，但我不知道如何 1.阅读页面源代码（我应该能够自己解决这个问题） 2.编辑页面源（我一直在潜伏，但找不到任何方法） 3.自动更新显示的页面

另外，一般来说，这是最好的方法吗？最重要的是，我想将代码无缝地注入页面。例如，堆栈溢出的页面源包含如下部分：

<div class="nav mainnavs">
                <ul>
                    <li><a id="nav-questions" href="/questions">Questions</a></li>
                    <li><a id="nav-tags" href="/tags">Tags</a></li>
                    <li><a id="nav-users" href="/users">Users</a></li>
                    <li><a id="nav-badges" href="/badges">Badges</a></li>
                    <li><a id="nav-unanswered" href="/unanswered">Unanswered</a></li>
                </ul>
            </div>

如果我想注射线

怎么办？

<li><a id="nav-home" href="http://stackoverflow.com/">Home</a></li>

然后出现一个主页按钮？

Answer 1

你可以这样做

$("div.easy_editor ul").append('<li><a id="nav-home" href="http://stackoverflow.com/">Home</a></li>');

如何使用javascript编辑页面源代码

1 个答案: