chromejs全屏

⑴ chrome全屏快捷键

谷歌和大部分常见浏览器进入全屏的快捷键都是“F11”。点击一次可以进入全屏浏览，再按一次可以退出全屏。注意需要鼠标焦点在浏览器里的时候才行。

⑵ 用js怎样实现打开网页时就全屏显示，要支持chrome，Firefox，IE等主流浏览器，求大神帮忙啊!

您好！来很高兴为您答疑！源

实现窗口全屏(F11效果)，只需在下面属性中加一条fullscreen = yes即可
<script>
<!--
function windowopen(){
var target="http://play.zol.com.cn"
newwindow=window.open("","","scrollbars")
if (document.all){
newwindow.moveTo(0,0)
newwindow.resizeTo(screen.width,screen.height)
}
newwindow.location=target
}
//-->
</script>
<form>
<input type="button" onClick="windowopen()" value="全屏显示" name="button">
</form>

您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

⑶ 怎么样用javaScript让chrome浏览器全屏

/**
*全屏方法
*/
functionfullScreen(domId){
varelement=document.getElementById(domId);
//requestfullScreen
this.request=function(){
if(element.requestFullScreen){
	element.requestFullScreen();
}elseif(element.mozRequestFullScreen){
	element.mozRequestFullScreen();
}elseif(element.webkitRequestFullScreen){
//对Chrome特殊处理，
//参数Element.ALLOW_KEYBOARD_INPUT使全屏状态中可以键盘输入。
if(window.navigator.userAgent.toUpperCase().indexOf('CHROME')>=0){
element.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
}
//Safari浏览器中，如果方法内有参数，则Fullscreen功能不可用。
else{
element.webkitRequestFullScreen();
}
}elseif(element.msRequestFullscreen){
element.msRequestFullscreen();
}else{
thrownewError("yourbrowserdoesn'tsupportthefullScreen,pleasechangeorupdateit.");
}
console.log(element.style.zIndex);
returnelement.style.zIndex;
};
//取消全屏
this.cancelFullscreen=function(){
if(document.cancelFullScreen){
document.cancelFullScreen();
}elseif(document.mozCancelFullScreen){
document.mozCancelFullScreen();
}elseif(document.webkitCancelFullScreen){
document.webkitCancelFullScreen();
}elseif(document.msExitFullscreen){
document.msExitFullscreen();
}else{
thrownewError("yourbrowserdoesn'tsupportthefullScreen,pleasechangeorupdateit.");
}
};
}
//判断当前状态是否为全屏
varisFullScreen=function(){
if(document.fullscreenElement||document.webkitFullscreenElement||document.mozFullScreenElement||document.msFullscreenElement)
returntrue;
else
returnfalse;
};

⑷ Chrome全屏看电影左下角一直显示javascript怎么办 是在哔哩哔哩上...

你应该是禁止了JavaScript脚本 你在浏览器里面设置下启用JavaScript就可以了

⑸ js判定浏览器是否全屏

//设置浏览器全屏
function f_SetFullScreen() {
//如果浏览器不是全屏则将其设版置为全屏模式
if (!f_IsFullScreen()) {
var wsShell = new ActiveXObject('WScript.Shell');
wsShell.SendKeys('{F11}');
return false;
}
}

//判断浏览器是否权全屏
function f_IsFullScreen() {
return (document.body.scrollHeight == window.screen.height && document.body.scrollWidth == window.screen.width);
}

⑹ 如何设置谷歌浏览器进入全屏模式

谷歌浏览器全屏模式设置方法：

1、首先进入浏览器，打开所需要浏览的网页。然后点击右上角的展开标志。

2、在展开选项中，找到带有全屏标志的图案，单机鼠标即进入全屏模式。

3、进入全屏模式后，没有了任务栏，只是浏览网页是一种不错的体验。

4、当需要退出全屏模式时，可以按F1这个快捷键复原到原来的状态。

⑺ 怎么使chrome全屏的代码

如果是chrome扩展和插件，用这个代码：
chrome.windows.update(chrome.windows.WINDOW_ID_CURRENT,{state:'fullscreen'});
如果是其他情况，试试用Flash

⑻ H5全屏展示

最近需求中遇到关于全屏展示的需求，于是深入了解了一下demo如下所示？
MDN介绍：

使用提供的API，让一个元素与其子元素，可以占据整个屏幕，并在此期间，从屏幕上隐藏所有的浏览器用户界面以及其他应用。

chrome下的全屏表现：

全屏API：

总共用到6个API：

浏览器前缀：

目前并不是所有的浏览器都实现了API的无前缀版本，所以我们需要针对不同浏览器，做一下API的兼容:

1.1 属性

1.1.1 浏览器是否支持全屏模式：document.fullscreenEnabled

document.fullscreenEnabled属性返回一个布尔值，表示当前文档是否可以切换到全屏状态。

const fullscreenEnabled =
document.fullscreenEnabled ||
document.mozFullScreenEnabled ||
document.webkitFullscreenEnabled ||
document.msFullscreenEnabled;
if (fullscreenEnabled) {
videoElement.requestFullScreen();
} else {
console.log('浏览器当前不能全屏');
}
1.1.2 返回全屏状态的Element节点document.fullscreenElement

fullscreenElement属性返回正处于全屏状态的Element节点，如果当前没有节点处于全屏状态，则返回null

const fullscreenElement =
document.fullscreenElement ||
document.mozFullScreenElement ||
document.webkitFullscreenElement;

1.2 方法

1.2.1 使元素进入全屏模式：Element.requestFullscreen()

Fullscreen(domName) {
const element = document.querySelector(domName); // 获取dom
const methodName =
this.prefixName === ''
? 'requestFullscreen'
: ${this.prefixName}RequestFullScreen ; // API前缀
element methodName ; // 调用全屏
}

值得注意的是：调用此API并不能保证元素一定能够进入全屏模式

初始化直接全屏，会触发进入全屏失败回调。因为这样那就是容易造成欺骗，因为使用了全屏幕API，就会欺骗到人，被成功钓鱼。 大概意思是这样的

1.2.2 退出全屏：document.exitFullscreen()

document对象的exitFullscreen方法用于取消全屏

function exitFullscreen() {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
}
}

exitFullscreen();

调用这个方法会让文档回退到上一个调用Element.requestFullscreen()方法进入全屏模式之前的状态。

1.3 全屏事件

1.3.1 进入全屏/离开全屏，触发事件：document.fullscreenchange

当我们进入全屏和离开全屏的时候，都会触发一个 fullscreenchange 事件。

[MDN注意]：此事件不会提供任何信息，表明是进入全屏或退出全屏。

看了好久事件返回的信息，确实找不到一个值，表明这是在进入全屏，或者离开全屏！

可以说相当不人性化了！但我们可以通过检查当前是否有节点处于全屏状态，判断当前是否处于全屏模式。

document.addEventListener("fullscreenchange", function( event ) {
if (document.fullscreenElement) {
console.log('进入全屏');
} else {
console.log('退出全屏');
}
});

1.3.2 无法进入全屏时触发: document.fullscreenerror

浏览器无法进入全屏时触发，可能是技术原因，也可能是用户拒绝。

比如全屏请求不是在事件处理函数中调用,会在这里拦截到错误

screenError(enterErrorFn) {
const methodName = on${this.prefixName}fullscreenerror ;
document[methodName] = e => {
enterErrorFn && enterErrorFn(e)
};
}

1.4 全屏状态的CSS

1.4.1 :full-screen伪类

全屏状态下，大多数浏览器的CSS支持:full-screen伪类，只有IE11支持:fullscreen伪类。使用这个伪类，可以对全屏状态设置单独的CSS属性。

/* 针对dom的全屏设置 /
.div:-webkit-full-screen {
background: #fff;
}
/ 全屏属性 /
:-webkit-full-screen {}
:-moz-full-screen {}
:-ms-fullscreen {}
/ 全屏伪类 当前chrome:70 不支持 /
:full-screen {
}
:fullscreen {
/ IE11支持 */
}

1.4.2 :backdrop 伪元素

