WordPress升级碎碎念 - Angel's Blog.

又一次感叹“对不起大家！我来晚了！好久没有更新了！”

我已经记不清上一次更新站点内容是什么时候了，突然发现玩博客的博友越来越少了，翻了翻以前写的文章下面的访客评论，大多数博友链接都无法访问，个人站长时代已去，唉。。。

好了，说正题，趁今天休息，升级了一下WordPress，升级内容包括如下：

1.考虑到本站点要与时俱进，且尽可能的照顾IE6（对，就是这该死的IE6）浏览器，将jQuery1.8.3 升级到 jQuery1.12.4，还好升级的过程没有遇到大的坑，只是稍微改动了3个文件；

2.将WordPress升级到了5.3（最新版本），升级后没有发现任何问题。

至于第2点（升级WordPress到5.3），这个就不必多说了，主要讲的是第1点（升级jQuery）；

jQuery1.9以后（包含），$(selector).on(“hover”) 无效，需要修改为：$(selector).on(“mouseenter”)，
$(selector).offsetParent() 同样根据实际的情况，也需要修改适配。

jQuery1.9以后（包含），jQuery.browser被废弃删除，换成jQuery.support却无法判定浏览器客户端的版本和浏览器类别，所以只能考虑写入兼容旧版本jQuery.browser的对象，在网上找到如下代码，测试并work：

// START -> Adapter for: jquery.version >= 1.9
(function(jQuery) {

    if (jQuery.browser) return;

    jQuery.browser = {};
    jQuery.browser.mozilla = false;
    jQuery.browser.webkit = false;
    jQuery.browser.opera = false;
    jQuery.browser.msie = false;

    var nAgt = navigator.userAgent;
    jQuery.browser.name = navigator.appName;
    jQuery.browser.fullVersion = '' + parseFloat(navigator.appVersion);
    jQuery.browser.majorVersion = parseInt(navigator.appVersion, 10);
    var nameOffset, verOffset, ix;

    // In Opera, the true version is after "Opera" or after "Version"
    if ((verOffset = nAgt.indexOf("Opera")) != -1) {
        jQuery.browser.opera = true;
        jQuery.browser.name = "Opera";
        jQuery.browser.fullVersion = nAgt.substring(verOffset + 6);
        if ((verOffset = nAgt.indexOf("Version")) != -1) jQuery.browser.fullVersion = nAgt.substring(verOffset + 8);
    }
    // In MSIE, the true version is after "MSIE" in userAgent
    else if ((verOffset = nAgt.indexOf("MSIE")) != -1) {
        jQuery.browser.msie = true;
        jQuery.browser.name = "Microsoft Internet Explorer";
        jQuery.browser.fullVersion = nAgt.substring(verOffset + 5);
    }
    // In Chrome, the true version is after "Chrome"
    else if ((verOffset = nAgt.indexOf("Chrome")) != -1) {
        jQuery.browser.webkit = true;
        jQuery.browser.name = "Chrome";
        jQuery.browser.fullVersion = nAgt.substring(verOffset + 7);
    }
    // In Safari, the true version is after "Safari" or after "Version"
    else if ((verOffset = nAgt.indexOf("Safari")) != -1) {
        jQuery.browser.webkit = true;
        jQuery.browser.name = "Safari";
        jQuery.browser.fullVersion = nAgt.substring(verOffset + 7);
        if ((verOffset = nAgt.indexOf("Version")) != -1) jQuery.browser.fullVersion = nAgt.substring(verOffset + 8);
    }
    // In Firefox, the true version is after "Firefox"
    else if ((verOffset = nAgt.indexOf("Firefox")) != -1) {
        jQuery.browser.mozilla = true;
        jQuery.browser.name = "Firefox";
        jQuery.browser.fullVersion = nAgt.substring(verOffset + 8);
    }
    // In most other browsers, "name/version" is at the end of userAgent
    else if ((nameOffset = nAgt.lastIndexOf(' ') + 1) < (verOffset = nAgt.lastIndexOf('/'))) {
        jQuery.browser.name = nAgt.substring(nameOffset, verOffset);
        jQuery.browser.fullVersion = nAgt.substring(verOffset + 1);
        if (jQuery.browser.name.toLowerCase() == jQuery.browser.name.toUpperCase()) {
            jQuery.browser.name = navigator.appName;
        }
    }
    // trim the fullVersion string at semicolon/space if present
    if ((ix = jQuery.browser.fullVersion.indexOf(";")) != -1) jQuery.browser.fullVersion = jQuery.browser.fullVersion.substring(0, ix);
    if ((ix = jQuery.browser.fullVersion.indexOf(" ")) != -1) jQuery.browser.fullVersion = jQuery.browser.fullVersion.substring(0, ix);

    jQuery.browser.majorVersion = parseInt('' + jQuery.browser.fullVersion, 10);
    if (isNaN(jQuery.browser.majorVersion)) {
        jQuery.browser.fullVersion = '' + parseFloat(navigator.appVersion);
        jQuery.browser.majorVersion = parseInt(navigator.appVersion, 10);
    }
    jQuery.browser.version = jQuery.browser.majorVersion;
})(jQuery);
// END -> Adapter for: jquery.version >= 1.9

目前升级jQuery版本完毕并测试，还没有发现什么BUG（并顺手修了以前的一些小BUG），console无异常，在各个浏览器中都测试过，总体来讲还是蛮顺利的，毕竟早期设计折腾 Angel 主题的时候就考虑到兼容性的问题，所以问题不大，哈哈。