chrome插件获取当前页面所有的html

要获取Chrome浏览器当前页面所有的HTML，可以使用Chrome浏览器提供的API。具体步骤如下：

1. 在Chrome浏览器的地址栏中输入chrome://extensions，进入插件管理页面。

2. 点击页面右上角的“开发者模式”按钮，开启开发者模式。

3. 点击“加载已解压的扩展程序”按钮，选择自己开发的插件所在的文件夹。

4. 在插件的popup.html文件中添加一个按钮，绑定点击事件，代码如下：

<button id="getAllHtml">获取页面所有HTML</button>
<script>
  document.getElementById('getAllHtml').addEventListener('click', function() {
    chrome.tabs.query({ active: true, currentWindow: true }, function(tabs) {
      chrome.tabs.executeScript(tabs[0].id, { code: 'var html = document.documentElement.outerHTML; console.log(html);' });
      chrome.tabs.executeScript(tabs[0].id, { code: 'var iframes = document.getElementsByTagName("iframe"); var iframeHtmls = ""; for (var i = 0; i < iframes.length; i++) { iframeHtmls += iframes[i].contentDocument.documentElement.outerHTML; } console.log(iframeHtmls);' });
    });
  });
</script>

5. 点击按钮，即可在控制台中看到当前页面和所有子页面的HTML代码。

注意：在使用Chrome浏览器API时，需要在manifest.json文件中声明相应的权限。具体可以参考Chrome浏览器开发者文档。