index.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. <!DOCTYPE html>
  2. <html lang="">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width,initial-scale=1.0">
  7. <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  8. <!-- 压缩版 -->
  9. <script src="https://cdn.ronghub.com/RongEmoji-2.2.7.min.js"></script>
  10. <link rel="stylesheet" type="text/css" href="./font/font.css" />
  11. <title>巧鱼</title>
  12. <script>
  13. var inputContent = {
  14. open:false,
  15. el:'',
  16. time:'',
  17. before_type:'',
  18. };
  19. (function (win,doc) {
  20. win.screen_conf = {
  21. width:0, // 页面可见宽度
  22. height:0, // 页面可见高度
  23. fontSize:0, // 页面单位大小
  24. proportion:0, // 比例
  25. multiple:100, // 倍数
  26. ref:1920, // 参照,
  27. startHeight: window.innerHeight,
  28. maxWidth:1800,
  29. minWidth: 1600
  30. };
  31. doc.onblur = function(){
  32. window.scroll(0,0);
  33. doc.scrollIntoView && doc.scrollIntoView();
  34. };
  35. // 定义 宽度和高度变量
  36. win.handle_size = function () {
  37. // 设置被修改的数据问题
  38. screen_conf.width = win.innerWidth;
  39. screen_conf.height = win.innerHeight;
  40. if(window.orientation==0){
  41. doc.documentElement.style.width = screen_conf.width + 'px';
  42. doc.documentElement.style.minHeight = screen_conf.height + 'px';
  43. }
  44. screen_conf.width = screen_conf.width >= win.screen_conf.maxWidth?win.screen_conf.maxWidth:screen_conf.width;
  45. screen_conf.width = screen_conf.width <= win.screen_conf.minWidth?win.screen_conf.minWidth:screen_conf.width;
  46. screen_conf.proportion = screen_conf.width / screen_conf.ref;
  47. screen_conf.fontSize = screen_conf.proportion * screen_conf.multiple;
  48. doc.documentElement.style.fontSize = screen_conf.fontSize+'px';
  49. for (var i=0,count = observer_size.length;i<count;i++) {
  50. typeof observer_size[i] === 'function'&&observer_size[i](screen_conf);
  51. }
  52. };
  53. // 定义观察者函数
  54. win.observer_size = [];
  55. win.handle_size(0,20);
  56. window.addEventListener('resize',win.handle_size);
  57. })(window,document);
  58. window.console = (function () {
  59. var c = {
  60. log: window.console.log,
  61. error:window.console.error
  62. };
  63. c.warn = c.debug = c.info = c.time = c.dir = c.profile = c.clear = c.exception = c.trace = c.assert = function () { };
  64. return c;
  65. })();
  66. </script>
  67. </head>
  68. <body ondragstart="window.event.returnValue=false;return false;" oncontextmenu="window.event.returnValue=false;return false;" onselectstart="event.returnValue=false;return false;">
  69. <noscript>
  70. <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
  71. </noscript>
  72. <div id="app"></div>
  73. <!-- built files will be auto injected -->
  74. </body>
  75. <script src="./js/WebAudioRecorder.min.js"></script>
  76. </html>