chrome插件one-read開發3:提高

閱讀個人博客文章：chrome插件one-read開發:提高

前言

• 點擊這裏你能夠看到one-read "一覽" chrome版的使用

• 代碼在這裏：github code for one-read

• coding地址：coding.net for one-read

升級方式分析

• 經過定製version的方式進行用戶通知更新

這種方式是用戶手動更新，經過這種方式優勢是能夠知足用戶的喜愛，可是缺點就是用戶須要卸載本來的程序後再安裝

• 經過ajax調用遠程代碼方式進行更新

這種方式可讓用戶沒有絲毫感覺的狀況下進行更新，可是每次都要勇敢更新代碼的方式，會對程序本省要求複雜，程序設計度也會複雜些。

下面咱們會分析下兩種方式。

version標記方式更新

• 方式說明

1.再popup.html中創建標識「version」
2.編寫後臺代碼，添加version管理
3.pop.js校驗version
4.更新邏輯處理

• 具體實現

html代碼

html
    <!-- 標記目前版本號 -->
    <span id="version">0.1</span>

    <!--彈出提高更新框 -->
    <div class="alert alert-warning alert-dismissible version-alert" role="alert">
      <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
      <strong>Warning!</strong> 有更新，<a href="" target="_blank">點擊這裏更新</a>.
    </div>

javascript代碼

javascript
//請求版本號
commonAjaxFn("GET","http://onechrome.sinaapp.com/version.php","html",versionFn);
// 驗證版本作出相應
function versionFn(data){
    var v = parseFloat($(data).text());
    var locV = parseFloat($("#version").text());
    if(locV < v){
        $(".version-alert").show();
    }

}

ajax更新代碼方式更新

• 方式說明

1.移除包內代碼
2.重構ajax請求
3.特定請求代碼
4。加載代碼

• 具體實現

更好的方式？

瞭解了上面兩種方式之後，咱們不難發現，若是可以採用二者的結合會是一個不錯的方式。

• how to do it?
  > 其實解決方案就是緩存。

1.咱們主要採用ajax方案，可是一樣製做version標記，
2.每次打開時執行緩存的文件
3.執行緩存中的version校驗
4.檢查是否version變更，若是變更，更新緩存

• let's do it