Как в js для браузерного расширения передать параметром url текущей страницы?

Question

[Иван]

Есть код

chrome.browserAction.onClicked.addListener(function(activeTab) {
    chrome.tabs.create({
       url: "https://site.ru?"
    });
});

Данный код по нажатию на иконку, в новой вкладке откроет сайт site.ru, как site.ru заменить на site.ru?url просматриваемого в данный момент сайта?
Пример https://site.ru?https://toster.ru или https://site.ru?toster.ru

Взял готовый код из сети но он вообще не работает :(

document.addEventListener('DOMContentLoaded', function() {
var checkPageButton = document.getElementById('checkPage');
checkPageButton.addEventListener('click', function() { 
    chrome.tabs.getSelected(null, function(tab) {
        d = document;

        var f = d.createElement('form');
        f.action = 'https://site.ru?';
        f.method = 'post';
        var i = d.createElement('input');
        i.type = 'hidden';
        i.name = 'url';
        i.value = tab.url;
        f.appendChild(i);
        d.body.appendChild(f);
        f.submit();
    });
}, false);
}, false);

Comments

[Pavel]

в permissions -> tabs указали ?

[Иван]

Pavel, да, указал.
Готовый код брал здесь.

Первый код в вопросе работает но открывает вкладку с адресом https://site.ru?
вот бы после ? вставить url текущей страницы, еще лучше post отправить, чтобы не засорять url строку.

[Pavel]

точно в permissions указан tabs ? activeTabs (как указано в статье) это другое

[Иван]

Да, вот полный код

{
    "manifest_version": 2,
 
    "name": "GTmetrix Analyzer Plugin",
    "description": "This extension will analyze a page using GTmetrix",
    "version": "1.0",
 
    "browser_action": {
        "default_icon": "icon.png",
        "default_popup": "popup.html"
    },

    "permissions": [
        "tabs"
    ]
	
}

обратил внимание, что в манифесте нет js, вроде его нужно там тоже указать.

Answer 1

[Pavel]

https://developer.chrome.com/extensions/tabs
chrome.tabs.getSelected - Deprecated since Chrome 33

Comments

[Pavel]

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

[Иван]

Pavel, данный код для какого варианта. для того, что я взял с сайта или первого в вопросе?

[Иван]

Заменил в первом варианте (первый код в вопросе), не работает :(

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

вообще не реагирует на нажатие иконки.

[Pavel]

9StarRu, какую вы ожидаете реакцию ? там будет выхлоп в консоль браузера.
в моем плагине этот код отлично работает

[Pavel]

[Иван]

Я хочу, чтобы в новой вкладке открылось, пример https://site.ru?https://toster.ru или https://site.ru?toster.ru

[Иван]

У меня не получается такой эффект, как у вас на фото, жму на иконку и ничего :(

[Pavel]

chrome.tabs.query({'active': true, 'lastFocusedWindow': true, 'currentWindow': true}, function (tabs) {
    var url = tabs[0].url;
    chrome.tabs.create({url: 'https://site.ru?' + url, active: true});
});

[Иван]

Сразу после активации расширения выполнился редирект, открылась вкладка, но по нажатию на иконку ничего не происходит.
https://site.ru/?chrome://extensions/

[Pavel]

9StarRu, покажите сейчас полный код который выполняется при клике на иконку расширения

[Иван]

Pavel, вот https://yadi.sk/d/8rBJ6a_7tlsNmQ

[Pavel]

9StarRu, кек ... chrome.tabs.query нужно вызвать в chrome.browserAction.onClicked.addListener

[Иван]

Pavel, большое спасибо, заработало!

[Иван]

Pavel, как вывести результат прямо в расширении, как у вас на фото?
Чтобы можно было далее работать со ссылкой.