Chrome扩展中的隐形标签

我基本上想通过使用Chrome扩展来自动化网站。但是这个网站有非常多的客户端代码，所以很难找出我需要做出哪些请求来获取所需的信息。Chrome扩展中的隐形标签

我能想到的最简单的方法是使用一个内容脚本的输入元素（在这种情况下使用jQuery）来输入文字，然后点击按钮，像这样：

$.ready(function(){ 
    $("#input").val("foo"); 
    $("#submit").click(); 
});

神似这个问题：Injecting input into a tab opened by a Chrome Extension，但与该网站的互动不应该是可见的。

因此：我可以从扩展程序中打开Chrome浏览器中的页面吗？对用户不可见并使用它们与网站进行交互？

来源

2016-05-31 Pete

如果您希望页面完全不可见，我相信唯一的选择是将其加载到背景页面的iframe中。然后，您可以使用内容脚本访问iframe中的页面，就像访问任何正常的可见页面一样。

由于许多网站使用X-Frame-Options标头限制嵌入，因此在将页面加载到iframe之前，您可能必须使用webRequest API删除该标头。有些页面还使用其他技术来防止嵌入，这可能会使这一过程复杂化。

示例代码：

的manifest.json

{ 
    "manifest_version": 2, 
    "name": "Hidden page in background", 
    "description": "Interact with a hidden page in background", 
    "version": "1.0", 

    "background": { 
    "page": "background.html", 
    "persistent": true 
    }, 
    "content_scripts": [ 
    { 
     "matches": ["*://*.google.fr/*"], 
     "js": ["contentscript.js"], 
     "all_frames": true 
    } 
    ], 
    "permissions": ["*://*.google.fr/*", "webRequest", "webRequestBlocking"] 
}

background.html

<!DOCTYPE html> 
<html> 
    <head> 
    <script src="background.js"></script> 
    </head> 
    <body> 
    <iframe id="iframe1" width="1000 px" height="600 px" src="http://www.google.fr"></iframe> 
    </body> 
</html>

个background.js

// This is to remove X-Frame-Options header, if present 
chrome.webRequest.onHeadersReceived.addListener(
    function(info) { 
     var headers = info.responseHeaders; 
     var index = headers.findIndex(x=>x.name.toLowerCase() == "x-frame-options"); 
     if (index !=-1) { 
     headers.splice(index, 1); 
     } 
     return {responseHeaders: headers}; 
    }, 
    { 
     urls: ['*://*.google.fr/*'], // 
     types: ['sub_frame'] 
    }, 
    ['blocking', 'responseHeaders'] 
);

content_script.js

var elementToInsert = document.createElement("h1"); 
elementToInsert.textContent = "This text comes from my content script."; 
document.body.insertBefore(elementToInsert, document.body.firstChild);

夫妇的注意事项：

去除的X-Frame-Options标题不限于此处的背景页面。这将允许将相关页面嵌入到任何其他页面上的iframe中。不幸的是，Chrome似乎不支持ALLOW-FROM uri值，该值只能用于限制您的扩展程序的嵌入。
内容脚本正在被注入到所有页面。您可以通过编程方式将其注入到背景页面上的iframe，但这会变得更加复杂。
我以www.google.fr为例，因为它使用X-Frame-Options，但不使用任何其他技术来防止嵌入。我使用了法国域名，因为google.com倾向于自动重定向到本地国家/地区级域名。

来源

2016-06-01 10:56:42

这正是我所期待的。在我的情况下，我意外地甚至不需要删除X-Frame-Options标头。 – Pete

请参阅tabs.create，您可以调用下面的代码创建一个不可见的选项卡（不活动）。

chrome.tabs.create({ url: 'https://www.google.com', active: false, });

来源

2016-06-01 00:16:11

这仍然是一个可见的选项卡。 – Pete

我想要做的事通常可以用无头浏览器完成，但不能用于扩展程序。 – Pete

Chrome扩展中的隐形标签

回答

相关问题