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