点击

时间:2017-05-21 16:22:10

标签: google-chrome-extension

我希望点击扩展程序后弹出的当前标签页面显示。我有一个弹出式HTML和popup.js。出于测试目的,我一直在尝试提醒标签网址而不是替换html元素。

的manifest.json

{
    "manifest_version": 2,
    "name": "first extension",
    "version": "1.0",

    "browser_action": {
        "default_icon": "icon.png",
        "default_popup": "popup.html",
        "default_title": "Share it!"
    },

    "permissions": [
        "activeTab"
    ]
}

popup.html

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="popup.js"></script>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    URL:
    <p>www.blahblah.com</p>
    <form>
        Title:<br />
        <input type="text" name="title"><br />
        Description:<br />
        <textarea rows="4"></textarea><br />
        <button>Get</button>
    </form>
</body>
</html>

popup.js

chrome.tabs.getCurrent(function(tab){
        alert(tab.url);
    }
);

1 个答案:

答案 0 :(得分:1)

您可能希望遵循此link中建议的解决方法。试试这个query chrome.tabs.query(object queryInfo, function callback),它将获得具有指定属性的所有选项卡,或者如果没有指定属性,则获取所有选项卡。

chrome.tabs.query({currentWindow: true, active: true}, function(tabs){
    console.log(tabs[0].url);
});

这里有另一个可能有帮助的帖子:How to get current URL in Chrome on click of the button