浏览器判断--全屏、移动端、IE

指间行走

已于 2023-11-16 10:44:18 修改

阅读量385

点赞数

分类专栏： javascript 文章标签：前端 javascript html

于 2023-11-16 09:49:36 首次发布

本文链接：https://blog.csdn.net/ant_dreams/article/details/134434745

版权

javascript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

1、判断浏览器是否全屏

function fullscreenEnable(){
  return (
    document.isFullScreen ||
    document.mozIsFullScreen ||
    document.webkitIsFullScreen
  )
}

2、浏览器设置全屏

function reqFullScreen(){
  if (document.documentElement.requestFullScreen) {
    document.documentElement.requestFullScreen()
  } else if (document.documentElement.webkitRequestFullScreen) {
    document.documentElement.webkitRequestFullScreen()
  } else if (document.documentElement.mozRequestFullScreen) {
    document.documentElement.mozRequestFullScreen()
  }
}

3、浏览器退出全屏

function exitFullScreen(){
  if (document.documentElement.requestFullScreen) {
    document.exitFullScreen()
  } else if (document.documentElement.webkitRequestFullScreen) {
    document.webkitCancelFullScreen()
  } else if (document.documentElement.mozRequestFullScreen) {
    document.mozCancelFullScreen()
  }
}

4、判断是否IE浏览器

function isIE() {
  const bw = window.navigator.userAgent;
  const compare = (s) => bw.indexOf(s) >= 0;
  const ie11 = (() => "ActiveXObject" in window)();
  return compare("MSIE") || ie11;
}

5、判断是否手机端

function isIPhoneMobile(){
  var u = navigator.userAgent
  return !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
}

6、判断是否移动端

function isMobile(){
  let mobile = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
  return mobile!= null
}