修改文件夹结构

Author: liyumeng

css/page.css

@@ -0,0 +1,6 @@
+#ymlInfo{
+    background-color: #FFFF99;
+    padding: 5px;
+    padding-left:10px;
+    font-size: 20px;
+}

files/attention.mp3

@@ -0,0 +1,62 @@
+
+var hasInject=false;
+
+chrome.extension.onMessage.addListener(
+  function(request, sender, sendResponse) {
+    
+    if(request.message=="btStart_click")
+    {
+      stopTimer();
+      chrome.tabs.insertCSS(null,{file:"css/page.css"});
+      chrome.tabs.executeScript(null,{file:"scripts/jquery-1.12.1.min.js"});
+      chrome.tabs.executeScript(null,{file:"scripts/page.js"});
+      hasInject=true;
+    }
+    
+    if(request.message=="PageChangedEvent")
+    {
+      chrome.storage.sync.get('emailAddress',function(data){
+        sendMail(data.emailAddress,'您监控的网页发生了改变','您监控的网页发生了改变,网页地址：'+request.url);
+      });
+      
+      playNotification();
+    }
+    
+    if(request.message=="btStop_click")
+    {
+      stopTimer();
+    }
+      
+ });
+ 
+ function stopTimer(){
+   if(hasInject) //如果之前未注入gs.js，会报错
+        chrome.tabs.executeScript(null,{code:"stopTimer();"}); 
+ }
+ 
+ this.audio=null;
+ function playNotification(){
+    if(this.audio==null){
+      this.audio=new Audio('files/attention.mp3');
+      this.audio.loop=true;
+      this.audio.play();
+    }
+    
+    var options={ 
+          lang: "utf-8",
+          icon: "eye.png",
+          body: "您监控的网页内容发生了改变！"
+      };
+    var n = new Notification("网页监控助手提醒！", options); 
+    n.onclose=function(d){
+      if(window.audio!=null)
+      {
+        window.audio.pause();
+        window.audio=null;
+      }
+    };
+ }
+ 
+ function sendMail(receiver,subject,message){
+   $.post('http://mail.liyumeng.me/SendMail','token=7F830C40B1594B05901779C1D24E2940&receivers='+receiver+'&subject='+subject+'&message='+message,function(dat){console.log(dat);});
+ }

images/eye.png

@@ -0,0 +1,68 @@
+//todo:判断是否已经添加过ymlInfo
+
+if($('#ymlInfo').length==0)
+{
+  $('body').prepend("<div id='ymlInfo'>网页监听助手准备运行，正在读取配置数据</div>");
+}
+else{
+  $('#ymlInfo').html("网页监听助手准备运行，正在读取配置数据");
+}
+  
+var timer=null;
+
+var timeInterval=600;//刷新的时间间隔
+var second=0; //当前经历的秒数
+var content="网页监听助手准备运行";
+var source='';  //初始网页的内容
+var timerCount=0; //目前的抓取次数
+var isRunning=false;
+
+chrome.storage.sync.get('timeInterval',function(data){
+  timeInterval=data.timeInterval;
+  startTimer();
+});
+
+function timeTick(){
+  var time;
+  if(second<60){
+    time=second+"秒";
+  }
+  else if(second>=60 && second<3600){
+    time=(parseInt)(second/60)+"分"+second%60+"秒";
+  }else if(second>=3600){
+    time=(parseInt)(second/3600)+"时"+(parseInt)((second%3600)/60)+"分"+(second%3600)%60+"秒";
+  }
+  content="网页监听助手已运行"+time+",共刷新"+timerCount+"次,每"+timeInterval+"秒刷新一次。";
+  $('#ymlInfo').html(content);
+  if(second%timeInterval==0)
+  {
+    $.get(location.href,function(data){
+      data=data.replace(/<!--[\s\S]+?-->/g,'');
+
+      if(source==''){
+        source=data;
+      }else if(source.localeCompare(data)!=0){
+        chrome.extension.sendMessage({message:'PageChangedEvent',url:location.href});
+        stopTimer();
+        location.reload();
+      }
+      timerCount++;
+    });
+  }
+  second++;
+}
+function startTimer(){
+  isRunning=true;
+  window.onbeforeunload = function(event){   
+      return '当前正在监听网页，确认立即退出？'; 
+  };
+  timer=setInterval(timeTick,1000); //读取时间配置数据
+  window.scrollTo(0,0);
+}
+function stopTimer(){
+  clearInterval(timer);
+  isRunning=false;
+  window.onbeforeunload='';
+}
+
+

scripts/background.js

@@ -0,0 +1,34 @@
+
+window.onload=function(){
+
+  chrome.storage.sync.get('emailAddress',function(data){
+        document.getElementById('emailAddress').value=data.emailAddress;
+  });
+
+  chrome.storage.sync.get('timeInterval',function(data){
+      if(data==undefined||data==null)
+        data='';
+      document.getElementById('timeInterval').value=data.timeInterval;
+  });
+
+ document.getElementById('btStart').onclick=function(){
+    chrome.storage.sync.set({timeInterval:document.getElementById('timeInterval').value});    
+    var myemail=document.getElementById("emailAddress").value;
+    if(fcheckMail(myemail)!==true){
+      alert('邮箱格式不正确！');
+    }else{
+      chrome.storage.sync.set({emailAddress:document.getElementById('emailAddress').value});
+      chrome.extension.sendMessage({message:'btStart_click'});
+    }
+  };
+  
+  document.getElementById('btStop').onclick=function(){
+    chrome.extension.sendMessage({message:'btStop_click'});
+  };
+
+  function fcheckMail(myemail){
+    var reg=/^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-zd]+[-.])+[A-Za-zd]{2,5}$/;
+    var check=reg.test(myemail);
+    return check;
+  }
+};