[英]How can I replace the popup window with an other page in chrome extension?
我创建了一个在Firefox中正常工作的扩展程序。 我已将其更改为Google Chrome浏览器,但无法正常工作。 当我单击扩展程序的图标时,将显示带有两个菜单选项的弹出窗口。 但是,当我单击任何这些链接时,都没有发生。 如果我按右键单击任何这些链接,然后选择“在新选项卡中打开”,则此html文件将在新选项卡中显示。 如果我单击此新选项卡中的链接,则php文件将打开并起作用,因此我认为window.location.replace在crome扩展中不起作用。
有人有什么想法,我该如何解决这个问题?
的manifest.json
{
"browser_action": {
"default_icon": {
"48": "images/startlapom-48.png",
"96": "images/startlapom-96.png"
},
"browser_style": true,
"default_title": "Startlapom",
"default_popup": "managestartlapom.html"
},
"description": "Oldal hozzáadása, levétele a Startlapom oldalam(ra/ról)",
"manifest_version": 2,
"name": "Startlapom",
"permissions": ["tabs"],
"version": "1.0"
}
managestartlapom.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Startlapom</title>
<link rel="stylesheet" href="managestartlapom.css"/>
<link rel="stylesheet" href="https://startlapom.eu/startlapom.css" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body class="addon-body">
<div id="startlapom-addon">
<div class="panel">
<a class="addon-link" href="#" id="startlapom-add">Oldal hozzáadása a Startlapomhoz</a><br />
<div class="panel-section-separator"></div>
<a class="addon-link" href="#" id="startlapom-remove">Oldal levétele a Startlapomról</a><br />
</div>
</div>
<script src="managestartlapom.js"></script>
</body>
</html>
managestartlapom.js
document.getElementById('startlapom-add').onclick = function() {
chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
window.location.replace('https://startlapom.eu/addon.php?url='+encodeURIComponent(tabs[0].url)+'&title='+encodeURIComponent(tabs[0].title)+'&reason=ADD');
});
}
document.getElementById('startlapom-remove').onclick = function() {
chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
window.location.replace('https://startlapom.eu/addon.php?url='+encodeURIComponent(tabs[0].url)+'&title='+encodeURIComponent(tabs[0].title)+'&reason=REM');
});
}
如果您写在managestartlapom.js
文件中:
....
chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
alert(window.location);
.......
}
您将看到window.location
等于
chrome-extension://ext_id_here/managestartlapom.html#
而且我认为这不是您要替换的window.location
。 (这是您的弹出菜单的窗口)。 如果要替换活动标签页的window.location
,则应在chrome.tabs.query
回调中使用chrome.tabs.executeScript 。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.