Google chrome extension 基本的谷歌浏览器扩展Noob问题_Google Chrome Extension

Google chrome extension 基本的谷歌浏览器扩展Noob问题

google-chrome-extension

Google chrome extension 基本的谷歌浏览器扩展Noob问题,google-chrome-extension,Google Chrome Extension,我正在尝试创建一个基本的GoogleChrome扩展，它只复制我所在页面上的源HTML代码。我从未创建过Chrome扩展，我真的被卡住了，希望能得到一些帮助。我使用Chrome指南启动了扩展，根据我在互联网上读到的内容脚本，我可以访问该网页。但是，我不知道如何调用内容脚本。我试着使用导入语句，但我收到了错误——我想我真的误解了整个过程的工作原理。我还试图让控制台日志显示在网页控制台中，而不是chrome扩展控制台中 popup.html <!DOCTYPE html> <htm

我正在尝试创建一个基本的GoogleChrome扩展，它只复制我所在页面上的源HTML代码。我从未创建过Chrome扩展，我真的被卡住了，希望能得到一些帮助。我使用Chrome指南启动了扩展，根据我在互联网上读到的内容脚本，我可以访问该网页。但是，我不知道如何调用内容脚本。我试着使用导入语句，但我收到了错误——我想我真的误解了整个过程的工作原理。我还试图让控制台日志显示在网页控制台中，而不是chrome扩展控制台中

popup.html

<!DOCTYPE html>
<html>
  <head>
    <style>
      button {
        height: 30px;
        width: 30px;
        outline: none;
      }
    </style>
  </head>
  <body>
    <button id="changeColor"></button>
    <script src="popup.js"></script>

</body>
</html>

<script src="load.js"></script>

background.js

chrome.runtime.onInstalled.addListener(function() {
    chrome.storage.sync.set({color: '#3aa757'}, function() {
      console.log("The color is green.");
    });
  });
  chrome.declarativeContent.onPageChanged.removeRules(undefined, function() {
    chrome.declarativeContent.onPageChanged.addRules([{
      conditions: [new chrome.declarativeContent.PageStateMatcher({
        pageUrl: {hostEquals: '* insert target web address*'},
      })
      ],
          actions: [new chrome.declarativeContent.ShowPageAction()]
    }]);
  });

任何帮助都将不胜感激

创建另一个名为load.js的文件，并执行一个，然后将其包含在popup.html中

popup.html

<!DOCTYPE html>
<html>
  <head>
    <style>
      button {
        height: 30px;
        width: 30px;
        outline: none;
      }
    </style>
  </head>
  <body>
    <button id="changeColor"></button>
    <script src="popup.js"></script>

</body>
</html>

<script src="load.js"></script>

从那里，您可以在本地存储器console.log（data）中存储和检索它，或者在document.getElementById（'ID'）.innerHTML=data中使用它。您可以阅读文档。我已经阅读了它，但无法让它工作，因此我在这里发布了我的问题：我现在可以让content.js触发，但我不知道如何获得该网站的源代码副本。问题完成后，我将上传解决方案。

  function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
    var data = xhttp.responseText;
}}
  xhttp.open("GET", "website url", true);
  xhttp.send();
}
loadDoc()