Javascript 如何从Chrome扩展捕获提交操作

Javascript 如何从Chrome扩展捕获提交操作,javascript,google-chrome-extension,Javascript,Google Chrome Extension,我必须编写一个扩展来将用户凭据保存到数据库服务器(如LastPass中)。如果用户想保存凭据或不想保存凭据,我如何从活动选项卡上的身份验证表单捕获提交操作,以获取输入的登录名和密码,并使用我的扩展名保存并向用户显示对话框 在清单中添加内容脚本,并将其设置为在某些网页上运行: "content_scripts": [{ "matches": ["http://*.example.com/*"], "js": ["form_submits.js"], "run_at": "d

我必须编写一个扩展来将用户凭据保存到数据库服务器(如LastPass中)。如果用户想保存凭据或不想保存凭据,我如何从活动选项卡上的身份验证表单捕获提交操作,以获取输入的登录名和密码,并使用我的扩展名保存并向用户显示对话框

在清单中添加内容脚本,并将其设置为在某些网页上运行:

"content_scripts": [{
    "matches": ["http://*.example.com/*"],
    "js": ["form_submits.js"],
    "run_at": "document_start"
}]
还要添加权限:

"permissions": [
    "tabs", "http://*.example.com/*"
],
在此内容脚本中,在窗体上侦听事件“onsubmit”,然后使用chrome.extension.sendRequest()与您的扩展联系:

****编辑****

您还可以直接在当前活动选项卡上执行JavaScript,并添加表单提交侦听器:

首先获取当前窗口和活动选项卡:

chrome.windows.getCurrent(function callback)
chrome.tabs.getSelected(integer windowId, function callback)

然后在其中执行JavaScript:

chrome.tabs.executeScript(integer tabId, object details, function callback)

全面的Google Chrome extensions API如下:


这并不完全是我所需要的,但谢谢你让我了解了interaction@Karazyabko:那么你到底需要什么?我已经编辑了我的答案。
chrome.windows.getCurrent(function callback)
chrome.tabs.getSelected(integer windowId, function callback)
chrome.tabs.executeScript(integer tabId, object details, function callback)