瀏覽器全屏快捷鍵(mac瀏覽器全屏快捷鍵)
前沿拓展:
瀏覽器全屏快捷鍵
1.瀏覽器一般右上角都有個(gè)雙重小框框即是還原按
鈕,圖標(biāo)是兩個(gè)小口。 你點(diǎn)下就不是全屏啦,或者你
在瀏覽器的邊框部分按住鼠標(biāo)左鍵往下拉就可以控制
瀏覽器窗口大小拉!!
2.F11 快捷鍵,有些用Esc 也可以推出全屏!
方法一:先把所有的IE 窗口關(guān)了;只打開(kāi)一個(gè)IE 窗口;
最大化這個(gè)窗口;關(guān)了它;OK,以后的默認(rèn)都是最大化的了方法二:先關(guān)閉所有的IE 瀏覽器窗口,用鼠標(biāo)右鍵點(diǎn)
擊快速啟動(dòng)欄的IE 瀏覽器圖標(biāo),在出現(xiàn)的快捷菜單中
點(diǎn)擊“屬性”,系統(tǒng)隨即彈出“啟動(dòng)InternetExplorer 瀏覽
器屬性”對(duì)話頁(yè)面,點(diǎn)擊“快捷方式”標(biāo)簽,在出現(xiàn)的頁(yè)
面的“運(yùn)行方式(R)”中單擊右側(cè)的下拉條,選擇“最大
化”,再按“確定”退出。打開(kāi)IE 瀏覽器窗口,點(diǎn)擊里
面的鏈接,接著關(guān)閉先前打開(kāi)的IE 瀏覽器窗口,只留
下這個(gè)鏈接頁(yè)面,拉動(dòng)邊框?qū)⑵浯翱诶秸麄€(gè)屏幕,
然后關(guān)閉該頁(yè)面。從此,您打開(kāi)IE 瀏覽器窗口,就直
接能看到最大化的頁(yè)面了。
在我們?cè)O(shè)計(jì)使用大屏模板或大屏報(bào)表時(shí),都會(huì)需要瀏覽器全屏展示預(yù)覽的需求,通常我們都需要通過(guò)鍵盤F11來(lái)切換瀏覽器全屏效果。但是,也發(fā)現(xiàn)了一個(gè)問(wèn)題就是我們面對(duì)的很多客戶,他們并不懂F11可以全屏,給產(chǎn)品設(shè)計(jì)溝通帶來(lái)了不便。那有沒(méi)有什么方式可以直接通過(guò)鼠標(biāo)點(diǎn)擊按鈕來(lái)切換全屏。**是肯定有的,今天符號(hào)作者教大家如何利用前端的JS代碼來(lái)實(shí)現(xiàn)瀏覽器全屏效果。
注意:
在看教程之前,請(qǐng)行了解一下,什么時(shí)javascirpt,JavaScript入門教程自行百度。當(dāng)然,今天的案例RP也會(huì)免費(fèi)提供給大家下載學(xué)習(xí),也歡迎應(yīng)用到更多的產(chǎn)品實(shí)踐中去
JavaScript介紹:
JavaScript是一種直譯式腳本語(yǔ)言,是一種動(dòng)態(tài)類型、弱類型、基于原型的語(yǔ)言,內(nèi)置支持類型。它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用于客戶端的腳本語(yǔ)言,最早是在HTML(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用)網(wǎng)頁(yè)上使用,用來(lái)給HTML網(wǎng)頁(yè)增加動(dòng)態(tài)功能。
先預(yù)覽一下效果:
在線演示地址:Untitled Document
JS代碼準(zhǔn)備:
1、全屏代碼:
javascript:
function requestFullScreen(element) {
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}");
}
}
};
requestFullScreen(document.documentElement);
2、退出全屏代碼:
javascript:
function exitFull() {
var exitMethod = document.exitFullscreen ||
document.mozCancelFullScreen ||
document.webkitExitFullscreen ||
document.webkitExitFullscreen;
if (exitMethod) {
exitMethod.call(document);
} else if (typeof window.ActiveXObject !== "undefined") {
var wscript = new ActiveXObject("WScript.Shell");
if (wscript !== null) {
wscript.SendKeys("{F11}");
}
}
};
exitFull();
Axure添加JS代碼:
最早有發(fā)過(guò)一篇《Axure生成預(yù)覽地址如何能查看到被瀏覽次數(shù) | 人人都是產(chǎn)品經(jīng)理》,有教過(guò)大家,Axure怎么添加JS外部代碼,不懂的可以在回去看看。
步驟一:
打開(kāi)Axure,拉取一個(gè)動(dòng)態(tài)面板,創(chuàng)建2個(gè)State面板。一個(gè)面板里放一個(gè)矩形,命名為:全屏。另一個(gè)命名為:退出。如圖:
步驟二:全屏交互制作
打開(kāi)Axure,進(jìn)入-全屏面板,點(diǎn)擊添加鼠標(biāo)點(diǎn)擊事件,打開(kāi)-當(dāng)前鏈接-fx。
將前面準(zhǔn)備好的全屏JS代碼**到FX里保存即可。要注意的是開(kāi)頭必須要加。javascript:
設(shè)置面板切換效果,如圖,當(dāng)點(diǎn)擊時(shí)面板切換為退出面板。
步驟三:退出交互制作
打開(kāi)Axure,進(jìn)入-退出面板,點(diǎn)擊添加鼠標(biāo)點(diǎn)擊事件,打開(kāi)-當(dāng)前鏈接-fx。
同樣的將前面準(zhǔn)備好的退出全屏JS代碼**到FX里保存即可。通樣要注意的是開(kāi)頭必須要加。javascript:
至此,保存文件F5預(yù)覽試試吧。教程相關(guān)文件下載:Axure頁(yè)面全屏效果 – 產(chǎn)品大牛網(wǎng)
拓展知識(shí):
瀏覽器全屏快捷鍵
IE瀏覽器實(shí)現(xiàn)全屏的快捷鍵是F11,也可以使用“文件”——>"全屏"功能來(lái)實(shí)現(xiàn)全屏。
工具原料:IE瀏覽器
方法一:
1、以此打開(kāi)IE瀏覽器的”文件“——>"全屏"選項(xiàng),如下圖:
2、實(shí)現(xiàn)的效果如下圖:
方法二
直接在需要全屏瀏覽的頁(yè)面按F11快捷鍵進(jìn)入全屏模式瀏覽網(wǎng)頁(yè)。
瀏覽器全屏快捷鍵
alt加enter
瀏覽器全屏快捷鍵
F11,你現(xiàn)在就試試吧……
本回答被提問(wèn)者采納
瀏覽器全屏快捷鍵
f11
原創(chuàng)文章,作者:九賢互聯(lián)網(wǎng)實(shí)用分享網(wǎng)小編,如若轉(zhuǎn)載,請(qǐng)注明出處:http://www.uuuxu.com/20220924474126.html