寰俊鐢佃瘽鏈綉缁滄祴閫?/title> <meta charset="utf-8"> <meta name="viewport" content=" initial-scale=1.0, maximum-scale=1 , user-scalable=no"/> <meta name="keywords" content=""/> <meta name="description" content=""/> <meta name="apple-mobile-web-app-capable" content="no"/> <meta name="format-detection" content="telephone=no"> <link rel="stylesheet" type="text/css" href="css/chart.css"> <script type="text/javascript" src="js/jquery.min.js"></script> </head> <body> <div class="mod-tab"> <a class="mod-tab__item mod-tab__item_active" href="javascript:PhoneBook.renderTabCheck();" id="">褰撳墠璁惧</a> <a class="mod-tab__item" href="http://dianhua.qq.com/cgi-bin/readtemplate?t=dianhuaben_network_area&from=app" id="gotoAreaPage">褰撳墠鍦板尯</a> <a class="mod-tab__item" href="http://dianhua.qq.com/cgi-bin/readtemplate?t=dianhuaben_network_china&from=app" id="gotoChinaPage">鍏ㄥ浗鐘舵€?/a> </div> <div class="mod-middle-box" style="min-height:390px;"> <div class="mod-check mod-check_loading" id="containerCheck"> <div class="mod-check__head"> <div class="mod-check__circle-backgroud"></div> <div class="mod-check__circle-mask animate"></div> <div class="mod-check__result"> <div class="mod-check__title"> <span class="mod-check__title-score">80</span><span class="mod-check__title-fen">鍒?/span> </div> <div class="mod-check__intro"> 寰堟鍝︼紒</div> </div> <div class="mod-check__placeholder">妫€鏌ヤ腑...</div> </div> <div class="mod-check__list"> <div class="mod-check__item" id="itemCheckPoint"> <i class="mod-check__item-icon"></i> <span class="mod-check__item-text">姝ｅ湪妫€鏌ユ帴鍏ョ偣璁剧疆...</span> </div> <div class="mod-check__item" id="itemDNS"> <i class="mod-check__item-icon"></i> <span class="mod-check__item-text">姝ｅ湪杩涜鍩熷悕瑙ｆ瀽...</span> </div> <div class="mod-check__item" id="itemAccess"> <i class="mod-check__item-icon"></i> <span class="mod-check__item-text">姝ｅ湪妫€鏌ヤ俊浠ら€氶亾璁剧疆...</span> </div> <div class="mod-check__item" id="itemTransfer"> <i class="mod-check__item-icon"></i> <span class="mod-check__item-text">姝ｅ湪妫€鏌ヨ闊抽€氶亾璁剧疆...</span> </div> </div>  </div> <div class="reload-btn" style="display:none;"> <a href="javascript:location.reload();" class="reload-btn-a">閲嶆柊娴嬮€?/a> </div> <div class="mod-bar" id="operateBar" style="display:none;"> <a class="mod-button mod-button_green" id="moments_btn">鍒嗕韩鍒版湅鍙嬪湀</a> </div> <div class="mod-network-error"> <span class="mod-network-error__icon"></span> <div class="mod-network-error__text">杩炴帴澶辫触锛岃妫€鏌ョ綉缁滆缃?/div> </div> </div> <div class="mod-copyright" style="display:none;"> Powered by 寰俊鐢佃瘽鏈? </div> <script type="text/javascript"> var objectString = '{"data":{"score":82,"checkpoint":0,"dns":1,"access":0,"transfer":1},"platform":"ios"}'; var PhoneBook = window.PhoneBook || {}; var CheckData = window.CheckData || {}; var timeout = 1500; PhoneBook = { uuid:'', checknetwork : function(data){ if (typeof data != 'string') { alert('浼犺緭鏁版嵁鏍煎紡搴斾负瀛楃涓?); } else { PhoneBook.getData(data); setTimeout(function(){ PhoneBook.renderItemCheckPoint(); }, timeout); } }, getData : function(data){ var dataObj = $.parseJSON(data) || {}; if(dataObj.uuid){ this.uuid = dataObj.uuid; } if(dataObj.data){ CheckData = dataObj.data; this.initGotoAreaPage(); this.initGotoChinaPage(); // console.log(dataObj.data); // console.log(CheckData); } }, initGotoAreaPage:function(){ // 濡傛灉缃戠粶杩炴帴姝ｅ父 if(parseInt(CheckData.checkpoint)){ $("#gotoAreaPage").attr("href","javascript:;").click(function(){ window.location.href="http://dianhua.qq.com/cgi-bin/readtemplate?t=dianhuaben_network_area&from=app"; }); } // 濡傛灉缃戠粶杩炴帴涓嶆甯? else{ $("#gotoAreaPage").attr("href","javascript:;").click(function(){ PhoneBook.renderNetworkError(1); }); } }, initGotoChinaPage:function(){ // 濡傛灉缃戠粶杩炴帴姝ｅ父 if(parseInt(CheckData.checkpoint)){ $("#gotoChinaPage").attr("href","javascript:;").click(function(){ window.location.href="http://dianhua.qq.com/cgi-bin/readtemplate?t=dianhuaben_network_china&from=app"; }); } // 濡傛灉缃戠粶杩炴帴涓嶆甯? else{ $("#gotoChinaPage").attr("href","javascript:;").click(function(){ PhoneBook.renderNetworkError(2); }); } }, renderItemCheckPoint : function(){ var item = $("#itemCheckPoint"); var itemLabel = item.children(".mod-check__item-text"); item.fadeIn("slow"); setTimeout(function(){ if(parseInt(CheckData.checkpoint)){ item.addClass("ok"); itemLabel.html("鎺ュ叆鐐规鏌ユ垚鍔燂紒"); PhoneBook.renderItemCheckAccess(); } else{ item.addClass("error"); itemLabel.html("鎺ュ叆鐐规鏌ュけ璐ワ紒"); PhoneBook.renderItemCheckScore(); } }, timeout); }, renderItemCheckDNS:function(){ var item = $("#itemDNS"); var itemLabel = item.children(".mod-check__item-text"); item.fadeIn("slow"); setTimeout(function(){ if(CheckData.dns){ item.addClass("ok"); itemLabel.html("鍩熷悕瑙ｆ瀽璁剧疆鎴愬姛锛?); } else{ item.addClass("error"); itemLabel.html("鍩熷悕瑙ｆ瀽璁剧疆澶辫触锛?); } PhoneBook.renderItemCheckAccess(); }, timeout); }, renderItemCheckAccess:function(){ var item = $("#itemAccess"); var itemLabel = item.children(".mod-check__item-text"); item.fadeIn("slow"); setTimeout(function(){ if(parseInt(CheckData.access)){ item.addClass("ok"); itemLabel.html("淇′护閫氶亾妫€鏌ユ垚鍔燂紒"); } else{ item.addClass("error"); itemLabel.html("淇′护閫氶亾妫€鏌ュけ璐ワ紒"); } PhoneBook.renderItemCheckTransfer(); }, timeout); }, renderItemCheckTransfer:function(){ var item = $("#itemTransfer"); var itemLabel = item.children(".mod-check__item-text"); item.fadeIn("slow"); setTimeout(function(){ if(parseInt(CheckData.transfer)){ item.addClass("ok"); itemLabel.html("璇煶閫氶亾妫€鏌ユ垚鍔燂紒"); } else{ item.addClass("error"); itemLabel.html("璇煶閫氶亾妫€鏌ュけ璐ワ紒"); } setTimeout(function() { PhoneBook.renderItemCheckScore(); }, timeout); }, timeout); }, renderItemCheckScore:function(){ var elementCheck = $(".mod-check"); var elementScore = $(".mod-check__title-score"); var elementIntro = $(".mod-check__intro"); if(parseInt( CheckData.score ) == 0){ elementIntro.html("褰撳墠鏃犵綉缁?); elementCheck.removeClass("mod-check_loading").addClass("mod-check_bad"); } else if(parseInt( CheckData.score ) >= 90){ elementIntro.html("缃戠粶寰堟"); elementCheck.removeClass("mod-check_loading").addClass("mod-check_good"); } else if(parseInt( CheckData.score ) >= 70){ elementIntro.html("缃戠粶姝ｅ父"); elementCheck.removeClass("mod-check_loading").addClass("mod-check_good"); } else{ elementIntro.html("缃戠粶涓嶇ǔ瀹?); elementCheck.removeClass("mod-check_loading").addClass("mod-check_bad"); } elementScore.html(CheckData.score); $(".mod-check__placeholder").remove(); $(".mod-check__result").fadeIn("slow"); PhoneBook.renderEndLoading(); }, renderEndLoading:function(){ $(".mod-check__circle-mask").removeClass("animate"); if(!$(".mod-check").is(":hidden")){ setTimeout(function() { if(parseInt(CheckData.checkpoint)){ $("#operateBar").fadeIn(); } $('.reload-btn').fadeIn(); $('.mod-copyright').fadeIn(); }, timeout); } }, renderTabCheck:function(){ if(!$($(".mod-tab__item")[0]).hasClass("mod-tab__item_active")){ this.switchTab(0); $(".mod-network-error").hide(); $("#containerCheck").show(); } }, renderNetworkError:function(index){ this.switchTab(index); $("#containerCheck").hide(); $("#operateBar").hide(); $('.reload-btn').hide(); $(".mod-network-error").show(); }, switchTab:function(index){ $(".mod-tab__item").removeClass("mod-tab__item_active"); $($(".mod-tab__item")[index]).addClass("mod-tab__item_active"); }, uaIs: function () { var ua = navigator.userAgent; var checker = { ios: ua.match(/(iPhone|iPod|iPad)/), android: ua.match(/Android/) }; return checker; } } //android ios 鎹曡幏浜嬩欢浣跨敤 location.href = 'pbjs://loadcomplete'; // 璋冪敤 // PhoneBook.checknetwork(objectString); ////////////////////////////////////////////// // // 鍒嗕韩鐨勪唬鐮? // ////////////////////////////////////////////// $('#moments_btn').on('click', function(){ //鍒嗕韩鍒版湅鍙嬪湀 App.shareToMoment("寰俊鐢佃瘽鏈厤璐归€氳瘽璇婃柇缁撴灉", location.href, "寰俊鐢佃瘽鏈綉缁滄祴閫?); }); var fallbackApp = null; var cliver = CheckData.cliver; var platform = CheckData.platform; var highVersionAndroidApp = { shareToFriend:function(title,url,desc){ console.log(["shareToFriend",title,url,desc].join("^")); }, shareToMoment:function(title,url,desc){ console.log(["shareToMoment",title,url,desc].join("^")); } }; var iosApp = { shareToFriend: function (title, url, desc) { location.href = "sharecalllog://dianhua.qq.com/?type=friend&title=" + encodeURIComponent("寰俊鐢佃瘽鏈綉缁滄祴閫?) + "&url=" + "$link_friend.DATA$" + "&desc=" + encodeURIComponent("$desc.DATA$"); }, shareToMoment: function (title, url, desc) { location.href = "sharecalllog://dianhua.qq.com/?type=moment&title=" + encodeURIComponent(title) + "&url=" + encodeURIComponent(url) + "&desc=" + encodeURIComponent(desc); } }; var ua = PhoneBook.uaIs(); //褰撳墠鏄畨鍗撳钩鍙? if(ua.android){ fallbackApp = highVersionAndroidApp; }else{ fallbackApp = iosApp; } window.App = window.App || fallbackApp; </script> </body> </html>