Question

我正在创建Chrome扩展程序，您可以点击按钮启动之前创建的HTML页面。这是我的按钮：

var btn = document.createElement("BUTTON");       
var t = document.createTextNode("Click Me");
btn.addEventListener("click", popUpWindow);
btn.appendChild(t);                              
document.getElementsByClassName("text")[0].appendChild(btn);

这是我的功能：

function popUpWindow() {
    window.open("window-child.html", "Accept", "width=400,height=300,0,status=0,")
}

这是我的html页面

<html> 
    <head> 
        <title>Demo of child window</title>  
    </head>  
    <body>   
        This is child window 
    </body>
</html>

在manifest.json中我添加了：

"web_accessible_resources": [ "window-child.html" ]

但是当我点击按钮时，它会将我重定向到https://www.linkedin.com/window-child.html，这会给出：

未找到404页面

Answer 1

使用chrome.extension.getURL()生成表单的网址

chrome-extension：// [PACKAGE ID] / [PATH]

代码：

var url = chrome.extension.getURL("window-child.html");
window.open(url);

Answer 2

使用＆＃34; _blank＆＃34;目标名称作为window.open的第二个参数：

window.open("window-child.html","_blank", "width=400,height=300,0,status=0")

Chrome按钮点击时会弹出一个新窗口

2 个答案: