我正在尝试从Chrome扩展程序创建手动Google搜索。 html包含一个表单字段。用户可以在此字段中输入数字。然后我将该数字添加到url参数中并根据该参数发起GET请求。
这是我的清单文件
{
"manifest_version": 2,
"name": "Qoogle",
"description": "Customized google search for your daily needs",
"version": "1.0",
"permissions": [
"tabs",
"http://www.google.co.in/",
"https://www.google.co.in/"
],
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"
}
}
这是我在单击扩展按钮时在新标签页中打开的html。
<form action="" name="timer">
<input type="number" name="quantity" id="time">
<input type="radio" name="timertype" id="t1" value="seconds" checked>Seconds
<input type="radio" name="timertype" id="t2" value="minutes">Minutes
<br>
<input type="submit" id="timer" value="Set Timer">
*<b>Enter any positive number</b>
</form>
<script src="validate.js"></script>
最后这是我的validate.js
//Method for new http request
function httpGet(theUrl)
{
var xmlHttp = new XMLHttpRequest();
xmlHttp.open( "GET", theUrl, false );0
xmlHttp.onreadystatechange = function() {
if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
// do stuff here
xmlHttp.send(null);
return xmlHttp.responseText;
};
}
}
//Funtion to validate and send timer request
function timer() {
var value = document.getElementById('time').value;
var url;
if(document.getElementById('t1').checked) {
url = "https://www.google.co.in/#q=set+timer+for+" + value + "+seconds";
httpGet(url)
}
else{
url = "https://www.google.co.in/#q=set+timer+for+" + value + "+minutes";
httpGet(url)
}
}
window.onload = function(){
document.getElementById('timer').onclick = timer;
};
这似乎不起作用。可能是什么原因?没有错误消息记录到控制台。
答案 0 :(得分:2)
Google绝不容忍以编程方式访问。
XHR这是没有意义的,也无法奏效。它也可以保护自己免受框架攻击,因此将其加载到iframe中也不起作用。除非有适用于Google即时的API,否则如果不打开常规标签,则无法执行此操作。还有does not seem to be one。
答案 1 :(得分:2)
正如Xan提到的那样,XHR在我的问题上毫无意义。我是JS和Chrome扩展程序的新手。
现在我发现了这个api chrome.tabs.update。我只需将网址传递给那个api。我删除了XMLHttpRequest()。