Question

好的，这就是我想要Chrome扩展程序的功能：

它只是角落里的一个按钮，当你点击它时：它会在身体标签后面添加一个标签（不想让这个想法消失）。我不想让它像用户一样编辑html，我只是想要它，所以当你点击按钮时它会添加一个标签，我想知道我是如何实现这一点的。 JavaScript，还是我可以使用其他东西来完成这项工作。或者这甚至是可能的。有人有任何想法吗？

所以基本上，如果这是html：

<DOCTYPE! html>
<html>
<head>
    <title>Some title</title>
</head>
<body>
    <p>Some content</p>
</body>
</html>

比单击按钮时，会发生这种情况：

<DOCTYPE! html>
<html>
<head>
    <title>Some title</title>
</head>
<body>
    <center> //or some other tag
    <p>Some content</p>
</body>
</html>

Answer 1

我，你应该做一个内容脚本扩展。内容脚本代码将在页面中运行，并且可以在页面中的任何位置添加按钮。您使用.addEventListener（所有DOM内容，没有特定于Chrome扩展程序）挂起一个单击侦听器，依此类推。了解Chrome扩展程序Content Scripts here。

您的manifest.json应该是这样的：

{
  "name": "My Extension",
  "version": "0.1",
  "manifest_version": 2,
  "description": "A plain text description",
  "default_locale": "en",
  "content_scripts": [{
    "matches": ["http://*/*", "https://*/*"],
    "js": ["yourScript.js"]
  }],
}

它会在每个页面中注入yourScript.js。取决于你想要做什么，知道yourScript.js有一些Content Security Policy limitations你可以改变。

向页面添加一段代码：Chrome扩展程序

1 个答案: