javascript – Mac OS X上的Chrome扩展程序:窗口弹出窗口消失
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Mac OS X上的Chrome扩展程序:窗口弹出窗口消失,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1923字,纯文字阅读大概需要3分钟。
内容图文
![javascript – Mac OS X上的Chrome扩展程序:窗口弹出窗口消失](/upload/InfoBanner/zyjiaocheng/785/0cab9bca864743dbb1844f539dc7663e.jpg)
问题
在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 /
>选中右上角的“开发者模式”复选框
>单击左上角的“加载解压缩的扩展名…”
>选择包含解压缩文件的文件夹
>点击“确定”
解决方法:
据我所知,弹出窗口不能失去焦点,或者它们会立即关闭.
打开用于检查的开发人员工具会覆盖此策略.
使用alert,confirm,prompt会导致弹出窗口失去焦点,因此Chrome会关闭它.
内容总结
以上是互联网集市为您收集整理的javascript – Mac OS X上的Chrome扩展程序:窗口弹出窗口消失全部内容,希望文章能够帮你解决javascript – Mac OS X上的Chrome扩展程序:窗口弹出窗口消失所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。