template.h5.html 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <link rel="shortcut icon" type="image/x-icon" href="/static/img/favicon.ico">
  7. <meta name="viewport"
  8. content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  9. <title>
  10. <%= htmlWebpackPlugin.options.title %>
  11. </title>
  12. <script src="/static/common/js/config.js"></script>
  13. <!-- 正式发布的时候使用,开发期间不启用。↓ -->
  14. <script src="/static/common/js/touch-emulator.js"></script>
  15. <script>
  16. TouchEmulator();
  17. </script>
  18. <style>
  19. ::-webkit-scrollbar {
  20. display: none;
  21. }
  22. </style>
  23. <!-- 正式发布的时候使用,开发期间不启用。↑ -->
  24. <script>
  25. document.addEventListener('DOMContentLoaded', function () {
  26. document.documentElement.style.fontSize = document.documentElement.clientWidth / 20 + 'px'
  27. })
  28. var u = navigator.userAgent;
  29. var isAndroid = u.indexOf("Android") > -1 || u.indexOf("Adr") > -1; //android
  30. var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios
  31. function setupWebViewJsBridge(params) {
  32. if (window.WKWebViewJavascriptBridge) {
  33. return params(window.WKWebViewJavascriptBridge);
  34. }
  35. if (window.WKWVJBCallbacks) {
  36. window.WKWVJBCallbacks.push(params);
  37. } else {
  38. window.WKWVJBCallbacks = [params];
  39. }
  40. if (isAndroid) {
  41. if (!window.InjectJavascript) {
  42. window.alert("ERROR: window.InjectJavascript if null!");
  43. return;
  44. }
  45. window.InjectJavascript.init();
  46. } else if (isiOS) {
  47. window.webkit && window.webkit.messageHandlers.h5ToApp.postMessage(params); // 给 ios 传参
  48. }
  49. }
  50. function appToH5(data) {
  51. let obj = JSON.parse(data)
  52. for (const key in obj) {
  53. if (obj.hasOwnProperty(key)) {
  54. window[key] = obj[key];
  55. }
  56. }
  57. }
  58. function insideH5ToApp(params) {
  59. setupWebViewJsBridge(isiOS ? JSON.stringify(params) : function (bridge) {
  60. bridge.callHandler("h5ToApp", {key: params.key}, function (data) {
  61. typeof window[params.void] === 'function' && window[params.void](data)
  62. })
  63. })
  64. }
  65. isAndroid && setupWebViewJsBridge(function (bridge) {
  66. bridge.registerHandler("appToH5", function (data, callback) {
  67. appToH5(JSON.stringify(data));
  68. })
  69. });
  70. window.insideH5ToApp = insideH5ToApp; // 自己调用
  71. window.appToH5 = appToH5;
  72. </script>
  73. <link rel="stylesheet" href="<%= BASE_URL %>static/index.css"/>
  74. </head>
  75. <body>
  76. <!-- 该文件为 H5 平台的模板 HTML,并非应用入口。 -->
  77. <!-- 请勿在此文件编写页面代码或直接运行此文件。 -->
  78. <!-- 详见文档:https://uniapp.dcloud.io/collocation/manifest?id=h5-template -->
  79. <noscript>
  80. <strong>本站点必须要开启JavaScript才能运行</strong>
  81. </noscript>
  82. <div id="app"></div>
  83. <!-- built files will be auto injected -->
  84. <script>
  85. /*BAIDU_STAT*/
  86. </script>
  87. </body>
  88. </html>