- 综合排序
- 最热优先
- 最新优先
- 来自专栏前端自习课
【JS】1705- 重学 JavaScript API - Fullscreen API
什么是 Fullscreen API 1.1 概念介绍 Fullscreen API 是一组用于控制网页全屏显示的 JavaScript 方法和属性。 如何使用 Fullscreen API Fullscreen API 提供了一组方法和属性，用于实现全屏显示和控制。 除此之外，Fullscreen API 还可以应用于各种需要全屏显示的场景中。 接下来使用 Fullscreen API 实现图片全屏展示的示例： <! 拓展阅读 Fullscreen API[5]: Mozilla Developer Network 对 Fullscreen API 的详细文档。 HTML Fullscreen API Specification[7]: Fullscreen API 的规范文档，提供了更深入的技术细节。
1.2K40编辑于 2023-09-01 - 来自专栏各类技术文章~
:fullscreen在大屏下的样式设置
:fullscreen :fullscreen 是一个CSS伪类，当网页位于全屏的情况下，可以设置元素的全屏样式。 用法1- 全局 #h1Full:fullscreen { color: #faa; } :fullscreen #h1Full1{ color: #faa; } <h1 id="h1Full 直接看下例子： #h1Full:<em>fullscreen</em> { background-color: aliceblue; color: #faa; } :<em>fullscreen</em> #h1Full1{ 同时#h1Full:<em>fullscreen</em> 这种写法生效，并且元素占据了整个屏幕。 总结 对于大屏在不同的设备下需要不同的显示方式，使用:<em>fullscreen</em>是比较好的实现方案。 tips 使用快捷键设置全屏，:<em>fullscreen</em> 是无法生效的。
1.9K00发布于 2021-11-03 - 来自专栏世界第一语言是java
android8.0采坑 Only fullscreen opaque activities can request orientation
android8.0采坑 Only fullscreen opaque activities can request orientation 也就是说只有全屏不透明的activity才可以设置方向，既然知道问题所在就好办了
2.7K10发布于 2018-08-02 - 来自专栏码农笔录
android8.0采坑 Only fullscreen opaque activities can request orientation
android8.0采坑 Only fullscreen opaque activities can request orientation 也就是说只有全屏不透明的activity才可以设置方向，
1.2K10发布于 2021-10-29 - 来自专栏Cell的前端专栏
封装 Vue FullScreenToggler 组件
基于 vue-fullscreen 封装一个的 Vue 全屏/退出全屏切换组件。 简介 vue-fullscreen 是一个用于将任意页面元素进行全屏切换的 Vue 插件，基于 screenfull。 这个插件本身提供了组件、指令以及 API 三种使用方式，具体的使用方法请参考 vue-fullscreen。 在线演示 ## 安装 npm install vue-fullscreen@^2.6.1 # 或者 yarn add vue-fullscreen@^2.6.1 封装组件 vue-fullscreen -- 全屏/退出全屏切换组件，浏览器不支持时，打开网页内全屏 --> <script> import { directive as fullscreen } from 'vue-fullscreen' 'exit-fullscreen' : 'fullscreen', } }), ]) }, } </script> <style lang="scss" scoped
88060编辑于 2023-09-18 - 来自专栏10km的专栏
java SWT:用SWTKeySupport方便进行组合键判断(如Ctrl+F11)
来实现全屏和正常屏幕显示的切换，直接使用stateMask字段判断的代码可以写成这样： /** * 屏幕为全屏状态时为true */ private boolean fullScreen { if((e.stateMask & SWT.MODIFIER_MASK)==SWT.CTRL&&e.keyCode==SWT.F11){ fullScreen fullScreen; shell.setFullScreen(fullScreen); shell.setMaximized(fullScreen if(SWTKeySupport.convertEventToUnmodifiedAccelerator(e)==(SWT.CTRL|SWT.F11)){ fullScreen fullScreen; shell.setFullScreen(fullScreen); shell.setMaximized(fullScreen
97910发布于 2019-05-25 - 来自专栏npm包插件
纯原生编写的h5视频播放器
this.isFullScreen) { utils.addClass(this.el, 'fullscreen-active') utils.addClass(this.playVideo, 'fullscreen-active ') utils.showClass('snail-player-full-screen-icon') utils.hiddenClass('snail-player-fullscreen-btn' ) utils.changeInnerText('fullscreen-icon', '退出全屏') utils.addClass(this.playBottom, 'sn-player-fullscreen-bottom-active ') utils.removeClass(this.el, 'fullscreen-active') utils.removeClass(this.playVideo, 'fullscreen-active ) utils.changeInnerText('fullscreen-icon', '进入全屏') utils.removeClass(this.playBottom, 'sn-player-fullscreen-bottom-active
1.7K71编辑于 2022-05-30 - 来自专栏ionic3+
【技巧】ionic3视频播放
></vg-fullscreen> </vg-controls> <video #myMedia [vgMedia]="myMedia" id="{{item.id}}" 在这里，我简单示范一下用两步重写全屏事件，屏蔽原来全屏的操作： 第一步是html 上的添加#fullscreen: <vg-fullscreen #fullscreen></vg-fullscreen > 第二步是在ts中添加以下关键代码： import { VgFullscreen } from 'videogular2/src/controls/vg-fullscreen/vg-fullscreen '; @ViewChild('fullscreen') fullscreen: VgFullscreen; ionViewDidLoad() { this.fullscreen.onClick = ()=>{ //重写全屏事件，下面换成自定义全屏操作 console.log('fullscreen'); }; } 原理很简单，就是找到全屏的组件，然后修改它的点击方法
2.5K30发布于 2018-08-20 - 来自专栏林德熙的博客
X11 设置多屏下窗口在哪个屏幕上全屏
设置窗口应该在哪个屏幕上进行全屏显示 其使用方法如下： 在窗口 XMapWindow 之后调用 配合 _NET_WM_STATE_FULLSCREEN 使用 通过 ClientMessage 发送 _ NET_WM_FULLSCREEN_MONITORS 给到 RootWindow 设置全屏所在屏幕，其中参数信息如下 要求传入 4 个参数，分别是上下、左右四个边角所在的屏幕的索引号。 var wmState = XInternAtom(Display, "_NET_WM_FULLSCREEN_MONITORS", true); Console.WriteLine($" 给到 RootWindow 是没有效果的，需要配合 _NET_WM_STATE_FULLSCREEN 使用。 进行设置 如本文一开始所述，单独设置 _NET_WM_FULLSCREEN_MONITORS 是没有效果的，需要配合 _NET_WM_STATE_FULLSCREEN 使用 给 TestX11Window
49510编辑于 2025-08-08 - 来自专栏Cell的前端专栏
JS 实现全屏和退出全屏
通过 JavaScript 的 Fullscreen API，我们可以以编程方式控制元素的全屏状态。 Fullscreen API 是一组用于控制全屏显示的方法和属性，它们允许我们将网页内容以全屏的方式展示给用户，并提供了相应的事件来监听全屏模式的变化。 注意：Fullscreen API 在不同浏览器之间可能存在差异，请在使用时进行兼容性测试和处理。 全屏是否可用 在使用 Fullscreen API 之前，我们需要先判断当前浏览器是否支持全屏功能。 监听全屏模式变化 如果我们希望在全屏模式发生变化时得到通知，可以使用 Fullscreen API 提供的事件。 screenfull vue-fullscreen 小插曲 document.fullscreen、document.fullscreenElement、document.fullscreenEnabled
8.1K21编辑于 2023-09-16 - 来自专栏Hongten
pygame系列_游戏窗口显示策略
的官方文档中有对显示策略的更权威的说明： http://www.pygame.org/docs/ref/display.html#pygame.display.set_mode ''' pygame.FULLSCREEN create a fullscreen display pygame.DOUBLEBUF recommended for HWSURFACE or OPENGL pygame.HWSURFACE hardware accelerated, only in FULLSCREEN pygame.OPENGL create an opengl renderable display create a fullscreen display 10 pygame.DOUBLEBUF recommended for HWSURFACE or OPENGL 11 pygame.HWSURFACE hardware accelerated, only in FULLSCREEN 12 pygame.OPENGL create an opengl
1.6K20发布于 2018-09-13 - 来自专栏wOw的Android小站
[Android] 关于系统工具栏和全屏沉浸模式
android:theme="@android:style/Theme.Holo.NoActionBar.Fullscreen" > ... 实现这个效果只用设置 SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN ，同时用 SYSTEM_UI_FLAG_LAYOUT_STABLE 来保证尺寸不变即可 When you use 经常配合着 SYSTEM_UI_FLAG_HIDE_NAVIGATION 和 SYSTEM_UI_FLAG_FULLSCREEN 使用。 (补充：FLAG_IMMERSIVE 要和 FLAG_HIDE_NAVIGATION and FLAG_FULLSCREEN 两者其一一起使用才有效，与前者用为隐藏下方的 bar，与后者用为隐藏上方的 还有一点，设置 FULLSCREEN 会让 status bar 显示的时候背景为半透明，正常状态下 status bar 的背景是黑色的。见下图： ? 图1：正常状态。
1.8K20发布于 2018-09-18 - 来自专栏代码小睿
一个支持chrome、firefox的全屏插件
= 'undefined') { fullScreenApi.supportsFullScreen = true; } else { // check for fullscreen ) { switch (this.prefix) { case '': return document.fullScreen document.webkitIsFullScreen; default: return document[this.prefix + 'FullScreen : auto;" src="http://pic002.cnblogs.com/images/2012/277258/2012041400022949.gif" alt="" /> 基于fullscreen 功能，我们就可以做出很多效果，比如相册： http://eikes.github.com/jquery.fullscreen.js/ 又比如视频中的全屏功能： http://mediaelementjs.com
1.1K30编辑于 2022-03-23 - 来自专栏Android&Java技术
Android设置Activity全屏的两种方式
this.requestWindowFeature(Window.FEATURE_NO_TITLE); this.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN , WindowManager.LayoutParams.FLAG_FULLSCREEN); setContentView(R.layout.loading); 注意书写位置要放在 android:name=".MainActivity" android:theme=" @android :style/Theme.NoTitleBar.Fullscreen android:label="@string/app_name" android:theme=" @android :style/Theme.NoTitleBar.Fullscreen
10.2K20发布于 2020-02-27 - 来自专栏james大数据架构
AndroidManifest.xml配置文件 android.theme大全权限设置Android Permission中英对照
theme="@android:style/Theme.NoTitleBar" 不显示应用程序标题栏 •android:theme="@android:style/Theme.NoTitleBar.Fullscreen " 背景为白色 •android:theme="Theme.Light.NoTitleBar" 白色背景并无标题栏 •android:theme="Theme.Light.NoTitleBar.Fullscreen Theme.Black" 背景黑色 •android:theme="Theme.Black.NoTitleBar" 黑色背景并无标题栏 •android:theme="Theme.Black.NoTitleBar.Fullscreen android:theme="Theme.Wallpaper.NoTitleBar" 用系统桌面为应用程序背景，且无标题栏 •android:theme="Theme.Wallpaper.NoTitleBar.Fullscreen Translucent" •android:theme="Theme.Translucent.NoTitleBar" •android:theme="Theme.Translucent.NoTitleBar.Fullscreen
96350发布于 2018-01-22 - 来自专栏项勇
笔记54 | 管理系统UI（二）
当这个标签与 SYSTEM_UI_FLAG_HIDE_NAVIGATION和 SYSTEM_UI_FLAG_FULLSCREEN一起使用的时候，导航栏和状态栏就会隐藏，让你的应用可以接受屏幕上任何地方的触摸事件 这个操作清空了 SYSTEM_UI_FLAG_HIDE_NAVIGATION(和 SYSTEM_UI_FLAG_FULLSCREEN，如果有的话)两个标签，因此系统栏重新变得可见。 用户滑动后， SYSTEM_UI_FLAG_HIDE_NAVIGATION和 SYSTEM_UI_FLAG_FULLSCREEN就会被清除，系统栏就会重新显示并保持可见。 这个时候就要将 IMMERSIVE_STICKY和 SYSTEM_UI_FLAG_FULLSCREEN``SYSTEM_UI_FLAG_HIDE_NAVIGATION两个标签一起使用。 对于这种应用，简单的使用 SYSTEM_UI_FLAG_FULLSCREEN与 SYSTEM_UI_FLAG_HIDE_NAVIGATION就足够了，不需要使用 immersive标签。
1.5K40发布于 2018-06-19 - </template> data： data() { return { fullscreen false }; }, methods： screen() { let element = document.documentElement; if (this.fullscreen element.msRequestFullscreen) { // IE11 element.msRequestFullscreen(); } } this.fullscreen this.fullscreen; }, 方式二：使用的是sreenfull插件，执行命令安装 npm install --save screenfull 在使用的页面正确引入： import screenfull type="primary" @click="screen">全屏</a-button>来自专栏技术社区
在vue中如何实现点击变成全屏及缩放
type="primary" @click="screen">全屏</a-button>
</template> data: data() { return { fullscreen2.1K30编辑于 2022-06-16 - 来自专栏全栈程序员必看
android 浏览器全屏显示[通俗易懂]
isSearchDialogOpen){ getWindow().addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN); getWindow ().clearFlags(WindowManager.LayoutParams.FLAG_FORCE_NOT_FULLSCREEN); }else{ getWindow().addFlags( WindowManager.LayoutParams.FLAG_FORCE_NOT_FULLSCREEN); getWindow().clearFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN status bar when search window pops up. getWindow().addFlags(WindowManager.LayoutParams.FLAG_FORCE_NOT_FULLSCREEN ); getWindow().clearFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN); super.startSearch(initialQuery
3.1K10编辑于 2022-08-27 - 来自专栏封碎
Android全屏的两种方法 博客分类： Android小技巧 AndroidXML
requestWindowFeature(Window.FEATURE_NO_TITLE); getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN , WindowManager.LayoutParams.FLAG_FULLSCREEN); 需要在setContentView方法调用之前设置。 第二种方法，定义一个主题，在styles.xml里面 <resources> <style name="Theme.NoTitle_<em>FullScreen</em>"> <item name="android </style> </resources> 然后在manifest.xml中，为想要全屏的activity加上android:theme="@style/Theme.NoTitle_FullScreen
69610发布于 2018-10-31 - 来自专栏张志敏的技术专栏
Android 沉浸式全屏
4.4 中提供了 IMMERSIVE 和 IMMERSIVE_STICKY 标记， 可以用这两个标记与 SYSTEM_UI_FLAG_HIDE_NAVIGATION 和 SYSTEM_UI_FLAG_FULLSCREEN 普通全屏模式 (Fullscreen) 普通全屏模式通过设置下面的标记位实现： var uiOpts = SystemUiFlags.LayoutStable | SystemUiFlags.LayoutHideNavigation | SystemUiFlags.LayoutFullscreen | SystemUiFlags.Fullscreen | SystemUiFlags.HideNavigation SystemUiFlags.LayoutHideNavigation | SystemUiFlags.LayoutFullscreen | SystemUiFlags.Fullscreen SystemUiFlags.LayoutHideNavigation | SystemUiFlags.LayoutFullscreen | SystemUiFlags.Fullscreen
2K20发布于 2020-08-10
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号