index.html 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="browsermode" content="application">
  6. <meta name="full-screen" content="yes" />
  7. <meta name="x5-fullscreen" content="true" />
  8. <meta name="x5-page-mode" content="app" />
  9. <meta name="360-fullscreen" content="true" />
  10. <meta name="apple-mobile-web-app-capable" content="yes" />
  11. <!-- <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/> -->
  12. <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width,initial-scale=1.0" />
  13. <!-- <script src="//unpkg.com/vue-ydui/dist/ydui.flexible.js"></script> -->
  14. <title>客服系统</title>
  15. </head>
  16. <body>
  17. <div id="app"></div>
  18. <!-- built files will be auto injected -->
  19. </body>
  20. <script src="http://wechatfe.github.io/vconsole/lib/vconsole.min.js?v=3.2.0"></script>
  21. <script>
  22. //调试打印工具
  23. var vConsole = new VConsole();
  24. /**
  25. * YDUI 可伸缩布局方案
  26. * rem计算方式:设计图尺寸px / 100 = 实际rem 【例: 100px = 1rem,32px = .32rem】
  27. */
  28. !function (window) {
  29. /* 设计图文档宽度 */
  30. var docWidth = 750;
  31. var doc = window.document,
  32. docEl = doc.documentElement,
  33. resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
  34. var recalc = (function refreshRem () {
  35. var clientWidth = docEl.getBoundingClientRect().width;
  36. /* 8.55:小于320px不再缩小,11.2:大于420px不再放大 */
  37. docEl.style.fontSize = Math.max(Math.min(20 * (clientWidth / docWidth), 11.2), 8.55) * 5 + 'px';
  38. return refreshRem;
  39. })();
  40. /* 添加倍屏标识,安卓为1 */
  41. docEl.setAttribute('data-dpr', window.navigator.appVersion.match(/iphone/gi) ? window.devicePixelRatio : 1);
  42. if (/iP(hone|od|ad)/.test(window.navigator.userAgent)) {
  43. /* 添加IOS标识 */
  44. doc.documentElement.classList.add('ios');
  45. /* IOS8以上给html添加hairline样式,以便特殊处理 */
  46. if (parseInt(window.navigator.appVersion.match(/OS (\d+)_(\d+)_?(\d+)?/)[1], 10) >= 8)
  47. doc.documentElement.classList.add('hairline');
  48. }
  49. if (!doc.addEventListener) return;
  50. window.addEventListener(resizeEvt, recalc, false);
  51. doc.addEventListener('DOMContentLoaded', recalc, false);
  52. }(window);
  53. //阻止苹果浏览器缩放
  54. window.onload = function() {
  55. var lastTouchEnd = 0;
  56. document.addEventListener('touchstart', function(event) {
  57. if (event.touches.length > 1) {
  58. event.preventDefault();
  59. }
  60. });
  61. document.addEventListener('touchend', function(event) {
  62. var now = (new Date()).getTime();
  63. if (now - lastTouchEnd <= 300) {
  64. event.preventDefault();
  65. }
  66. lastTouchEnd = now;
  67. }, false);
  68. document.addEventListener('gesturestart', function(event) {
  69. event.preventDefault();
  70. });
  71. document.addEventListener('dblclick', function (event) {
  72. event.preventDefault();
  73. })
  74. }
  75. // //进入全屏
  76. // function requestFullScreen() {
  77. // var de = document.documentElement;
  78. // if (de.requestFullscreen) {
  79. // de.requestFullscreen();
  80. // } else if (de.mozRequestFullScreen) {
  81. // de.mozRequestFullScreen();
  82. // } else if (de.webkitRequestFullScreen) {
  83. // de.webkitRequestFullScreen();
  84. // }
  85. // }
  86. // //退出全屏
  87. // function exitFullscreen() {
  88. // var de = document;
  89. // if (de.exitFullscreen) {
  90. // de.exitFullscreen();
  91. // } else if (de.mozCancelFullScreen) {
  92. // de.mozCancelFullScreen();
  93. // } else if (de.webkitCancelFullScreen) {
  94. // de.webkitCancelFullScreen();
  95. // }
  96. // }
  97. // document.body.addEventListener('click', function () {
  98. // requestFullScreen();
  99. // //exitFullscreen();
  100. // }, false);
  101. //
  102. </script>
  103. </html>