如何从 Microsoft Edge 扩展中获取当前选项卡的 URL

Question

我正在试验边缘扩展，我正在尝试制作一个读取当前选项卡的 URL，删除字符串“%0A”，然后重定向到已清理的 URL, 但我不知道如何阅读当前选项卡 URL, 我在 chrome:

中找到了如何做

 chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
    // print object for debugging
    console.log(JSON.stringify(tabs[0]));
  
    // get active tab url
    var activeTab = tabs[0];
    var activeTabURL = activeTab.url;
    alert(activeTabURL)
  });

但它似乎不适用于 Edge，我在我的清单中设置了 'tabs' 的权限。希望你能帮帮我

Answer 1

我建议您参考下面的示例，它可以帮助您从 Edge 浏览器扩展中获取当前选项卡的 URL。

manifest.json:

{
    "name": "Hello World",
    "version": "2.0.0",
    "description": "Simple Microsoft Edge Extension",
    "manifest_version": 2,
    "author": "abc",
    "icons": {
       "16": "icons/icon_16.png"
    },
    "browser_action": {
    "default_popup": "background.html",     
       
        "default_title": "Hello World"
    },
    "permissions": [
        "tabs",
        "<all_urls>"
    ],   
    "background": {
    "page": "background.html",
    "persistent": true
  },
    "content_scripts": [
    {
      "matches": ["http://*/*", "https://*/*"],
      "css" : ["light.css"],
      "js": ["js/content.js"],
      "run_at": "document_end"
    }
  ]
}

background.html:

<!DOCTYPE html>
<html>
<head>
    <title>demo</title>
    
</head>
<body>
    <div>
        <h3>Click the button to get the page URL...<h3><br>
        <button id="btn1">click me</button>
        <input type="text" id="txt1" style="width:300px">
    </div>
<script type="text/javascript" src="js/background.js"></script>
</body>
</html>

background.js:

var btn= document.getElementById("btn1");
btn.addEventListener("click", function(){
  abc();
});

function abc()
{
    chrome.tabs.query({active: true, lastFocusedWindow: true}, function(tabs) 
    {
            var tab = tabs[0];
            document.getElementById("txt1").value= tab.url;
            
    });
}

扩展文件结构如下所示。您可以自己创建其他文件（如 CSS 文件等）。

使用 MS Edge 89.0.774.45 的测试结果：

另外，您可以根据自己的需要尝试修改插件的代码。

感谢您的理解。

如何从 Microsoft Edge 扩展中获取当前选项卡的 URL

How can I get the URL of the current tab from a Microsoft Edge extension

javascript

google-chrome-extension

microsoft-edge