history.html 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  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. <title>历史记录</title>
  8. <link rel="stylesheet" href="./public/css/browser.css">
  9. </head>
  10. <body style="overflow: hidden">
  11. <section style="-webkit-app-region: drag" class="bowerHeader">
  12. <section style="-webkit-app-region: no-drag" class="bowerHeaderMenu clearfix">
  13. <button type="button" class="icon-times close" style="font-size:16px;background: none;color: #fff"></button>
  14. </section>
  15. <div class="HistoryMain">
  16. <div class="HistoryHead">
  17. <p>历史记录</p>
  18. </div>
  19. <div class="HistoryContainer">
  20. </div>
  21. </div>
  22. <div class="CampusInfoBrowserHistory"></div>
  23. </section>
  24. <script src="./public/js/uform.js"></script>
  25. <script>
  26. var ipc=require('electron').ipcRenderer;
  27. $(".close")[0].onclick=function(){
  28. ipc.send('BrowserHistory-close');
  29. };
  30. var BrowserHistory = $(".HistoryContainer")[0];
  31. for (date in localStorage) {
  32. var a=$$("div",{"className":"HistoryCard"},BrowserHistory);
  33. var a_head=$$("p",{"className":"HistoryCardHead","innerText":date},a);
  34. var a_container=$$("ul",{"className":"HistoryCardContainer"},a);
  35. var data=JSON.parse(localStorage[date]);
  36. console.log(data)
  37. for(var i=0;i<data.length;i++){
  38. var a_list=$$("li",{},a_container);
  39. var a_time=$$("span",{"innerText":data[i].time},a_list);
  40. var a_content=$$("div",{},a_list);
  41. $$("img",{"src":data[i].favicons,"draggable":"false"},a_content);
  42. $$("p",{"innerText":data[i].title},a_content);
  43. a_list.url=data[i].url;
  44. a_list.onclick=function () {
  45. ipc.send('open-history',this.url);
  46. ipc.send('BrowserHistory-close');
  47. }
  48. }
  49. }
  50. </script>
  51. </body>
  52. </html>