在 Google Chrome 擴展程序上打開一個新標簽

Question

這是我的 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>

Answer 1

您應該再次閱讀chrome.tabs.create 文檔。 您正在向它傳遞 invald 參數。 您還使用了來自background.html文檔的location ，而不是代碼期望的網頁文檔，而不是傳遞給chrome.browserAction.onClicked偵聽器的tab參數。

<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>

Answer 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>

Answer 3

<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

在 Google Chrome 擴展程序上打開一個新標簽

問題描述

3 個解決方案

解決方案1
12 已采納 2011-12-12 23:02:42

解決方案2
2 2011-12-10 15:23:38

解決方案3
1 2011-12-10 18:49:43

在 Google Chrome 擴展程序上打開一個新標簽

問題描述

3 個解決方案

解決方案1 12 已采納 2011-12-12 23:02:42

解決方案2 2 2011-12-10 15:23:38

解決方案3 1 2011-12-10 18:49:43

解決方案1
12 已采納 2011-12-12 23:02:42

解決方案2
2 2011-12-10 15:23:38

解決方案3
1 2011-12-10 18:49:43