js添加收藏夹代码(兼容IE,firefox,其他浏览器弹信息提示)

2012年10月23日发布阅读(2919) 作者：Jerman

完全兼容IE和firefox的“添加收藏夹代码，chrome，safari会提示信息”添加收藏失败,请同时按”CTRL+D”添加“

js部分

//添加浏览器判断方法
$.isBrowser = function () {
        //检测浏览器
        var iUserAgent = navigator.userAgent;
        var iAppVersion = parseFloat(navigator.appVersion);
        var isOpera = iUserAgent.indexOf("Opera") > -1;
        var isKHTML = iUserAgent.indexOf("KHTML") > -1 || iUserAgent.indexOf("Konqueror") > -1 || iUserAgent.indexOf("AppleWebKit") > -1;
        if (isKHTML) {
            var isChrome = iUserAgent.indexOf("Chrome") > -1;
            var isSafari = iUserAgent.indexOf("AppleWebKit") > -1 && !isChrome;
            var isKonq = iUserAgent.indexOf("Konqueror") > -1;
        }
        var isIE = iUserAgent.indexOf("compatible") > -1 && iUserAgent.indexOf("MSIE") > -1 && !isOpera;
        var isMoz = iUserAgent.indexOf("Gecko") > -1 && !isKHTML;
        var isNS4 = !isOpera && !isMoz && !isKHTML && !isIE && (iUserAgent.indexOf("Mozilla") == 0) && (navigator.appName == "Netscape") && (fAppVersion >= 4.0 && fAppVersion <= 5.0);
        //此处为检测平台
        var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows");
        var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC") || (navigator.platform == "Macintosh");
        var isUnix = (navigator.platform == "X11") && !isWin && !isMac;
        if (isOpera) {
            return "opera";
        } else if (isChrome) {
            return "chrome";
        } else if (isSafari) {
            return "safari";
        } else if (isKonq) {
            return "konq";
        } else if (isIE) {
            //此处没用userAgent来检测，主要是考虑IE9浏览器按F12可以切换到IE7，IE8;用userAgent会检测不出来
            if (/MSIE 6.0/gi.test(navigator.appVersion)) {
                return "IE6";
            } else if (document.all && !document.querySelector) {
                return "IE7";
            } else if (document.all && document.querySelector && !document.addEventListener) {
                return "IE8";
            } else {
                return "IE9+";
            }
        } else if (isMoz) {
            return "mozilla";
        } else if (isNS4) {
            return "ns4";
        }
    };
//添加收藏夹方法
$('#bookmarkme').click(function () {
            var browser = $.isBrowser();
            if (browser == "mozilla") {
                // Mozilla Firefox Bookmark
                // rel="sidebar"时，单击时Mozilla Firefox就会打开添加收藏
                if ($(this).attr("rel") == "sidebar") {
                    if (window.sidebar && window.sidebar.addPanel) {
                        window.sidebar.addPanel(document.title, window.location.href, '');
                    };
                }
                return true;
            } else if (/IE/g.test(browser)) {
                // IE Favorite
                if (window.external && ('AddFavorite' in window.external)) {
                    window.external.AddFavorite(location.href, document.title);
                }
            } else if (browser == "opera" && window.print) {
                // Opera Hotlist
                this.title = document.title;
                return true;
            } else if (browser == "chrome" || browser == "safari") {
                // webkit - safari/chrome
                alert('Press ' + (navigator.userAgent.toLowerCase().indexOf('mac') != -1 ? 'Command/Cmd' : 'CTRL') + ' + D to bookmark this page.');
            }
            return false;
        });

HTML

<a id="bookmarkme" title="前端开发：www.cnf2e.com" href="#" rel="sidebar">添加收藏夹</a>

js添加收藏夹，看似简单，网上也有很多代码，但要兼容各浏览器还是不容易的.

Javascript

js添加收藏夹代码(兼容IE,firefox,其他浏览器弹信息提示)

js部分

HTML