env.js 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. var Browser = (function () {
  2. function Browser() {
  3. this.firefox = false;
  4. this.ie = false;
  5. this.edge = false;
  6. this.newEdge = false;
  7. this.weChat = false;
  8. }
  9. return Browser;
  10. }());
  11. var Env = (function () {
  12. function Env() {
  13. this.browser = new Browser();
  14. this.node = false;
  15. this.wxa = false;
  16. this.worker = false;
  17. this.canvasSupported = false;
  18. this.svgSupported = false;
  19. this.touchEventsSupported = false;
  20. this.pointerEventsSupported = false;
  21. this.domSupported = false;
  22. this.transformSupported = false;
  23. this.transform3dSupported = false;
  24. }
  25. return Env;
  26. }());
  27. var env = new Env();
  28. if (typeof wx === 'object' && typeof wx.getSystemInfoSync === 'function') {
  29. env.wxa = true;
  30. env.canvasSupported = true;
  31. env.touchEventsSupported = true;
  32. }
  33. else if (typeof document === 'undefined' && typeof self !== 'undefined') {
  34. env.worker = true;
  35. env.canvasSupported = true;
  36. }
  37. else if (typeof navigator === 'undefined') {
  38. env.node = true;
  39. env.canvasSupported = true;
  40. env.svgSupported = true;
  41. }
  42. else {
  43. detect(navigator.userAgent, env);
  44. }
  45. function detect(ua, env) {
  46. var browser = env.browser;
  47. var firefox = ua.match(/Firefox\/([\d.]+)/);
  48. var ie = ua.match(/MSIE\s([\d.]+)/)
  49. || ua.match(/Trident\/.+?rv:(([\d.]+))/);
  50. var edge = ua.match(/Edge?\/([\d.]+)/);
  51. var weChat = (/micromessenger/i).test(ua);
  52. if (firefox) {
  53. browser.firefox = true;
  54. browser.version = firefox[1];
  55. }
  56. if (ie) {
  57. browser.ie = true;
  58. browser.version = ie[1];
  59. }
  60. if (edge) {
  61. browser.edge = true;
  62. browser.version = edge[1];
  63. browser.newEdge = +edge[1].split('.')[0] > 18;
  64. }
  65. if (weChat) {
  66. browser.weChat = true;
  67. }
  68. env.canvasSupported = !!document.createElement('canvas').getContext;
  69. env.svgSupported = typeof SVGRect !== 'undefined';
  70. env.touchEventsSupported = 'ontouchstart' in window && !browser.ie && !browser.edge;
  71. env.pointerEventsSupported = 'onpointerdown' in window
  72. && (browser.edge || (browser.ie && +browser.version >= 11));
  73. env.domSupported = typeof document !== 'undefined';
  74. var style = document.documentElement.style;
  75. env.transform3dSupported = ((browser.ie && 'transition' in style)
  76. || browser.edge
  77. || (('WebKitCSSMatrix' in window) && ('m11' in new WebKitCSSMatrix()))
  78. || 'MozPerspective' in style)
  79. && !('OTransition' in style);
  80. env.transformSupported = env.transform3dSupported
  81. || (browser.ie && +browser.version >= 9);
  82. }
  83. export default env;