weixin.php 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. <?php
  2. if (dstrpos($_SERVER['HTTP_USER_AGENT'], array('iphone', 'ipad', 'ipod', 'mac', 'ios', 'playbook'))) {
  3. $tip = 'Safari';
  4. } else {
  5. $tip = '浏览器';
  6. }
  7. $uri = $_SERVER['REQUEST_URI'];
  8. $protocol = ((!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] != 'off') || $_SERVER['SERVER_PORT'] == 443) ? "https://" : "http://";
  9. $url = $protocol . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];
  10. ?>
  11. <html>
  12. <head>
  13. <meta charset="UTF-8">
  14. <title>请使用<?php echo $tip; ?>打开</title>
  15. <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
  16. <meta content="yes" name="apple-mobile-web-app-capable">
  17. <meta content="black" name="apple-mobile-web-app-status-bar-style">
  18. <meta name="format-detection" content="telephone=no">
  19. <meta content="false" name="twcClient" id="twcClient">
  20. <script src="/static/index/js/jquery.min.js"></script>
  21. <script src="/static/index/js/clipboard.min.js"></script>
  22. <style>
  23. html, body {
  24. width: 100%;
  25. height: 100%;
  26. }
  27. * {
  28. margin: 0;
  29. padding: 0;
  30. }
  31. body {
  32. background-color: #fff;
  33. }
  34. .top-bar-guidance {
  35. font-size: 15px;
  36. color: #fff;
  37. height: 70%;
  38. line-height: 1.8;
  39. padding-left: 20px;
  40. padding-top: 20px;
  41. background: url(/static/index/image/tiptop.png) center top/contain no-repeat;
  42. }
  43. .top-bar-guidance .icon-safari {
  44. width: 25px;
  45. height: 25px;
  46. vertical-align: middle;
  47. margin: 0 0.2em;
  48. }
  49. .app-download-tip {
  50. margin: 0 auto;
  51. width: 290px;
  52. text-align: center;
  53. font-size: 15px;
  54. color: #2466f4;
  55. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAcAQMAAACak0ePAAAABlBMVEUAAAAdYfh+GakkAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjwA8acEkAAAy4AIE4hQq/AAAAAElFTkSuQmCC) left center / auto 15px repeat-x;
  56. }
  57. .app-download-tip .guidance-desc {
  58. background-color: #fff;
  59. padding: 0 5px;
  60. }
  61. .app-download-btn {
  62. display: block;
  63. width: 214px;
  64. height: 40px;
  65. line-height: 40px;
  66. margin: 18px auto 0 auto;
  67. text-align: center;
  68. font-size: 18px;
  69. color: #2466f4;
  70. border-radius: 20px;
  71. border: 0.5px #2466f4 solid;
  72. text-decoration: none;
  73. }
  74. </style>
  75. </head>
  76. <body>
  77. <div class="top-bar-guidance">
  78. <p>点击右上角,在<img src="/static/index/image/safarilogo.png" class="icon-safari"> <?php echo $tip; ?>打开</p>
  79. <p>可以继续访问本站哦~</p>
  80. </div>
  81. <div class="app-download-tip">
  82. <span class="guidance-desc">您可以复制本站网址,到其它浏览器打开!</span>
  83. </div>
  84. <a class="app-download-btn" id="BtnClick" href="#">复制网址</a>
  85. <script>
  86. var url = '<?php echo $url;?>';
  87. var turl = '<?php echo $url;?>';
  88. document.querySelector('body').addEventListener('touchmove', function (event) {
  89. event.preventDefault();
  90. });
  91. window.mobileUtil = (function (win, doc) {
  92. var UA = navigator.userAgent,
  93. isAndroid = /android|adr/gi.test(UA),
  94. isIOS = /iphone|ipod|ipad/gi.test(UA) && !isAndroid,
  95. isBlackBerry = /BlackBerry/i.test(UA),
  96. isWindowPhone = /IEMobile/i.test(UA),
  97. isMobile = isAndroid || isIOS || isBlackBerry || isWindowPhone;
  98. return {
  99. isAndroid: isAndroid,
  100. isIOS: isIOS,
  101. isMobile: isMobile,
  102. isWeixin: /MicroMessenger/gi.test(UA),
  103. isQQ: /QQ/gi.test(UA)
  104. };
  105. })(window, document);
  106. if (mobileUtil.isWeixin || mobileUtil.isQQ) {
  107. var clipboard = new ClipboardJS('#BtnClick', {
  108. text: function () {
  109. $("#BtnClick").css({"background-color": '#2466f4', 'color': 'white'});
  110. document.getElementById('BtnClick').innerHTML = '复制成功';
  111. return url;
  112. }
  113. });
  114. } else {
  115. document.getElementById('BtnClick').href = turl;
  116. // window.location.replace(turl);
  117. }
  118. </script>
  119. </body>
  120. </html>