0

我正在尝试做一些简单的事情，但不知何故它不起作用...我正在尝试构建一个简单的 chrome 扩展，当您单击它时，它会以简单的 HTML 显示 TAB 的 URL。我该怎么做？这是代码：

清单.json

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

manifest.json 结束

主要.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 显示 URL ..

谢谢！！

埃里克德

4

1 回答 1

1

看来您正在使用 jQuery……但是您没有将 jQuery 库包含在<script src="..."></script>任何地方的块中。如果您使用 jQuery 的本地副本，则需要在扩展目录中包含 jQuery 库文件，并在扩展中引用其相对于 HTML 页面的相对路径（例如，"jquery.min.js"如果它在同一个文件夹中，或者"lib/jquery.min.js"如果它在一个名为lib) 的文件夹。

将来，您可以通过右键单击浏览器操作图标并选择“检查弹出窗口”来获得 JavaScript 控制台（带有错误列表）。有关更多信息，请参阅 Google关于调试 Chrome 扩展的教程。

于 2012-06-25T16:05:05.877 回答