browser.html 3.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <meta>
  8. <title>Document</title>
  9. <link rel="stylesheet" href="./public/css/uform.css">
  10. <link rel="stylesheet" href="./public/css/browser.css">
  11. </head>
  12. <body>
  13. <section style="-webkit-app-region: drag" class="bowerHeader">
  14. <ul class="bowerCreaterWindow" style="-webkit-app-region: drag;padding:15px 0 0">
  15. <button class="BrowwerAdd"></button>
  16. </ul>
  17. <section style="-webkit-app-region: no-drag" class="bowerHeaderMenu clearfix">
  18. <button type="button" class="icon-window-minimize min"></button>
  19. <button type="button" class="icon-window-maximize max"></button>
  20. <button type="button" class="icon-times close" style="font-size:16px"></button>
  21. </section>
  22. </section>
  23. <ul class="bowerHeaderSeach" id="CampusInfoBrowserHeaderSeach">
  24. <li onclick="CampusInfoBrowser.goBackWebView()"><span class="icon-left"></span></li>
  25. <li onclick="CampusInfoBrowser.goForwardWebView()"><span class="icon-right"></span></li>
  26. <li onclick="CampusInfoBrowser.reFresh()"><span class="refresh icon-ccw"></span></li>
  27. <li class="bowerSeach">
  28. <span class="icon-lock"></span>
  29. <input type="text" placeholder="网址" id="seachInput">
  30. </li>
  31. <li class="bowerMenu" id="bowerMenu">
  32. <span class="icon-th-list"></span>
  33. <ul class="OnclickMenu" id="CampusInfoBrowserOnclickMenu">
  34. <li>关于我们</li>
  35. <li>反馈</li>
  36. <li onclick="CampusInfoBrowser.OnclickMenu.History()">历史记录</li>
  37. <li>清除缓存</li>
  38. </ul>
  39. </li>
  40. </ul>
  41. <ul class="MouseMenuMain" id="CampusInfoBrowserMenu">
  42. <li onclick="CampusInfoBrowser.MouseMenuCallBack.GoBack();">返回</li>
  43. <li onclick="CampusInfoBrowser.MouseMenuCallBack.canGoForward();">前进</li>
  44. <li onclick="CampusInfoBrowser.MouseMenuCallBack.reload();">重新加载</li>
  45. <li class="MouseMenuMainStep"></li>
  46. <li onclick="CampusInfoBrowser.MouseMenuCallBack.SaveAs();">另存为</li>
  47. <li onclick="CampusInfoBrowser.MouseMenuCallBack.SourceCode();">查看源代码</li>
  48. <li onclick="CampusInfoBrowser.MouseMenuCallBack.openDevToolsDown();">检查</li>
  49. </ul>
  50. </body>
  51. <script src="./public/js/uform.js"></script>
  52. <!-- <script src="./public/js/uformd.js"></script> -->
  53. <script src="./public/js/browser.js"></script>
  54. <script>
  55. var ipc=require('electron').ipcRenderer;
  56. var isBig=true;//窗口放大还原标示
  57. $(".close")[0].onclick=function(){//关闭窗口
  58. ipc.send('window-all-closed');
  59. };
  60. $(".max")[0].onclick=function(){//最大化
  61. if(isBig){
  62. ipc.send('show-window');
  63. $(".max")[0].className='icon-window-restore max';
  64. $(".bowerCreaterWindow")[0].style.padding = "0";
  65. }else{
  66. ipc.send('orignal-window');
  67. $(".max")[0].className='icon-window-maximize max';
  68. $(".bowerCreaterWindow")[0].style.padding = "15px 0 0";
  69. }
  70. isBig=!isBig;
  71. };
  72. $(".min")[0].onclick=function(){//最小化
  73. ipc.send('hide-window');
  74. };
  75. </script>
  76. </html>