浏览器全屏快捷键(mac浏览器全屏快捷键)

前沿拓展：

浏览器全屏快捷键

1.浏览器一般右上角都有个双重小框框即是还原按

钮，图标是两个小口。你点下就不是全屏啦，或者你

在浏览器的边框部分按住鼠标左键往下拉就可以控制

浏览器窗口大小拉！！

2.F11 快捷键，有些用Esc 也可以推出全屏！

方法一:先把所有的IE 窗口关了;只打开一个IE 窗口;

最大化这个窗口;关了它;OK，以后的默认都是最大化的了方法二:先关闭所有的IE 浏览器窗口，用鼠标右键点

击快速启动栏的IE 浏览器图标，在出现的快捷菜单中

点击“属性”，系统随即弹出“启动InternetExplorer 浏览

器属性”对话页面，点击“快捷方式”标签，在出现的页

面的“运行方式(R)”中单击右侧的下拉条，选择“最大

化”，再按“确定”退出。打开IE 浏览器窗口，点击里

面的链接，接着关闭先前打开的IE 浏览器窗口，只留

下这个链接页面，拉动边框将其窗口拉到整个屏幕，

然后关闭该页面。从此，您打开IE 浏览器窗口，就直

接能看到最大化的页面了。

在我们设计使用大屏模板或大屏报表时，都会需要浏览器全屏展示预览的需求，通常我们都需要通过键盘F11来切换浏览器全屏效果。但是，也发现了一个问题就是我们面对的很多客户，他们并不懂F11可以全屏，给产品设计沟通带来了不便。那有没有什么方式可以直接通过鼠标点击按钮来切换全屏。**是肯定有的，今天符号作者教大家如何利用前端的JS代码来实现浏览器全屏效果。

注意：

在看教程之前，请行了解一下，什么时javascirpt，JavaScript入门教程自行百度。当然，今天的案例RP也会免费提供给大家下载学习，也欢迎应用到更多的产品实践中去

JavaScript介绍：

JavaScript是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

先预览一下效果：

浏览器全屏快捷键(mac浏览器全屏快捷键)

在线演示地址：Untitled Document

JS代码准备：

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代码：

最早有发过一篇《Axure生成预览地址如何能查看到被浏览次数 | 人人都是产品经理》，有教过大家，Axure怎么添加JS外部代码，不懂的可以在回去看看。

步骤一：

打开Axure，拉取一个动态面板，创建2个State面板。一个面板里放一个矩形，命名为：全屏。另一个命名为：退出。如图：

浏览器全屏快捷键(mac浏览器全屏快捷键)

步骤二：全屏交互制作

打开Axure，进入-全屏面板，点击添加鼠标点击事件，打开-当前链接-fx。

浏览器全屏快捷键(mac浏览器全屏快捷键)

将前面准备好的全屏JS代码**到FX里保存即可。要注意的是开头必须要加。javascript:

浏览器全屏快捷键(mac浏览器全屏快捷键)

设置面板切换效果，如图，当点击时面板切换为退出面板。

浏览器全屏快捷键(mac浏览器全屏快捷键)

步骤三：退出交互制作

打开Axure，进入-退出面板，点击添加鼠标点击事件，打开-当前链接-fx。

浏览器全屏快捷键(mac浏览器全屏快捷键)

同样的将前面准备好的退出全屏JS代码**到FX里保存即可。通样要注意的是开头必须要加。javascript:

浏览器全屏快捷键(mac浏览器全屏快捷键)

至此，保存文件F5预览试试吧。教程相关文件下载：Axure页面全屏效果 – 产品大牛网

拓展知识：

浏览器全屏快捷键

IE浏览器实现全屏的快捷键是F11，也可以使用“文件”——>"全屏"功能来实现全屏。

工具原料：IE浏览器

方法一：

1、以此打开IE浏览器的”文件“——>"全屏"选项，如下图：

2、实现的效果如下图：

方法二

直接在需要全屏浏览的页面按F11快捷键进入全屏模式浏览网页。

浏览器全屏快捷键

alt加enter

浏览器全屏快捷键

F11，你现在就试试吧……

本回答被提问者采纳

浏览器全屏快捷键

f11

原创文章，作者：九贤互联网实用分享网小编，如若转载，请注明出处：http://www.kaicen.cn/20220924474126.html

浏览器全屏快捷键(mac浏览器全屏快捷键)

前沿拓展：

浏览器全屏快捷键

拓展知识：

浏览器全屏快捷键

浏览器全屏快捷键

浏览器全屏快捷键

浏览器全屏快捷键

相关推荐