env.ts 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. declare const wx: {
  2. getSystemInfoSync: Function
  3. };
  4. class Browser {
  5. firefox = false
  6. ie = false
  7. edge = false
  8. newEdge = false
  9. weChat = false
  10. version: string | number
  11. }
  12. class Env {
  13. browser = new Browser()
  14. node = false
  15. wxa = false
  16. worker = false
  17. svgSupported = false
  18. touchEventsSupported = false
  19. pointerEventsSupported = false
  20. domSupported = false
  21. transformSupported = false
  22. transform3dSupported = false
  23. hasGlobalWindow = typeof window !== 'undefined'
  24. }
  25. const env = new Env();
  26. if (typeof wx === 'object' && typeof wx.getSystemInfoSync === 'function') {
  27. env.wxa = true;
  28. env.touchEventsSupported = true;
  29. }
  30. else if (typeof document === 'undefined' && typeof self !== 'undefined') {
  31. // In worker
  32. env.worker = true;
  33. }
  34. else if (
  35. typeof navigator === 'undefined'
  36. || navigator.userAgent.indexOf('Node.js') === 0
  37. ) {
  38. // In node
  39. env.node = true;
  40. env.svgSupported = true;
  41. }
  42. else {
  43. detect(navigator.userAgent, env);
  44. }
  45. // Zepto.js
  46. // (c) 2010-2013 Thomas Fuchs
  47. // Zepto.js may be freely distributed under the MIT license.
  48. function detect(ua: string, env: Env) {
  49. const browser = env.browser;
  50. const firefox = ua.match(/Firefox\/([\d.]+)/);
  51. const ie = ua.match(/MSIE\s([\d.]+)/)
  52. // IE 11 Trident/7.0; rv:11.0
  53. || ua.match(/Trident\/.+?rv:(([\d.]+))/);
  54. const edge = ua.match(/Edge?\/([\d.]+)/); // IE 12 and 12+
  55. const weChat = (/micromessenger/i).test(ua);
  56. if (firefox) {
  57. browser.firefox = true;
  58. browser.version = firefox[1];
  59. }
  60. if (ie) {
  61. browser.ie = true;
  62. browser.version = ie[1];
  63. }
  64. if (edge) {
  65. browser.edge = true;
  66. browser.version = edge[1];
  67. browser.newEdge = +edge[1].split('.')[0] > 18;
  68. }
  69. // It is difficult to detect WeChat in Win Phone precisely, because ua can
  70. // not be set on win phone. So we do not consider Win Phone.
  71. if (weChat) {
  72. browser.weChat = true;
  73. }
  74. env.svgSupported = typeof SVGRect !== 'undefined';
  75. env.touchEventsSupported = 'ontouchstart' in window && !browser.ie && !browser.edge;
  76. env.pointerEventsSupported = 'onpointerdown' in window
  77. && (browser.edge || (browser.ie && +browser.version >= 11));
  78. env.domSupported = typeof document !== 'undefined';
  79. const style = document.documentElement.style;
  80. env.transform3dSupported = (
  81. // IE9 only supports transform 2D
  82. // transform 3D supported since IE10
  83. // we detect it by whether 'transition' is in style
  84. (browser.ie && 'transition' in style)
  85. // edge
  86. || browser.edge
  87. // webkit
  88. || (('WebKitCSSMatrix' in window) && ('m11' in new WebKitCSSMatrix()))
  89. // gecko-based browsers
  90. || 'MozPerspective' in style
  91. ) // Opera supports CSS transforms after version 12
  92. && !('OTransition' in style);
  93. // except IE 6-8 and very old firefox 2-3 & opera 10.1
  94. // other browsers all support `transform`
  95. env.transformSupported = env.transform3dSupported
  96. // transform 2D is supported in IE9
  97. || (browser.ie && +browser.version >= 9);
  98. }
  99. export default env;