增加历史记录功能

resources/app/browser.html

@@ -33,9 +33,13 @@
           <ul class="OnclickMenu" id="CampusInfoBrowserOnclickMenu">
             <li>关于我们</li>
             <li>反馈</li>
-            <li class="MouseMenuMainStep"></li>
             <li>历史记录</li>
             <li>清除缓存</li>
+            <li>
+                <table id="aaa">
+                    
+                </table> 
+            </li>
         </ul>
         </li>
     </ul>

resources/app/public/css/browser.css

@@ -255,6 +255,7 @@ button.BrowwerAdd {
 }
 .MouseMenuMain li ,.OnclickMenu li{
     width: auto;
+    max-width: 400px;
     font-size:12px;
     padding: 6px 8px;
     color: #333;

resources/app/public/js/browser.js

@@ -79,6 +79,7 @@ CampusInfoBrowser.CreatBrower=function (address) {//创建窗口
         }else{
             reFresh.style.color = '#5a5a5a';
         }
+        CampusInfoBrowser.LocalStorage(webview);
     });
     webview.onmousedown=function (e) {//webview鼠标事件
         CampusInfoBrowser.MouseMenu(CampusInfoBrowser.MouseMenuMain,this,CampusInfoBrowser.MouseMenuCallBack,e)//右键显示创建应用菜单
@@ -256,6 +257,37 @@ CampusInfoBrowser.Bind=function(){//绑定
         return false;
     }
 };
+CampusInfoBrowser.LocalStorage=function(webview){
+    var time = (new Date()).valueOf();
+    var datas={
+        url:webview.src,
+        title:webview.tag.children[0].children[1].innerHTML,
+        data:new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay()),
+        key:time,
+    }
+    for (a in localStorage) {
+        var str = localStorage[a];
+        
+        var storage = JSON.parse(str)
+        if(storage.title == datas.title || storage.url == datas.url){
+            console.log(333);
+            localStorage.getItem(storage.key);
+            localStorage.removeItem(storage.key); 
+        }
+    }
+    localStorage.setItem(time, JSON.stringify(datas));
+    for (a in localStorage) {
+        var str = localStorage[a];
+        // var str = str.substring(0,str.length+1);
+        var storage = JSON.parse(str)
+        var table = $("#aaa")[0];
+        var tr = table.insertRow (table.rows.length);
+        var aaa = tr.insertCell (tr.cells.length);
+        aaa.innerText = storage.title;
+        aaa.innerText += storage.url;
+        aaa.innerText += storage.data;
+    }
+}
 CampusInfoBrowser.Init=function () {//初始化
     CampusInfoBrowser.UrlArea=$(".bowerSeach input")[0];//获取搜索框
     CampusInfoBrowser.NavContainer=$(".bowerCreaterWindow")[0];//获取标签页ul
@@ -278,17 +310,12 @@ CampusInfoBrowser.Init=function () {//初始化
         }
     };
     CampusInfoBrowser.BrowersMenuButtom.onclick=function (event) {//点击菜单
-        // event.preventDefault();
         CampusInfoBrowser.OnclickMenu.style.display="block";
         (event || window.event).cancelBubble = true
     };
     document.onclick = function (){
         CampusInfoBrowser.OnclickMenu.style.display="none";
     };
-   
-   
-  
-   
     CampusInfoBrowser.IconLock = function(){//判断是否为https
         var http = /^(http)/;//http
         var https = /^(https)/;//https
@@ -303,6 +330,6 @@ CampusInfoBrowser.Init=function () {//初始化
             elm.style.width=elm.style.height='100%';//给webview设置100%宽高
         });
     };
-    setInterval('CampusInfoBrowser.Action()',1000);  
+    setInterval('CampusInfoBrowser.Action()',1000);
     CampusInfoBrowser.CreatBrower('https://www.baidu.com');//开始进入一个页面
 }();