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

Question

我是 HTML 编码和 Chrome 扩展的初学者。那么，有没有什么方法可以使用 Chrome 的扩展来修改网页 HTML 代码中的某个部分呢？

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

Answer 1

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

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

所以是的。

Page Redder 脚本中提供了修改 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 上执行，而不是在向世界提供代码的服务器上执行。