是否可以使用Google Chrome中的扩展程序修改网页的HTML代码？

Question

我是HTML编码和Chrome扩展程序的完全初学者。那么，有没有办法使用Chrome的扩展程序修改网页HTML代码中的某个部分？

例如：删除HTML代码中的节点。

Answer 1

  

内容脚本可以读取浏览器访问的网页的详细信息，并且可以对页面进行更改。在下图中，内容脚本可以读取和修改显示的网页的DOM。但是，它不能修改其父扩展的后台页面的DOM。

- http://developer.chrome.com/extensions/overview.html

是的。

the Page Redder script：

中提供了修改DOM节点的示例

// Called when the user clicks on the browser action.
chrome.browserAction.onClicked.addListener(function(tab) {
  // No tabs or host permissions needed!
  console.log('Turning ' + tab.url + ' red!');
  chrome.tabs.executeScript({
    code: 'document.body.style.backgroundColor="red"'
  });
});

更改它以调用removeChild将是微不足道的。

显然，更改将在安装了扩展程序的浏览器中的DOM上执行，而不是在向世界提供代码的服务器上执行。