【发布时间】:2012-11-09 13:02:32
【问题描述】:
问题
在 Chrome 扩展程序的弹出页面中,使用任何 JavaScript 方法导致弹出窗口会导致弹出窗口动画,但是一旦填充窗口的内容,就会立即失去焦点并消失。
奇怪的是,只要 Chrome 的开发者工具在扩展程序的上下文中打开,弹出窗口就会保持打开状态,但如果开发者工具关闭,弹出窗口会立即消失。
这曾经发生在我旧的、混乱的 2006 iMac 上,所以我认为这是我的配置问题。但是,我刚刚在 2007 iMac 上完成了 Mac OS X (v1.7.5) 和 Chrome (v23.0.1271.97) 的全新安装,并创建了一个 非常 简单的 Chrome 扩展程序(代码如下) 进行测试,它仍在发生。我不禁认为这是 Chrome 的一个错误。
代码
“manifest.json”
{
"name": "Test Popups",
"version": "0",
"manifest_version": 2,
"browser_action": {
"default_popup": "popup.html"
}
}
“popup.html”
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="popup.js"></script>
</head>
<body>
<input type="submit" id="btn_Alert" value="Alert" />
<input type="submit" id="btn_Confirm" value="Confirm" />
<input type="submit" id="btn_Prompt" value="Prompt" />
</body>
</html>
“popup.js”
document.onreadystatechange = function(){
if (document.readyState === "complete"){
attach_eventListeners();
}
}
function attach_eventListeners(){
var btn_Alert = document.getElementById("btn_Alert");
var btn_Confirm = document.getElementById("btn_Confirm");
var btn_Prompt = document.getElementById("btn_Prompt");
btn_Alert.addEventListener("click", function(){
window.alert("Test");
}, false);
btn_Confirm.addEventListener("click", function(){
window.confirm("Test");
}, false);
btn_Prompt.addEventListener("click", function(){
window.prompt("Test", "");
}, false);
}
这是link to a ZIP of these files。自己测试:
- 解压 ZIP
- 在 Chrome 中,转到
chrome://chrome/extensions/ - 选中右上角的“开发者模式”复选框
- 点击左上角的“加载解压扩展...”
- 选择包含解压文件的文件夹
- 点击“确定”
【问题讨论】:
标签: javascript macos google-chrome google-chrome-extension