Question

我想修改带有扩展程序的网站内容，有<ul>和<il>个标记，（在<div>内），我想添加另一个<il> <ul>内的元素。有什么想法吗？

Answer 1

你可以inject JS into a site with a Chrome extension。例如，使用jQuery，您可以执行以下操作：

$("div > ul").append("<li>This is a new list element.</li>");

将“新列表元素”附加到ul元素。

更新2013.02.06：

取自Chrome extensions documentation。清单文件将包含以下行中的内容（其中“...”表示省略）：

{
  "name": "My extension",
  ...
  "content_scripts": [
    {
      "matches": ["http://www.the-site-your-targeting.com/*"],
      "js": ["jquery.js", "myscript.js"]
    }
  ],
  ...
}

myscript.js将包含以下内容：

(function () {
    // $("#theIdOfTheElement").append("<li>Foo bar baz</li>");
    // OR
    // $(".aSpecificClassName").append("<li>Foo bar baz</li>");
}())

阅读Chrome开发者网站上的Getting Started文章，了解有关如何创建扩展程序的整个过程的更深入信息。

Answer 2

没有jQuery：

var ul = document.getElementsByTagName("div")[0].getElementsByTagName("ul")[0];
var newElement = document.createElement("li");
var textNode = document.createTextNode("New Element");
newElement.appendChild(textNode);
ul.appendChild(newElement);

如何使用chrome扩展修改网站元素

2 个答案: