如何注入html到网页上的chrome扩展按钮点击

How to inject html into webpage with chrome extension on button click

本文关键字:chrome 扩展 按钮 网页 何注入 注入 html      更新时间:2023-09-26

我在我的弹出窗口。html

<!DOCTYPE html>
<html>
<body>
     <button id="button">Starting Now</button>
     <script src="jquery-2.1.4.min.js" type='text/javascript'></script>
     <script src="popup.js" type='text/javascript'></script>
  </body>
</html>

这是目前为止我的popup.js…

function dothis(){
  /* ??? */
};
document.addEventListener('DOMContentLoaded', function () {
    document.getElementById('button').addEventListener('click', dothis);
});

我想注入一点html代码到网页上的按钮点击;我已经把它列入清单了。我该怎么做呢?对不起,我是新手!我看了一下堆栈溢出,但我真的能理解任何答案。提前感谢!

您需要一个内容脚本以便与页面进行交互。您可以使用Messaging将消息从弹出窗口发送到内容脚本,然后内容脚本可以与页面进行实际交互。