在Google Chrome扩展程序上打开新标签页

时间:2011-12-10 15:01:07

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

这是我的background.html文件,在当前标签中打开时工作正常,但是我希望它在新标签中打开,我做错了什么?

<html>
<head>
<script>
  // Called when the user clicks on the browser action.
  chrome.browserAction.onClicked.addListener(function(tab) {
    var action_url = "javascript:location.href='http://www.reddit.com/submit?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title)";
    chrome.tabs.create(tab.id, {url: action_url}, function(tab));
  });
</script>
</head>
</html>

3 个答案:

答案 0 :(得分:7)

您应该再次阅读chrome.tabs.create documentation。您正在传递invald参数。您还使用了来自location文档的background.html而不是代码所期望的网页文档,而不是传递给tab侦听器的chrome.browserAction.onClicked参数。

<html>
<head>
<script>
  // Called when the user clicks on the browser action.
  chrome.browserAction.onClicked.addListener(function(tab) {
    var action_url = "http://www.reddit.com/submit?url=" + encodeURIComponent(tab.href) + '&title=' + encodeURIComponent(tab.title);
    chrome.tabs.create({ url: action_url });
  });
</script>
</head>
</html>

答案 1 :(得分:2)

你可以试试这个

<html>
...
<body>
    <script>
    function createTab() {
        chrome.tabs.create({url: "http://www.stackoverflow.com"});
    }
    </script>
    <a href="#" onclick="createTab();">Create a new tab</a>
</body>
</html>

答案 2 :(得分:0)

<html>
 <head>
  <script type="text/javascript">
   window.master = ({
     newtab: function(url, callback) {
       callback = callback === true ? (function() { this.close(); }) : callback;

       try {
         chrome.tabs.create({
           url: url
         });

         if(typeof callback === "function") { callback.call(this, url); }
       } catch(e) {
         /* Catch errors due to possible permission issues. */
       }
     },

     link: function(event, close) {
       event = event ? event : window.event;
       event.preventDefault();
       this.newtab(event.href, close);
     },

     close: function() { window.self.close(); }
   });
  </script>
 </head>

 <body>
  <!-- Usage is simple:

        HTML:
         <a href="http://example.com/" onclick="master.link(event)" />

        JavaScript:
         master.newtab("http://example.com/", true);
  -->
 </body>
</html>

如果您坚持使用弹出窗口并希望它在打开后立即关闭,那么请使用上面的内容。只需将链接字符串和true布尔值添加到master.newtab函数,以使其打开新选项卡,然后关闭弹出窗口。

如果您改变主意关闭弹出窗口,则可以将true布尔值替换为要在没有任何错误的情况下创建新选项卡时执行的函数。您还可以使用master.link函数从锚元素中调用master.newtab函数。

使用Chrome扩展程序的最佳方法是您永远不必担心支持问题! :d