google-chrome-extension - 如何读取和修改任意页面的内容?

标签 google-chrome-extension

这是我的第一个应用程序,所以请原谅我缺乏知识。作为演示应用程序,我希望实现以下目标:

第一阶段:

1 读取页面内容

2 在该页面的内容中查找正则表达式匹配

3 用其他东西替换它们

第二阶段:

1 向网页提交 () 文本

2 阅读即将提交的文本

3 查找正则表达式并替换它。

有人可以指出类似应用程序的方向或制作一个小指南吗?任何帮助表示赞赏。

最佳答案

首先,您需要插入内容脚本,这是访问页面内容的唯一方法。

http://code.google.com/chrome/extensions/content_scripts.html

您可以开始仅创建内容脚本扩展,但对于更高级的扩展,您应该阅读有关编程注入(inject)的内容。

http://code.google.com/chrome/extensions/content_scripts.html#pi

从内容脚本中,您可以访问页面的 DOM,并以通常的方式添加事件监听器。例如,您可以使用 document.getElementById() 或 element.addListener() 。

查找正则表达式的方法有很多,这取决于您想要搜索页面的方式,例如您可以使用

document.body.innerHTML.replace(...);

Rob W 给了你一个很好的提示来拦截提交的文本 chrome.webRequest

关于google-chrome-extension - 如何读取和修改任意页面的内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10282955/

相关文章:

javascript - 创建一个 chrome 扩展,它在页面上突出显示文本并将其插入 popup.html 中的文本区域

javascript - 如何将 Facebook API 与 Google Chrome 结合使用?

javascript - 在底部对齐 DIV - Google Chrome 扩展

javascript - 无法在呈现之前删除 <script> 元素

jquery - chrome.cookies.get() 参数 0 的值无效。属性 'name'

google-chrome - 如何从扩展程序中获取 Chrome 应用程序的 ID

javascript - 在 Chrome 扩展中绕过 X-Frame-Options DENY?

google-chrome - 自动打开新标签页的 Chrome 开发工具

javascript - 从 chrome 扩展拦截 HTTP 请求正文

javascript - 获取用户正在访问的页面的 DOM 元素的 Chrome 扩展