如何在F11模式下通过导航到Angular Application中的另一页打开chrome?
我正在开发一个应用程序,在该应用程序中,当用户登录屏幕应已满时(例如:Chrome f11)&注销后返回其原始位置。查看此库: 还有一个角度2的例子:如何在F11模式下通过导航到Angular Application中的另一页打开chrome?,angular,typescript,angular6,Angular,Typescript,Angular6,我正在开发一个应用程序,在该应用程序中,当用户登录屏幕应已满时(例如:Chrome f11)&注销后返回其原始位置。查看此库: 还有一个角度2的例子: import {Directive, HostListener} from '@angular/core'; import * as screenfull from 'screenfull'; @Directive({ selector: '[toggleFullscreen]' }) export class ToggleFulls
import {Directive, HostListener} from '@angular/core';
import * as screenfull from 'screenfull';
@Directive({
selector: '[toggleFullscreen]'
})
export class ToggleFullscreenDirective {
@HostListener('click') onClick() {
if (screenfull.enabled) {
screenfull.toggle();
}
}
}
然后在标记中:
<button toggleFullscreen>Toggle fullscreen<button>
全屏切换
然后,您可以根据您的事件采取行动,请求全屏显示,并根据您的需要将其打开或关闭。查看此库: 还有一个角度2的例子:
import {Directive, HostListener} from '@angular/core';
import * as screenfull from 'screenfull';
@Directive({
selector: '[toggleFullscreen]'
})
export class ToggleFullscreenDirective {
@HostListener('click') onClick() {
if (screenfull.enabled) {
screenfull.toggle();
}
}
}
然后在标记中:
<button toggleFullscreen>Toggle fullscreen<button>
全屏切换
然后,您可以根据事件进行操作并请求全屏显示,根据需要将其打开或关闭。如果您不想添加额外的库依赖项,您可以实现如下全屏显示切换功能:
/**
* Toggles the fullscreen mode.
*/
toggleFullscreen() {
if (document.webkitIsFullScreen) {
this._exitFullscreen();
} else {
this._activateFullscreen();
}
}
/**
* Activate Full Screen Mode.
*/
private _activateFullscreen() {
let fullscreenElement = document.documentElement;
if (fullscreenElement.requestFullscreen) {
fullscreenElement.requestFullscreen();
} else if (fullscreenElement.mozRequestFullScreen) {
/* Firefox */
fullscreenElement.mozRequestFullScreen();
} else if (fullscreenElement.webkitRequestFullscreen) {
/* Chrome, Safari and Opera */
fullscreenElement.webkitRequestFullscreen();
} else if (fullscreenElement.msRequestFullscreen) {
/* IE/Edge */
fullscreenElement.msRequestFullscreen();
}
}
/**
* Exits Full Screen Mode.
*/
private _exitFullscreen() {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.mozCancelFullScreen) {
/* Firefox */
document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) {
/* Chrome, Safari and Opera */
document.webkitExitFullscreen();
} else if (document.msExitFullscreen) {
/* IE/Edge */
document.msExitFullscreen();
}
}
链接到示例&。如果不想添加额外的库依赖项,可以实现如下全屏切换功能:
/**
* Toggles the fullscreen mode.
*/
toggleFullscreen() {
if (document.webkitIsFullScreen) {
this._exitFullscreen();
} else {
this._activateFullscreen();
}
}
/**
* Activate Full Screen Mode.
*/
private _activateFullscreen() {
let fullscreenElement = document.documentElement;
if (fullscreenElement.requestFullscreen) {
fullscreenElement.requestFullscreen();
} else if (fullscreenElement.mozRequestFullScreen) {
/* Firefox */
fullscreenElement.mozRequestFullScreen();
} else if (fullscreenElement.webkitRequestFullscreen) {
/* Chrome, Safari and Opera */
fullscreenElement.webkitRequestFullscreen();
} else if (fullscreenElement.msRequestFullscreen) {
/* IE/Edge */
fullscreenElement.msRequestFullscreen();
}
}
/**
* Exits Full Screen Mode.
*/
private _exitFullscreen() {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.mozCancelFullScreen) {
/* Firefox */
document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) {
/* Chrome, Safari and Opera */
document.webkitExitFullscreen();
} else if (document.msExitFullscreen) {
/* IE/Edge */
document.msExitFullscreen();
}
}
链接到示例&。其不重复伙伴的可能重复我需要Angular中的此代码您可以从Angular调用JavaScript代码,朋友。请在此处显示它-其不重复伙伴的可能重复我需要Angular中的此代码您可以从Angular调用JavaScript代码,朋友,你能在这里展示一下吗?好的,让我试试看。谢谢:)现在我需要实现当用户从一个页面导航到另一个页面时,在你的组件中处理导航或在特定页面上加载的组件。您可以查询用户是否处于全屏模式,并采取相应的行动。如果您需要更多帮助,只需给我一个提示并包含您的代码。当然,巴迪:)如果需要,我会还原。OK让我试试它谢谢:)现在我需要在用户从一个页面导航到另一个页面时实现在您的组件中处理导航或在特定页面上加载的组件中处理。您可以查询用户是否处于全屏模式,并采取相应的行动。如果你需要更多的帮助,只要给我一个提示,并包括你的代码。当然,伙计:)如果需要,我会回复