index.ejs 3.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. <!--
  2. * @Author: mojunshou 1637302775@qq.com
  3. * @Date: 2025-02-26 17:12:23
  4. * @LastEditors: mojunshou 1637302775@qq.com
  5. * @LastEditTime: 2025-03-13 14:47:06
  6. * @Description: index模板,修改了警告
  7. -->
  8. <html class="dark">
  9. <head>
  10. <link rel="icon" href="./favicon.ico" />
  11. <meta charset="utf-8" />
  12. <title>
  13. <%=title%>
  14. </title>
  15. <meta name="viewport"
  16. content="width=device-width,user-scalable=no,initial-scale=1,minimum-scale=1,maximum-scale=1,minimal-ui=true" />
  17. <!-- 这有警告,修改了 -->
  18. <meta name="mobile-web-app-capable" content="yes" />
  19. <meta name="full-screen" content="yes" />
  20. <meta name="screen-orientation" content="portrait" />
  21. <meta name="x5-fullscreen" content="true" />
  22. <meta name="360-fullscreen" content="true" />
  23. <meta name="renderer" content="webkit" />
  24. <meta name="force-rendering" content="webkit" />
  25. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  26. <link rel="stylesheet" type="text/css" href="./index.css" />
  27. </head>
  28. <body>
  29. <%- include(cocosToolBar, {config: config}) %>
  30. <div style="display: flex;flex: auto;align-items: center;">
  31. <%- include ./dist/index.html %>
  32. <div id="content" class="content">
  33. <div class="contentWrap">
  34. <div id="GameDiv" class="wrapper">
  35. <div id="Cocos3dGameContainer">
  36. <canvas id="GameCanvas" tabindex="-1" style="background-color: '';"></canvas>
  37. </div>
  38. <div id="splash">
  39. <div class="progress-bar stripes"><span></span></div>
  40. </div>
  41. <div id="bulletin">
  42. <div id="sceneIsEmpty" class="inner">
  43. <%=tip_sceneIsEmpty%>
  44. </div>
  45. </div>
  46. <div class="error" id="error">
  47. <div class="title">Error <i>(Please open the console to see detailed errors)</i></div>
  48. <div class="error-main"></div>
  49. <div class="error-stack"></div>
  50. </div>
  51. </div>
  52. </div>
  53. <p class="footer">
  54. Created with <a href="https://www.cocos.com/products" target="_blank"
  55. title="Cocos Creator">Cocos Creator</a>
  56. </p>
  57. </div>
  58. </div>
  59. <%- include(cocosTemplate, {}) %>
  60. </body>
  61. </html>
  62. <script>
  63. document.getElementsByClassName('toolbar')[0].insertAdjacentHTML('afterbegin', '<div><button id="btn-show-tree">Tree</button></div>');
  64. const devtoolsBtn = document.getElementById('btn-show-tree');
  65. let isOpen = !!localStorage.getItem('ccc_devtools_show');
  66. toggle(isOpen);
  67. devtoolsBtn.addEventListener('click', () => {
  68. isOpen = !isOpen;
  69. toggle(isOpen);
  70. }, false);
  71. function toggle(isOpen) {
  72. const devApp = document.getElementById('dev-app');
  73. window.ccdevShow = isOpen;
  74. if (isOpen) {
  75. devApp.style.display = 'flex';
  76. devtoolsBtn.classList.add('checked');
  77. localStorage.setItem('ccc_devtools_show', 1);
  78. } else {
  79. devApp.style.display = 'none';
  80. devtoolsBtn.classList.remove('checked');
  81. localStorage.removeItem('ccc_devtools_show');
  82. }
  83. }
  84. </script>