我使用这个代码,我学会了使浏览器全屏(它工作),但我试图修改它的版本以退出全屏失败.处理这些非标准API有点棘手,每个浏览器实现它有点不同.
这是代码:
// Bring the page into full-screen mode - Works!
function requestFullScreen(element) {
// Supports most browsers and their versions.
var requestMethod = element.requestFullScreen ||
element.webkitRequestFullScreen ||
element.mozRequestFullScreen ||
element.msRequestFullScreen;
if (requestMethod) {
requestMethod.call(element);
} else if ( typeof window.ActiveXObject !== "undefined") {
var wscript = new ActiveXObject("WScript.Shell");
if (wscript !== null) {
wscript.SendKeys("{F11}");
}
}
}
// Exit fullscreen - Doesn't work!
function exitFullScreen(element){
var requestMethod = element.exitFullscreen ||
element.mozCancelFullScreen ||
element.webkitExitFullscreen ||
element.msExitFullscreen;
if (requestMethod) { …Run Code Online (Sandbox Code Playgroud) 我试图在全屏模式下加载iframe,但firefox和chrome都会发出警告并且全屏无效.甚至iframe上的src也是从同一个域加载的.我已经检查了stackoverflow上的一些链接,但它们都没有为我工作.以下链接: -
chrome警告: - 无法在'Element'上执行'requestFullscreen':API只能由用户手势启动.
firefox的警告: - 拒绝全屏请求,因为没有从短暂运行的用户生成的事件处理程序中调用Element.requestFullscreen().
我正在开发一个应用程序,我希望实现这样的事情:如果用户从一个组件离开并进入其他组件,那么在其他组件的ngOnInit方法中,chrome浏览器应该全屏显示与按Fn + F11键时相同的全屏.
任何帮助或参考表示赞赏.
javascript ×2
angular ×1
angular6 ×1
browser ×1
fullscreen ×1
html5 ×1
iframe ×1
jquery ×1
typescript ×1