1

我正在编写一个 chrome 扩展，它应该改变 http 响应的内容类型。它工作正常。现在，我想使用按键来控制它，即用户应该能够绕过按键扩展的默认操作。我试过这个，但它不起作用：

背景.js

var enableEXT = true;
window.onkeydown = function() 
{
    console.log('Testing hello');
    if (event.keyCode == 70)
        enableEXT = false;
    console.log(event.keyCode);
    console.log(enableEXT);
};
window.onkeyup = function() 
{
    enableEXT = true;
    console.log(event.keyCode);
};
chrome.webRequest.onHeadersReceived.addListener(function(details) {
for (var i = 0; i < details.responseHeaders.length; ++i) 
{
    if (details.responseHeaders[i].name.toLowerCase() == 'content-type' && !enableEXT)
        details.responseHeaders[i].value = 'application/xyz';
}
return {responseHeaders: details.responseHeaders};
}, {urls: ["<all_urls>"]}, ['blocking', 'responseHeaders']);
4

2 回答 2

3

尝试使用注入网页的内容脚本，而不是后台脚本。在你的 manifest.json 中使用它：

"content_scripts" : [{
    "js" : ["myScript.js"]
}]


"permissions": [
    "tabs", "http://*/*", "https://*/*"
]

但是，chrome 扩展是从页面中的其他脚本沙盒化的。但是，您确实可以访问 DOM，并且可以注入自己的标签。因此，创建一个新<script>标签并将其附加到 DOM，它引用的新脚本 (script.js) 可以包含您想要的事件侦听器。

背景.js：

chrome.runtime.onConnect.addListener(function(port) {
  port.onMessage.addListener(function(msg) {
    enableEXT = msg.enableEXT;
  });
});

chrome.webRequest.onHeadersReceived.addListener(function(details) {
for (var i = 0; i < details.responseHeaders.length; ++i) 
{
    if (details.responseHeaders[i].name.toLowerCase() == 'content-type' && !enableEXT)
        details.responseHeaders[i].value = 'application/xyz';
}
return {responseHeaders: details.responseHeaders};
}, {urls: ["<all_urls>"]}, ['blocking', 'responseHeaders']);

myScript.js：

//to inject into the page
var s = document.createElement('script');
s.src = chrome.extension.getURL("script.js");
s.onload = function() {
    this.parentNode.removeChild(this);
};
(document.head||document.documentElement).appendChild(s);

//to communicate with our background
var port = chrome.runtime.connect();

window.addEventListener("message", function(event) {
    // We only accept messages from ourselves
    if (event.source != window)
      return;

    if (event.data.type && (event.data.type == "FROM_PAGE")) {
      port.postMessage(event.data);
    }
}, false);

脚本.js：

window.onkeydown = function() 
{
    if (event.keyCode == 70)
        window.postMessage({ enableEXT: true, "*");
};
window.onkeyup = function() 
{
    window.postMessage({ enableEXT: false, "*");
};

在注入的代码、内容脚本和背景页面之间进行通信是一种非常尴尬的情况，但可以使用所有 postMessage API 来处理......

于 2013-09-07T20:02:54.643 回答
0

将一个名为的参数添加event到您分配给事件的事件处理程序中，如下所示：

window.onkeydown = function(event) 
{
    console.log(event.keyCode);
};
于 2013-09-07T19:41:12.173 回答