browser.js 8.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
  1. var browser = {
  2. mobileVersion(e, t) {
  3. var i = window.navigator.userAgent,
  4. n = i.match(e)
  5. return (
  6. (n = n ? n[1].split(t) : []),
  7. {
  8. major: parseInt(n[0]) || 0,
  9. minor: parseInt(n[1]) || 0,
  10. patch: parseInt(n[2]) || 0,
  11. }
  12. )
  13. },
  14. getURLParam: function (key) {
  15. let querys = window.location.search.substring(1).split('&')
  16. for (let i = 0; i < querys.length; i++) {
  17. let keypair = querys[i].split('=')
  18. if (keypair.length === 2 && keypair[0] === key) {
  19. try {
  20. return decodeURIComponent(keypair[1])
  21. } catch (error) {
  22. return keypair[1]
  23. }
  24. }
  25. }
  26. return ''
  27. },
  28. isFullscreen() {
  29. return document.fullscreenElement || document.mozFullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement
  30. },
  31. supportsFullscreen() {
  32. return document.fullscreenEnabled || document.mozFullscreenEnabled || document.mozFullScreenEnabled || document.webkitFullscreenEnabled || document.msFullscreenEnabled
  33. },
  34. isPointerLocked() {
  35. return document.pointerLockElement || document.mozPointerLockElement || document.webkitPointerLockElement
  36. },
  37. requestFullscreen(dom, t) {
  38. dom.requestFullscreen
  39. ? dom.requestFullscreen()
  40. : dom.mozRequestFullScreen
  41. ? dom.mozRequestFullScreen()
  42. : dom.webkitRequestFullscreen
  43. ? dom.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT)
  44. : dom.msRequestFullscreen && dom.msRequestFullscreen(),
  45. t && $(document).on('fullscreenchange webkitfullscreenchange mozfullscreenchange MSFullscreenChange', browser.requestPointerLock)
  46. },
  47. requestPointerLock() {
  48. var e
  49. if (document.fullscreenElement) e = document.fullscreenElement()
  50. else if (document.mozFullscreenElement) e = document.mozFullscreenElement()
  51. else if (document.mozFullScreenElement) e = document.mozFullScreenElement()
  52. else {
  53. if (!document.webkitFullscreenElement) return
  54. e = document.webkitFullscreenElement()
  55. }
  56. ;(e.requestPointerLock = e.requestPointerLock || e.mozRequestPointerLock || e.webkitRequestPointerLock),
  57. e.requestPointerLock(),
  58. $(document).off('fullscreenchange webkitfullscreenchange mozfullscreenchange MSFullscreenChange', this)
  59. },
  60. exitPointerLock() {
  61. ;(document.exitPointerLock = document.exitPointerLock || document.mozExitPointerLock || document.webkitExitPointerLock), document.exitPointerLock()
  62. },
  63. exitFullscreen() {
  64. document.exitFullscreen
  65. ? document.exitFullscreen()
  66. : document.msExitFullscreen
  67. ? document.msExitFullscreen()
  68. : document.mozCancelFullScreen
  69. ? document.mozCancelFullScreen()
  70. : document.webkitExitFullscreen && document.webkitExitFullscreen()
  71. },
  72. is(e) {
  73. return this.details() && this.details().name === e
  74. },
  75. inIframe() {
  76. return window.parent !== window
  77. },
  78. aspectRatio() {
  79. var e = window.innerWidth / window.innerHeight
  80. return isFinite(e) ? e : 0
  81. },
  82. userAgent() {
  83. return window.navigator.userAgent
  84. },
  85. isMobile() {
  86. var e = navigator.userAgent || navigator.vendor || window.opera
  87. return (
  88. /(android|bb\d+|meego).+mobile|android|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od|ad)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(
  89. e
  90. ) ||
  91. /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(
  92. e.substr(0, 4)
  93. )
  94. )
  95. },
  96. isLandscape() {
  97. return this.isMobile && this.aspectRatio() > 1
  98. },
  99. isSmallScreen() {
  100. var e = screen.width / window.devicePixelRatio
  101. return e < 240
  102. },
  103. detectWeixin: function () {
  104. //微信 包括PC的微信
  105. return window.navigator.userAgent.toLowerCase().match(/MicroMessenger/i) == 'micromessenger'
  106. },
  107. detectWeixinMiniProgram: function () {
  108. return window.navigator.userAgent.match('miniProgram')
  109. },
  110. detectIE() {
  111. var e = window.navigator.userAgent,
  112. t = e.indexOf('MSIE ')
  113. return t !== -1 || !!navigator.userAgent.match(/Trident.*rv\:11\./)
  114. },
  115. detectSafari() {
  116. var e = window.navigator.userAgent,
  117. t = e.indexOf('Safari')
  118. return t !== -1 && !this.detectChrome()
  119. },
  120. detectFirefox() {
  121. var e = window.navigator.userAgent
  122. return e.indexOf('Firefox') !== -1
  123. },
  124. detectChrome() {
  125. var e = window.navigator.userAgent
  126. return e.indexOf('Chrome') !== -1 && !this.detectOpera()
  127. },
  128. detectOpera() {
  129. var e = window.navigator.userAgent
  130. return e.indexOf('OPR') !== -1
  131. },
  132. detectIOS() {
  133. return this.detectIPhone() || this.detectIPad() || this.detectIPod()
  134. },
  135. detectIPad() {
  136. var e = window.navigator.userAgent,
  137. t = /iPad/
  138. return t.test(e)
  139. },
  140. detectIPod() {
  141. var e = window.navigator.userAgent,
  142. t = /iPod/
  143. return t.test(e)
  144. },
  145. detectIPhone() {
  146. var e = window.navigator.userAgent,
  147. t = /iPhone/
  148. return t.test(e)
  149. },
  150. detectAndroid() {
  151. var e = window.navigator.userAgent
  152. return e.indexOf('Android') !== -1
  153. },
  154. detectAndroidMobile() {
  155. var e = window.navigator.userAgent
  156. return this.detectAndroid() && e.indexOf('Mobile') !== -1
  157. },
  158. iosVersion() {
  159. if (!this.detectIOS()) throw new DeviceMismatchException('Did not detect an iDevice')
  160. var e = /((?:\d+\_?){1,3}) like Mac OS/,
  161. t = '_'
  162. return this.mobileVersion(e, t)
  163. },
  164. androidVersion() {
  165. if (!this.detectAndroid()) throw new DeviceMismatchException('Did not detect an Android based device')
  166. var e = /Android ((?:\d+\.?){1,3})/,
  167. t = '.'
  168. return this.mobileVersion(e, t)
  169. },
  170. valueFromHash(e, t) {
  171. var i = new RegExp('[#&?]' + e + '=([^#&?]*)'),
  172. n = i.exec(window.location.href)
  173. if (!n) return t
  174. var r = n[1]
  175. return 'boolean' == typeof t ? 'true' === r || '1' === r : 'number' == typeof t ? parseFloat(r) : window.decodeURIComponent(r)
  176. },
  177. valueFromUrl(key) {
  178. return this.urlHasValue(key, true)
  179. },
  180. urlHasValue: function (key, isGetValue) {
  181. let querys = window.location.search.substr(1).split('&')
  182. if (isGetValue) {
  183. for (let i = 0; i < querys.length; i++) {
  184. let keypair = querys[i].split('=')
  185. if (keypair.length === 2 && keypair[0] === key) {
  186. return keypair[1]
  187. }
  188. }
  189. return ''
  190. } else {
  191. for (let i = 0; i < querys.length; i++) {
  192. let keypair = querys[i].split('=')
  193. if (keypair[0] == key) {
  194. return true
  195. }
  196. }
  197. return false
  198. }
  199. },
  200. }
  201. export default browser