要发送/显示的简单 chrome 扩展程序网址

Simple chrome extension URL to send/show

本文关键字：扩展 chrome 程序 简单 显示      更新时间：2023-09-26

我正在尝试做一些简单的事情，但不知何故它不起作用......我正在尝试构建一个简单的 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"
  ]
}

清单结束.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。

谢谢！！

埃利克德

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

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

相关文章：