的manifest.json

Question

我正在尝试做一些简单的事情，不知何故它不起作用...... 我正在尝试构建一个简单的chrome扩展，当您单击它时，它会在一个简单的HTML中显示TAB的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

Answer 1

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

将来，您可以通过右键单击浏览器操作图标并选择“Inspect popup”来获取JavaScript控制台（包含错误列表）。有关详细信息，请参阅Google的tutorial on debugging Chrome extensions。

简单的Chrome扩展程序URL，用于发送/显示

的manifest.json

manifest.json

main.html中：

1 个答案: