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一樣簡潔，而且打開網頁的速度更快