个人中心
gpt4 book ai didi

javascript - 将当前选项卡的 URL 发送到弹出窗口 - Chrome 扩展

转载 作者：太空宇宙 更新时间：2023-11-04 15:26:31 26 4
gpt4 key购买 nike

我一直在关注一些教程，但遇到了使用已弃用代码的示例。

我正在尝试将当前选项卡的 URL 发送到弹出窗口。

到目前为止我的代码:

Manifest.json 包含适当的权限:

"permissions": [
    "activeTab",
    "tabs"
  ]

Popup.js，我认为问题出在哪里，但控制台中没有错误。

function setup() {
  noCanvas();

  var url = 'URL'

  function sendMessage() {
    var msg = {
      from: 'popup',
      page: url
    }

    var params = {
      active: true,
      currentWindow: true
    }
    chrome.tabs.query(params, gotTabs);

    function gotTabs(tabs) {
      chrome.tabs.sendMessage(tabs[0].id, msg);
      url = document.getElementById('currentLink').innerHTML;
      console.log(url)
    }
  }
}

Popup.html

<body>
    <h1>Popup Interface Example</h1>
    <p id="currentLink">Loading ...</p>
</body>

我在这里缺少什么？

最佳答案

我明白了。太难了。

Popup.js

chrome.tabs.query({'active': true, 'lastFocusedWindow': true}, function (tabs) {
    var url = tabs[0].url;
    console.log(url);
    document.getElementById("myText").innerHTML = url;
});

Popup.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Extension Pop-Up</title>
    <script src="libraries/p5.js" type="text/javascript"></script>
    <script src="libraries/p5.dom.js" type="text/javascript"></script>
    <script src="popup.js" type="text/javascript"></script>
  </head>
  <body>
    <h1>Wordnik Lookup</h1>
    <p id="myText"></p>
  </body>
</html>

关于javascript - 将当前选项卡的 URL 发送到弹出窗口 - Chrome 扩展，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47447851/

26 4 0
文章推荐： javascript - 鼠标滚动事件不适用于 react 滚动条内的 react 选择
文章推荐： javascript - 加载内容时的图像
文章推荐： html - 网页如何使用 www.website.com/?=example 导航？
文章推荐： javascript - 在 ionic 2 中不同祈祷时间播放声音
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com