webfunny_monitor/event/views/resource/dataView.html at 5dd55282bbc36b562fb6bc3efccd06b3e3ecd5f3 · a597873885/webfunny_monitor · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport">
  <meta name="format-detection" content="telephone=no">
  <link rel="icon" type="image/png" href="/webfunny/logos/favicon.ico">
  <title>Webfunny一体化埋点系统</title>
  <meta name="theme-color" content="#5eace0">
  <meta name="application-name" content="Webfunny一体化埋点系统，致力于解决复杂繁琐的埋点流程，让任何人都能够轻松设计出有效的埋点，数据驱动业务，从现在开始。">
  <script language="javascript">
    // viewport 设置
    // 针对原来高清方案的基础, 增加了根据屏幕宽度计算不同font-size 来达到对不同屏幕的适配
    var win = window;
    win.flex = function (baseFontSize, fontscale) {
      var targetWidth = 375;
      var screenWidth = win.screen.width;
      var _baseFontSize = (baseFontSize || 100) * screenWidth / targetWidth;
      var _fontscale = fontscale || 1;

      var doc = win.document;
      var ua = navigator.userAgent;
      var matches = ua.match(/Android[\S\s]+AppleWebkit\/(\d{3})/i);
      var UCversion = ua.match(/U3\/((\d+|\.){5,})/i);
      var isUCHd = UCversion && parseInt(UCversion[1].split('.').join(''), 10) >= 80;
      var isIos = navigator.appVersion.match(/(iphone|ipad|ipod)/gi);
      var dpr = win.devicePixelRatio || 1;
      if (!isIos && !(matches && matches[1] > 534) && !isUCHd) {
        //在部分4.3及以下安卓机型中，screen.width是物理像素宽度，暂时没有找到准确判断的方法，所以不做针对375宽度的缩放
        _baseFontSize = baseFontSize || 100;
        // 如果非iOS, 非Android4.3以上, 非UC内核, 就不执行高清, dpr设为1;
        dpr = 1;
      }
      var scale = 1 / dpr;

      var metaEl = doc.querySelector('meta[name="viewport"]');
      if (!metaEl) {
        metaEl = doc.createElement('meta');
        metaEl.setAttribute('name', 'viewport');
        doc.head.appendChild(metaEl);
      }
      var uaString = ua.toLowerCase();
      if (uaString.match(/(iphone|ipad|ipod)/gi) || uaString.match(/(android)/gi)) {
        doc.documentElement.style.fontSize = '100px';
      } else {
        metaEl.setAttribute('content', 'width=device-width,user-scalable=no,initial-scale=' + scale + ',maximum-scale=' + scale + ',minimum-scale=' + scale);
        doc.documentElement.style.fontSize = _baseFontSize * dpr * _fontscale + 'px';
      }
    };

    flex(100, 1);
  </script>
<link href="././common.5384c030d4c21b626b14.css" rel="stylesheet"><link href="././dataView.5384c030d4c21b626b14.css" rel="stylesheet"></head>

<body>
  <div id="app">
  </div>
  <div id="progress_bar" class="ui-progress-bar ui-container">
    <div class="ui-progress">
      <div class="wen-li"></div>
    </div>
  </div>
<script type="text/javascript" src="./js/common.5384c030d4c21b626b14.min.js"></script><script type="text/javascript" src="./js/dataView.5384c030d4c21b626b14.min.js"></script></body>

</html>