我想做一些簡單的，不知何故它不工作... 我想建立一個簡單的Chrome擴展，當你點擊它，它顯示的URL用簡單的HTML標籤。我該怎麼做？這是代碼：簡單的擴展名的URL發送/顯示

的manifest.json

{ 
    "name": "MY EXTENSION", 
    "version": "1.0", 
    "description": "the DESCRIPTION", 
    "browser_action": { 
    "default_icon": "icon.png", 
    "popup": "main.html" 
    }, 
    "permissions": [ 
    "tabs" 
    ] 
}

的manifest.json結束

main.html中：

<html> 
<head> 
    <title>my title</title> 
<script src="jquery.json-2.3.min.js"></script> 
<script type="text/javascript"> 

    var pageUrl = null; 
    var pageTitle = null; 
    var Title1 = 'lala'; 

    window.addEventListener("load", windowLoaded, false); 
    function windowLoaded() { 
     chrome.tabs.getSelected(null, function(tab) { 
     document.getElementById('currentLink').innerHTML = tab.url; 

     }); 
    } 


    function get(){ 

    chrome.tabs.getSelected(null, function(tab) { 
     pageUrl = tab.url; 
     pageTitle = tab.title; 
     $('#bkmk').attr('value',pageUrl); 
     $('#title').attr('value',pageTitle); 


    }); 
    } 
    </script> 
</head> 
<body onload="get()"> 
<p id="currentLink">Loading ...</p> 
<hr /> 
<ul id="savedLinks"></ul> 

<tr><td align="right">Link (URL): </td><td><input id='bkmk' name='bkmk' type="text" value="" size="50"> 
<br><span style="color: red;"></span> 
</td></tr> 

<script>document.write($bkmk)</script> 

</body> 
</html>

=========== ==

和我把jquery.json-2.3.min.js文件放在同一個文件夾中..

我做的任何事我都無法使HTML顯示網址..

謝謝!!

Elikd

來源

2012-06-25 EliKd

請包括您在控制檯中看到的任何錯誤（如果有的話）。另請指明變量'$ bkmk'的定義位置（在'document.write（$ bkmk）'中使用）。 – apsillers

它appers您正在使用jQuery ...但你沒有包含在<script src="..."></script>塊jQuery庫的任何地方。如果您使用的是jQuery的本地副本，則需要將jQuery庫文件包含在您的擴展目錄中，並參考擴展中相對於HTML頁面的相對路徑（例如，如果它位於相同文件夾中，則爲"jquery.min.js";如果該文件位於相同文件夾中，則爲"lib/jquery.min.js" if它位於名爲lib的文件夾中）。

將來，您可以通過右鍵單擊瀏覽器操作圖標並選擇「檢查彈出窗口」來獲得JavaScript控制檯（帶有錯誤列表）。有關更多信息，請參閱Google的tutorial on debugging Chrome extensions。

來源

2012-06-25 16:05:05 apsillers

謝謝。我添加了它，但我仍然無法看到URL。我認爲獲取標籤網址的部分出現了問題。任何地方我都會嘗試獲取我無法看到的網址。 – EliKd

你在控制檯看到什麼錯誤？ – apsillers

簡單的擴展名的URL發送/顯示

的manifest.json結束

main.html中：

回答

相關問題