向网页添加一段代码:Chrome 扩展程序

Adding a piece of code to a page: Chrome Extension

本文关键字：代码 Chrome 扩展 程序 一段 添加 网页      更新时间：2023-09-26

好的，这就是我希望我的Chrome扩展程序做的事情：

它

只是角落里的一个按钮，当你点击它时：O它在正文标签之后添加一个标签（不想放弃这个想法）。我不希望它像用户编辑 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>

我，你应该做一个内容脚本扩展。 内容脚本代码将在页面中运行，并且可以在页面中的任何位置添加按钮。 你用.addEventListener挂了一个点击侦听器（所有DOM的东西，没有Chrome扩展名特定的内容），等等。 点击此处，了解 Chrome 扩展程序内容脚本。

你的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"]
  }],
}

它将在每个页面中注入您的脚本.js。 取决于您要执行的操作，要知道您的脚本.js有一些内容安全策略限制，您可以更改。

相关文章：