栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

【vue3】:全屏解决方案

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

【vue3】:全屏解决方案

# 全屏解决方案

在原生 API 中有两个方法可以实现页面的全屏操作

  • Document.exitFullscreen():该方法用于请求从全屏模式切换到窗口模式
  • Element.requestFullscreen():该方法用于请求浏览器将特定元素(甚至延申到它的后代元素)设置为全屏模式

具体实现:
https://developer.mozilla.org/zh-CN/docs/Web/API/Fullscreen_API

在这里并不使用的是原生 API 而是使用 screenfull

npm i screenfull@5.1.0