全屏模式的元素下的即刻渲染的盒子（并且在所有其他在堆中的层级更低的元素之上），可用来给下层文档设置样式或隐藏它

:not(:root):-webkit-full-screen::backdrop {
position: fixed;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
background: #999; // 会将背景设为灰色的 如果你没为你的dom设置背景的话，全屏下会为灰色
}

:not(:root):-webkit-full-screen {
object-fit: contain;
position: fixed !important;
top: 0px !important;
right: 0px !important;
bottom: 0px !important;
left: 0px !important;
box-sizing: border-box !important;
min-width: 0px !important;
max-width: none !important;
min-height: 0px !important;
max-height: none !important;
width: 100% !important;
height: 100% !important;
transform: none !important;
margin: 0px !important;
}

1.5 在项目中使用
由于我这个个项目用到的是Vue里面用到了，它对各个方法和属性做了很好的兼容，在开发中可以作参考。 用法很简单，导入库，就可以直接这样调用方法：

fscreen.requestFullscreen(element)
// replacement for: element.requestFullscreen - without calling the function
// mapped to: element.vendorMappedRequestFullscreen

我项目中js使用如下所示

import fscreen from "fscreen";
import Message from "@/components/Message";
export default {
name: "FullScreen",
components: {},
data() {
return {
isFullscreen: false
};
},

computed: {
fullscreenEnabled() {
return fscreen.fullscreenEnabled;
},

},

methods: {
onTriggerClick(e) {
if (this.isFullscreen) {
this.onExitFullsreen();
} else {
this.requestFullscreen(document.querySelector(".fullscreen-content"));
}
this.isFullscreen = !this.isFullscreen;
},

},

mounted() {
fscreen.addEventListener("fullscreenchange", e => {
Message.info(this.isFullscreen ? "进入全屏" : "退出全屏");
console.log(e);
});

}
};

⑼ 怎么使chrome全屏的代码

前段时间，有客户要求网站需要打开自动全屏显示，并且机器上不能安装webserver（iis和apache等）软件，我们经过一番调试和试验，最终选定了chrome，因为chrome实现全屏效果最好，并且js效果流畅。
针对IE来将，在非服务器端让网站自动全屏的时候，当网页有引用js的时候IE会弹出是否运行的对话框，这让人比较恼火，因为在本机浏览html文件，IE需要设置一些安全参数才能去掉这个该死的提示，并且全屏代码需要在网页中写入js代码实现，缺点是不稳定、有兼容问题、操作步骤较多。
chrome上实现全屏非常简单，不是通过在网页中插入js代码实现，而是在chrome的快捷方式上做手脚。下面我以XP系统为演示：
安装了chrome以后，chrome会自动在桌面生成一个快捷方式，右键点击后我们可以看到一些东西，其中有一项是目标："这里是chrome的安装地址"，这就是我们重点要说的地方，chrome有可以自由diy的接口，就是通过在安装地址后面加上启动参数，其中全屏参数就是加在这里。全屏参数为：--kiosk。
看完整的示范："C:\Documents and Settings\Administrator\Local Settings\Application Data\Google\Chrome\Application\chrome.exe" file:///D:/index.html --kiosk
file后面跟的是要启动的网页路径，后面再跟上 --kiosk，注意有空格，意思是双击该快捷方式后，chrome将一全屏形式显示参数中的网页。
这种全屏显示和正常状态下chrome按F11是不一样的，F11全屏后chrome会在左下角显示A标签的链接地址，同时鼠标移动到最上方会弹出退出全屏的提示，可以再次按F11推出全屏模式，而通过参数启动全屏之后，F11将失效，A标签提示和退出全屏提示也将消失，只能通过ALT+F4退出chrome全屏模式，是很彻底的全屏模式，通过这种全屏模式，可以将网站制作成软件形式，可以看出google的云计算的勃勃野心。

⑽ 手机chrome浏览器能不能全屏浏览网页

chrome没有全屏，也不方便设置，毕竟是美国的东西，不会太符合国内的使用习惯的
可以试试夸克浏览器，跟chrome一样简洁，而且打开网页的速度更快