纯前端方式实现手机app里显示当前js代码的版本号。
思路是：通过shell脚本获取js文件的创建时间，以此来标记版本号，无需客户端和服务端的接口，纯前端实现。
难点是：原生js无法获取文件的创建时间，往往需要服务端和客户端协助实现。
解决方案：前端js代码中预定义一个变量存储版本号（默认值），在js代码混淆压缩时，使用shell脚本获取时间，给js预定义的那个版本号的变量重新赋值。在前端代码中呈现此变量的值，即可以实现在手机app里显示当前js代码的版本号。
先准备原料，准备一个记录点击次数的变量和一个显示版本号的方法：
// 记录被点击的次数
var copyrightClickTimes = 0;
// 显示前端代码的版本号
function showVersion(version) {
$(".desc").prepend('<p class="desc" id="version">当前版本：' + version + '</p>');
}
在需要触发显示逻辑的控件的onclick方法，实现点击超过一定次数之后显示版本号的逻辑：
// 如果已经显示版本号，就不再显示
if (document.getElementById("version")) {
return;
}
copyrightClickTimes++;
// 如果点击次数大于2次，则显示版本号
if (copyrightClickTimes > 2) {
showVersion(version);
copyrightClickTimes= 0;
}
网上找的一段日期格式化的扩展代码：
Date.prototype.Format = function (fmt) {
var o = {
"M+": this.getMonth() + 1, // 月份
"d+": this.getDate(), // 日
"h+": this.getHours(), // 小时
"m+": this.getMinutes(), // 分
"s+": this.getSeconds(), // 秒
"q+": Math.floor((this.getMonth() + 3) / 3), // 季度
"S": this.getMilliseconds() // 毫秒
};
if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
for (var k in o)
if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
return fmt;
};
经过扩展的Date就可以格式化成想要的形式，设置版本号version的默认值，取document.lastModified的值格式化：
var version = new Date(document.lastModified).Format("yyyyMMddhhmmss");
在js代码混淆压缩时，shell脚本中加入获取当前时间赋值给js预定义的那个变量version
# 当前时间设置为版本号
currentTime=`date +%Y%m%d%H%M%S`
echo current_version = $currentTime
echo version = $currentTime';' >> ./js/test.js
混淆压缩后的代码类似如下，其中fe就是之前预定义的变量version
if(document.getElementById("version"))return;we++,we>2&&(v(fe),we=0)}
var fe=new Date(document.lastModified).Format("yyyyMMddhhmmss");
fe=20171018162538;
fe=20171018162538;就是shell脚本在js文件后面追加的时间。
