я имею дело с комбинацией всплывающего окна, сценария контента и фонового сценария. К сожалению, любое общение, которое я выбрал среди них, не дало желаемого результата.
Мне нужно разработать веб-расширение со значком/всплывающим окном в меню браузера. После нажатия открывается специальное меню с элементами во всплывающем окне. Когда я нажимаю на всплывающее окно, должна открываться вкладка определенного элемента, и она должна переходить по определенному URL-адресу для входа в систему (через URL-адрес с параметрами или POST) и переходить на подстраницу (конкретно для текста всплывающего элемента).
Я пробовал много комбинаций обмена сообщениями между всплывающим окном и сценарием bg, между сценарием bg и сценарием контента и т. д. ... но это никогда не работало со мной. У меня также были проблемы с синхронизацией запросов, потому что, хотя я вошел в систему (через windows.open), я мог выполнить дальнейшую загрузку подстраницы.
У вас есть идеи, ребята, как это может работать? лучший с каким-нибудь коротким примером? Я использовал только стандартный javascript.
Моя ПЕРВАЯ попытка:
manifest.json
{
"description": "test",
"manifest_version": 2,
"name": "extensiontest",
"version": "1.0",
"homepage_url": "https://xxxx.com",
"icons": {
"32": "beasts-32.png"
},
"applications": {
"gecko": {
"id": "[email protected]",
"strict_min_version": "45.0"
}
},
"content_scripts":
[
{
"matches": ["<all_urls>"],
"run_at": "document_end",
"js": ["content.js"]
}
],
"browser_action":
{
"default_icon": "popup.png",
"default_popup":"popup.html"
},
"background":
{
"scripts": ["background.js"]
},
"permissions":
[
"tabs","storage"
]
}
всплывающее окно.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="links.css"/>
</head>
<script src="popup.js"></script>
<body>
<ul>
<li><a id="bQuote" href="#">Quote</a></li>
<li><a id="bSend" href="#">Send</a></li>
</ul>
</body></html>
popup.js
function goQuote() {
chrome.tabs.query({currentWindow: true, active: true}, function (tabs){
var activeTab = tabs[0];
chrome.tabs.sendMessage(activeTab.id, {"message": "Quote"});
});
// Generic Log In link
window.open("Login-link","targetname");
}
function goSend() {
chrome.tabs.query({currentWindow: true, active: true}, function (tabs){
var activeTab = tabs[0];
chrome.tabs.sendMessage(activeTab.id, {"message": "Send"});
});
// Generic Log In link
window.open("Login-link","targetname");
}
document.addEventListener("DOMContentLoaded", function() {
document.getElementById("bQuote").addEventListener("click", goQuote);
document.getElementById("bSend").addEventListener("click", goSend);
});
content.js
chrome.runtime.onMessage.addListener(
function(request, sender, sendResponse) {
if( request.message === "Quote" ) {
// Subpage link with same target name
window.open("supbpage-link1","targetname");
}
if( request.message === "Send" ) {
// Subpage link with same target name
window.open("supbpage-link2","targetname");
}
}
);