chrome插件one-read开发3-提升-优快云博客

本文链接：https://blog.youkuaiyun.com/mapleandkw/article/details/42492011

本文详细介绍了chrome插件one-read的升级方式，包括手动更新和ajax调用远程代码进行更新，并分析了每种方式的优缺点。接着提出了一种结合两种方式的解决方案，通过缓存来优化更新流程。最后，提供了实现步骤和代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

阅读我的博客文章：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();
    }

}