问题
在 Chrome 扩展程序的弹出页面中，使用任何 JavaScript 方法导致弹出窗口会导致弹出窗口动画化，但一旦填充窗口的内容，就会立即失去焦点并消失。
奇怪的是，只要在扩展上下文中打开 Chrome 的开发者工具，弹出窗口就会保持打开状态，但如果关闭开发者工具，弹出窗口将立即消失。
这曾经发生在我的 2006 年旧 iMac 上，所以我认为这是我的配置问题。但是，我刚刚在 2007 iMac 上全新安装了 Mac OS X (v1.7.5) 和 Chrome (v23.0.1271.97)，并创建了一个非常简单的 Chrome 扩展(下面的代码) 进行测试，它仍在发生。我不禁认为这是 Chrome 的一个错误。
代码
“ list .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/ - 选中右上角的“开发者模式”复选框
- 点击左上角的“加载解压的扩展...”
- 选择包含提取文件的文件夹
- 点击“确定”
最佳答案
据我了解，弹窗不能失去焦点，或者立即关闭。 打开开发人员工具进行检查会覆盖此政策。
使用alert、confirm、prompt 会导致弹出窗口失去焦点，因此被 Chrome 关闭。
关于javascript - Mac OS X 上的 Chrome 扩展 : Window popups disappear，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13490538/