文章/答案/技术大牛

发布

社区首页 >问答首页 >为什么Chrome扩展不返回结果？

问为什么Chrome扩展不返回结果？
EN

Stack Overflow用户

提问于 2013-06-29 04:51:14

回答 1查看 2.2K关注 0票数 2

我正在建设这个谷歌Chrome扩展，将覆盖Chrome浏览器主页与自定义谷歌搜索引擎。

这个定制的google搜索引擎应该返回用户输入的查询的结果。为了测试这一点，我首先构建这个自定义搜索引擎的html版本，它运行良好。下面是截图：

但是，当我试图将它作为chrome扩展时，它失败了，没有返回搜索结果。

这里是我的main.html :

<HTML>
<HEAD>
<script type="text/javascript" src="jquery-1.9.1.js"></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script src="search.js" type="text/javascript"></script>
<TITLE>Search or Share</TITLE>
<link rel="stylesheet" type="text/css" href="main.css" />
</HEAD>
<BODY>

<center>


<div id="page-wrap">
<div style="height:30px"></div>

<center>
    <div id="logo"><img src="logo.png" /></div>
    <input type="text" title="Real Time Search" id="searchbox" name="searchbox"/>
</center>
<br/><br/>
<div id="search-content">   
    <div class="content" style="width:600px; display:inline">
        <div class="header">Web</div>
        <div class="data" id="web-content"></div>
    </div>
</div>

</div>
</center>
<div id="footer">
Copyright &copy; 2013
</div>
</BODY>
<SCRIPT src="main.js"></SCRIPT>

</HTML>

，这是我的manifest.json :

{
  "name": "Search or Share",
  "version": "0.2",
  "incognito": "split",
   "background": { 
    "scripts": ["jquery-1.9.1.js","search.js","main.js"] 
  },
  "permissions": [
    "http://www.google.com/*"
  ],
  "chrome_url_overrides": {
    "newtab": "main.html"
  },
  "manifest_version": 2
}

这里是我的search.js：

google.load('search','1');

和最后一个是我的main.js文件:

// Define variables
var webSearch;
var lastSearch = 0;

//Init function
$(function () { 
    webSearch = new google.search.WebSearch();
    webSearch.setSearchCompleteCallback(this, webSearchComplete, [webSearch, lastSearch]);

    $('#searchbox').focus();
});

// Begin search on keyup (realtime)
$('#searchbox').keyup(function () {
    var query = $(this).val();
    search(query);
});

// Search for the query 
function search(query) {
    if (query.length > 0) {
        $("#search-content").show();
    } else {
        $("#search-content").hide();
    }
    webSearch.execute(query);
}


function webSearchComplete(searcher, searchNum) {
    var contentDiv = document.getElementById('web-content');
    contentDiv.innerHTML = '';
    var results = searcher.results;
    var newResultsDiv = document.createElement('div');
    newResultsDiv.id = 'web-content';
    for (var i = 0; i < results.length; i++) {
        var result = results[i];
        var resultHTML = '<div style="height:70px; margin-top:5px;">';
        resultHTML += '<a href="' + result.unescapedUrl + '" target="_blank"><b>' + result.titleNoFormatting + '</b></a><br/>' + result.content + '<div/>';
        newResultsDiv.innerHTML += resultHTML;
    }
    contentDiv.appendChild(newResultsDiv);
}

*我也做了jsapi.js脚本，但是它太长了，所以我不把它放在这里。

为什么会发生这种情况？是因为chrome不允许在其主页上与外部服务器进行任何交互吗？谢谢!

javascript

google-chrome

google-chrome-extension

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-06-29 13:40:19

多亏@Rob，现在我的问题解决了。看来我需要做两件事才能让它正常工作。

首先，我需要将jsapi与https协议链接起来。

<script type="text/javascript" src="https://www.google.com/jsapi"></script>

然后，我需要编辑manifest.json文件，以便使用https协议对来自google.com的任何搜索链接授予权限，并指定content_security_policy。

  "permissions": [ "https://*.google.com/*"],
  "content_security_policy": "script-src 'self' https://www.google.com; object-src 'self'",

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/17376817

复制

相似问题

问为什么Chrome扩展不返回结果？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么Chrome扩展不返回结果？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么Chrome扩展不返回结果？
EN