从弹出窗体中启动Google搜索

时间:2014-08-23 11:07:48

标签: javascript google-chrome google-chrome-extension

我正在写一个Google Chrome extension,这将有助于搜索。

我想让扩展按如下方式工作:

  1. 按Chrome工具栏中的扩展程序按钮。
  2. 出现一个文本框。
  3. 输入搜索查询,用户按下Enter
  4. 搜索从新标签/窗口开始。
  5. 我目前在background.js文件中有以下代码:

    function doSearch() {
       window.open('http://google.com/search?q=' + encodeURIComponent(document.getElementById('query').value));
    }
    

    以下是我的html表单:

    <html>
    
    <head>
    </head>
    
    <script src="background.js"></script>
    
    <body>  
    <form name="input" method="post" onsubmit="doSearch()">
    <input type="text" name="q" id="query">
    <input type="submit" value="Submit">
    </form> 
    </body>
    
    </html>
    

    最后,我的manifest.json文件:

    {
    
    "manifest_version": 2,
    "name": "Popup Search",
    "description": "This extension demonstrates a browser popup search box.",
    "version": "0.1",
    
    "background": 
    {
      "scripts": ["background.js"]
    },
    
    
       "browser_action": 
      {
    "default_popup": "popup.html",
    "default_icon": "icon.png"
      },
    
      "permissions": ["tabs"]
    
    }
    

    每当我在文本框中输入内容并按回车键时,似乎什么都没发生。我无法弄清楚为什么会出现这种情况。我希望得到一些指示,因为这是我第一次编写Chrome扩展程序。干杯

0 个答案:

没有答案