CINXE.COM
美术宝1对1客户端下载安装_最新美术宝1对1安卓版_IOS版_PC版客户端下载
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <meta name="Keywords" content="美术宝1对1客户端、美术宝1对1客户端下载, 美术宝一对一Android版,IOS版,PC版下载" /> <meta name="Description" content="美术宝1对1在线少儿美术客户端可提供上课、查课、预约等跨平台支持,美术宝1对1所开发的客户端,通过分享android客户端、IOS客户端、PC客户端、MAC客户端下载安装。" /> <title>美术宝1对1客户端下载安装_最新美术宝1对1安卓版_IOS版_PC版客户端下载</title> <link rel="shortcut icon" type="image/x-icon" href="https://imgvip.meishubao.com/vip/www/favicon.ico" /> <!-- <link rel="stylesheet" href="https://imgvip.meishubao.com/vip/mpc/css/mei.css?v=1.2"/> --> <link rel="stylesheet" href="https://imgvip.meishubao.com/vip/mpc/css/mei1.css?v=1"/> <!-- <link rel="stylesheet" href="/Public/mpc/css/mei1.css?v=1.0" /> --> <link rel="stylesheet" href="https://imgvip.meishubao.com/vip/mpc/css/fourY.css"/> <link rel="stylesheet" href="https://imgvip.meishubao.com/vip/mpc/css/lesson.css"/> <link rel="stylesheet" href="https://imgvip.meishubao.com/vip/mpc/css/clientDown.css"/> <link rel="stylesheet" href="https://imgvip.meishubao.com/vip/mpc/css/four_to.css"/> <link rel="stylesheet" href="https://imgvip.meishubao.com/vip/mpc/css/helpCenter.css"/> </head> <style> .support { width: 1200px; height: 600px; display: none; justify-content: center; align-items: center; flex-direction: column; margin: auto; } .support p { font-size: 24px; color: #868686; margin-bottom: 18px; } .win { display: none; } .mac { display: none; } </style> <body> <style> .download-item.win { margin-left: 80px; } .btn-downmac { background-color: rgb(255, 130, 100) !important; border-radius: 5px; } </style> <div id="clientDown_wrap"> <!-- 引入公共导航部分 --> <style> .header_w { position: static !important; } #clientDown_wrap, #mei_wrap, #lesson_wrap, #fourY_wrap, #center_wrap { min-width: 1200px; padding-top: 0 !important; } .section1, .section2, .section3, .section4, .section5, .section6, .section7, .section8, .section9, .section10, .section11, .section12, .section13 { min-width: 1200px; } .header { display: flex; justify-content: space-around; align-items: center; width: 1200px; height: 80px; margin: auto; } .header .h_logo { height: 80px !important; float: none !important; } .h_tel { display: flex; align-items: center; } .login { color: #ff3000; margin-right: 10px; width: 83px; height: 36px; border: 1px solid rgba(255, 48, 0, 1); border-radius: 19px; display: inline-block; line-height: 38px; font-size: 17px; } .login:hover { color: #fff; box-shadow: 0px 4px 14px 0px rgba(255, 48, 0, 0.42); background-color: #ff3000; } .audition { font-size: 17px; display: inline-block; background: #ff3000; color: #fff; width: 85px; height: 38px; line-height: 38px; vertical-align: middle; border-radius: 30px; box-shadow: 0px 4px 14px 0px rgba(255, 48, 0, 0.42); } .audition:hover { background-color: #ed3408; } .h_hide { display: none !important; } .h_info { display: flex; justify-content: center; align-items: center; position: relative; cursor: pointer; } .h_info, .h_tel { min-width: 180px; } .h_info .head { width: 44px; height: 44px !important; display: flex; justify-content: center; align-items: center; border-radius: 50%; overflow: hidden; background: #fdf7f4; margin-left: 15px; } .h_info .headname { width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .h_info .head img { max-width: 100%; max-height: 100%; } .h_info .name { font-size: 14px; color: #6f6f6f; } .popup { display: none; } .h_info:hover .popup { display: block; width: 150px; height: 42px !important; background: rgba(255, 255, 255, 1); box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2); border-radius: 0px 0px 4px 4px; color: #4d4d4d; font-size: 16px; text-align: center; position: absolute; bottom: -42px; margin: auto; cursor: pointer; z-index: 999; } .h_info .logout:hover, .h_info .home:hover { width: 150px; height: 42px; background: rgba(245, 245, 245, 1); box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.05); border-radius: 0px 0px 4px 4px; } .h_info .popup .logout, .h_info .popup .home { height: 42px !important; line-height: 42px !important; } .nav .dropdownLi { position: relative; height: 80px; text-align: center; } .dropdownLi:hover .dropdown { display: block !important; } .dropdownLi:hover .arrow { transform: rotate(180deg); } .dropdown { display: none; position: absolute; z-index: 9999; top: 74px; left: -23px; background: #fff; width: 124px; text-align: center; padding: 20px 0; font-size: 14px; color: #333; border-radius: 6px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); height: auto !important; } .dropdownLi .arrow { position: absolute; top: 37px; right: -8px; right: -6px; width: 9px; height: 5px; } .dropdown p { cursor: pointer; line-height: 30px; } .dropdown p:nth-child(2) { padding: 20px; } .dropdownLi .dropdown a { font-weight: normal !important; width: 100%; } .dropdownLi .dropdown a:hover { color: #ff3300 !important; } .dropdownLi .dropdown a:after, .dropdownLi:hover .dropdown a:after { content: ''; position: absolute; left: 50%; bottom: 70px; margin-left: -12px; background: #fff !important; } .header .nav { overflow: visible !important; } </style> <script src="https://imgvip.meishubao.com/vip/mpc/js/base64.min.js"></script> <script> function zhuceClick() { if (window.location.pathname === '/') { mtaStatistics('vip_index_navregister'); } } </script> <div class="header_w"> <div class="header"> <div class="h_logo"> <a href="https://vip.meishubao.com"> <img src="https://imgvip.meishubao.com/vip/mpc/images/1v1_logo_v2.png" alt="美术宝1对1logo" width="100" height="auto" /> </a> </div> <ul class="nav"> <li class=""> <a href="https://vip.meishubao.com">首页</a> </li> <li class=""> <a href="https://vip.meishubao.com/v2/introductionOfTeachers">师资介绍</a> </li> <li class=" dropdownLi " > <a href="https://vip.meishubao.com/lesson/" class="kechengA">课程体系</a> <!-- <img class="arrow" src="../../../../Public/mpc/images/navArrow.png" alt /> --> <!-- <div class="dropdown"> <p class="dropdownFourK"> <a href="https://vip.meishubao.com/four/">4岁+课程</a> </p> <p class="dropdownSeverK"> <a href="https://vip.meishubao.com/seven/">7岁+课程</a> </p> <p class="dropdownTenK"> <a href="https://vip.meishubao.com/ten/">10岁+课程</a> </p> </div> --> </li> <li class=" " > <a href="https://vip.meishubao.com/download/">下载中心</a> </li> <li class=" " > <a href="https://vip.meishubao.com/web/help/">帮助中心</a> </li> <li class=" " > <a href="https://vip.meishubao.com/compliance/">合规专区</a> </li> <li class="personal h_hide"> <a class="personalCenter" href="https://vip.meishubao.com/student/center" >个人中心</a > </li> </ul> <div class="h_tel h_hide"> <a class="login" href="https://vip.meishubao.com/student/login">登录</a> <a class="audition" href="#" onclick="zhuceClick()">注册</a> </div> <div>客服电话:400-622-6190</div> <div class="h_info h_hide"> <div class="headname"></div> <div class="head"> <img class="headpic" src="https://imgvip.meishubao.com/vip/mpc/images/icon-chat.png" alt="" /> </div> <div class="popup"> <div class="logout">退出账号</div> </div> </div> </div> </div> <script src="https://imgvip.meishubao.com/vip/www/room/js/tingyun/1.8.3/tingyun-rum-init.js"></script> <script> if (window.location.origin.indexOf('vip.meishubao.com') !== -1) { TINGYUN.init('CJnlhd_fnJ8'); } localStorage.id && (localStorage.userid = localStorage.id); var info = document.querySelector('.h_info'); var tel = document.querySelector('.h_tel'); var headpic = document.querySelector('.headpic'); var headname = document.querySelector('.headname'); var personal = document.querySelector('.personal'); var logout = document.querySelector('.logout'); var dropdownFourK = document.querySelector('.dropdownFourK'); var dropdownSeverK = document.querySelector('.dropdownSeverK'); var dropdownTenK = document.querySelector('.dropdownTenK'); var head = localStorage.head || ''; var username = localStorage.username || ''; var userid = localStorage.userid || ''; if (head && username && userid) { localStorage.head = head; localStorage.username = username; localStorage.userid = userid; } else { head = localStorage.removeItem('head'); username = localStorage.removeItem('username'); userid = localStorage.removeItem('userid'); } // 添加类名 function aClass(ele, str) { var css = ele.getAttribute('class').split(' '); var index = css.indexOf(str); var calssname = ''; if (index > -1) return; css.push(str); if (css.length > 1) { classname = css.join(' '); } else { classname = css.join(''); } ele.setAttribute('class', classname); } // 移除类名 function rClass(ele, str) { var css = ele.getAttribute('class').split(' '); var index = css.indexOf(str); var calssname = ''; if (index == -1) return; css.splice(index, 1); if (css.length == 0) { classname = ''; } else { classname = css.join(''); } ele.setAttribute('class', classname); } // 获取指定url中的参数 function GetUrlParam(url, paraName) { var arrObj = url.split('?'); if (arrObj.length > 1) { var arrPara = arrObj[1].split('&'); var arr; for (var i = 0; i < arrPara.length; i++) { arr = arrPara[i].split('='); if (arr != null && arr[0] == paraName) { return arr[1]; } } return ''; } else { return ''; } } var shouldRouteToCenter = !sessionStorage.getItem('student_logined'); if (shouldRouteToCenter) { sessionStorage.setItem('student_logined', '1'); } if (head && username && userid) { if ( shouldRouteToCenter && window.location.pathname === '/' && !document.referrer ) { window.location.href = "https://vip.meishubao.com/student/center/"; } // 登录状态 rClass(info, 'h_hide'); // aClass(tel, 'h_hide') rClass(personal, 'h_hide'); headpic.setAttribute('src', decodeURIComponent(head)); headname.innerHTML = username; } else { rClass(tel, 'h_hide'); } logout.addEventListener('click', function () { localStorage.clear(); location.href = "https://vip.meishubao.com"; }); </script> <div class="clientDown_section"> <div class="inner"> <div class="download"> <div class="download-mobile"> <div class="download_mobile_wrap"> <div class="download-qrcode"> <img src="https://imgvip.meishubao.com/vip/mpc/images/qrd.png" alt="" /> </div> <p>扫描二维码</p> <p>下载手机客户端</p> </div> </div> <div class="download-native"> <h3>美术宝1对1客户端</h3> <p>跨平台授课 为您提供优质上课环境</p> <div class="item_wrap"> <!--左边--> <div class="download-item"> <div class="download-icon-box"> <div class="download_img_box download_pc_icon"></div> <!-- <p>iPad客户端下载</p> --> </div> <div class="download-btn-box"> <a href="https://itunes.apple.com/cn/app/%E7%BE%8E%E6%9C%AF%E5%AE%9D1%E5%AF%B91-%E5%B0%91%E5%84%BF%E5%9C%A8%E7%BA%BF%E5%AD%A6%E7%94%BB%E7%94%BB%E5%AD%A6%E7%BE%8E%E6%9C%AF/id1362507427?mt=8" target="_blank" >下载iPad客户端</a > </div> </div> <!--右边--> <div class="download-item mac"> <div class="download-icon-box"> <div class="download_img_box download-ipad-icon"></div> <!-- <p>Mac客户端下载</p> --> </div> <div class="download-btn-box"> <a id="download-mac" href="" >下载Mac客户端</a > </div> </div> <div class="download-item win"> <div class="download-icon-box"> <div class="download_img_box download-ipad-icon"></div> <!-- <p>Windows客户端下载</p> --> </div> <div class="download-btn-box"> <a id="download-win" href="" >下载Windows客户端</a > </div> </div> </div> </div> </div> </div> </div> <!--其他工具下载--> <!-- 注释整个板块 --> <!-- <div class="clientDown_other"> <p class="clientDown_other_title">其他工具下载</p> <p class="clientDown_other_text"> 美术宝1对1提供了更适合上课环境的各种工具,方便您便捷快速的解决疑难问题 </p> </div> <div class="support"> <img src="https://imgvip.meishubao.com/vip/mpc/images/support.png" alt="" /> <p class="words1">经检测您的设备系统不支持上课</p> <p class="words2">请更换WIN7、WIN8、WIN10、MAC系统上课</p> </div> --> <!--footer部分--> <div class="footer"> <div class="footer_i_w"> <div class="footer_inner"> <div class="text"> <p class="p1">全国统一客服电话</p> <p class="p2">400-622-6190</p> </div> <div class="mei_form"> <input type="text" class="phone" placeholder="请输入手机号" /> <button>0元免费领取试听课</button> </div> <a class="seek webchat" href="javascript:;">咨询客服</a> </div> </div> <div class="f_bk_i"> <div class="f_bk" style=" background: url(https://imgvip.meishubao.com/vip/www/index/promise2.png) no-repeat center center; background-size: cover; " ></div> </div> <!-- <div class="other"> <a href="#" class="words">加入我们</a> <i class="line"></i> <a href="#" class="words">免责声明</a> <i class="line"></i> <a href="https://vip.meishubao.com/proto" class="words">用户协议</a> <i class="line"></i> <a href="javascript:;" class="words">版权公告 </a> <a href="http://www.17ms.com/" target="_blank" class="words" >浙江艺旗教育科技有限公司/或其关联公司及特许人版权所有</a > </div> <p class="other" style="border: none"> <span class="words" >举报电话:400-622-6190 举报邮箱:services@meishubao.com</span > </p> --> <style> .footer-wrapper { width: 1200px; margin: auto; text-align: center; padding: 18px 0; border-top: 1px solid #d9d9d9; } .footer-wrapper div { width: 100%; text-align: center; font-size: 16px; font-family: sans-serif; font-weight: 400; color: #999999; line-height: 26px; } .footer-wrapper div span { cursor: pointer; } .footer-wrapper div a { color: inherit; } .certificate-fullscreen { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background-color: rgba(0, 0, 0, 0.3); display: none; } .certificate-content { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); user-select: none; } .close-certificate { content: "+"; position: absolute; top: -27px; right: -30px; transform: rotate(45deg); width: 26px; height: 26px; font-size: 40px; color: #fff; text-align: center; line-height: 18px; cursor: pointer; } </style> <div class="footer-wrapper"> <div> <a target="_blank" href="https://vip.meishubao.com/v2/introductionOfTeachers/proto/"> 用户协议 </a> | <a target="_blank" href="https://vip.meishubao.com/v2/introductionOfTeachers/secret"> 隐私政策 </a> | <a target="_blank" href="https://vip.meishubao.com/1v1h5pages/student/childrenPrivacy"> 未成年人个人信息处理规则 </a> | <a target="_blank" href="https://vip.meishubao.com/v2/introductionOfTeachers/secret?type=permissions"> 用户权限 </a> | <span class="certificate" data-open="yyzz"> 营业执照 </span> | <a target="_blank" href="https://vip.meishubao.com/v2/teacherPublicity/"> 教师公示 </a> | <a target="_blank" href="https://vip.meishubao.com/v2/civilizedInternet/"> 文明上网倡议书 </a> </div> <div> <span class="site-name">浙江艺旗教育科技有限公司</span> 版权所有 </div> <div> <img src="https://imgvip.meishubao.com/vip/mpc/images/beian.jpg" style="width:20px;position:relative;top:5px"> <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010802011256">浙公网安备33010802011256号</a> | <a target="_blank" href="http://beian.miit.gov.cn/" class="beian">浙ICP备18023542号-3</a> </div> <div> <span class="certificate" data-open="jyxkz">出版物经营许可证</span> | <span class="certificate" data-open="xxfw-hjyw">增值电信业务经营许可证</span> | <span class="certificate" data-open="xxxtaqdj">信息系统安全等级保护备案证明</span> </div> <div> 法律事务:Legal01@meishubao.com | 知产投诉:report@meishubao.com </div> <div> 媒体事务:pr@meishubao.com | 政府事务:ga@meishubao.com | 商务合作:hz@meishubao.com </div> <div>举报电话:400-622-6190 | 举报邮箱:services@meishubao.com </div> <div> 地址:浙江省杭州市滨江区三维大厦4-8层 </div> </div> <div class="certificate-fullscreen"> <div class="certificate-content certificate-jyxkz"> <img src="https://imgvip.meishubao.com/vip/certificate/jyxkz.jpg" width="667" height="475" alt="出版物经营许可证" class="certificate-img" /> <span class="close-certificate">+</span> </div> <div class="certificate-content certificate-xxfw-hjyw" style="display: flex; align-items: center;"> <img src="https://imgvip.meishubao.com/vip/certificate/xxfw.jpg" width="392" height="538" alt="增值电信业务经营许可证-浙江" class="certificate-img" style="margin-right: 20px;" /> <img src="https://imgvip.meishubao.com/vip/certificate/hjyw.jpg" width="392" height="538" alt="增值电信业务经营许可证-北京" class="certificate-img" /> <span class="close-certificate">+</span> </div> <div class="certificate-content certificate-xxxtaqdj"> <img src="https://imgvip.meishubao.com/vip/certificate/xxxtaqdj.jpg" width="766" height="486" alt="信息系统安全等级保护备案证明" class="certificate-img" /> <span class="close-certificate">+</span> </div> <div class="certificate-content certificate-yyzz"> <img src="https://imgvip.meishubao.com/vip/certificate/business.png" width="766" height="486" alt="营业执照" class="certificate-img" /> <span class="close-certificate">+</span> </div> </div> <script src="https://imgvip.meishubao.com/vip/mpc/js/jquery-3.1.1.min.js"></script> <script> $(function () { $(".certificate").click(function () { var openType = $(this).attr("data-open"); $(".certificate-content").hide(); $(".certificate-" + openType).show(); $(".certificate-fullscreen").fadeIn(300); }); $(".certificate-content").click(function (e) { e.stopPropagation(); }); $(".close-certificate, .certificate-fullscreen").click(function (e) { e.stopPropagation(); $(".certificate-fullscreen").fadeOut(300); }); getVersion('com.msb.ArtVideoWB.Teacher') var str = ''; var url = window.location.origin; var obj = [ { host: 'vipmeishu.com', icpp: '浙ICP备18023542号-1', name: '浙江艺旗教育科技有限公司' }, { host: 'vipmeishubao.com', icpp: '浙ICP备18023542号-1', name: '浙江艺旗教育科技有限公司' }, { host: '.meishubao.com', icpp: '浙ICP备18023542号-3', name: '浙江艺旗教育科技有限公司' }, { host: '.yishubao.com', icpp: '浙ICP备20001038号-5', name: '杭州小伴熊科技有限公司' }, ]; obj.forEach(itm => { if(url.indexOf(itm.host) !== -1){ $('.beian').html(itm.icpp) $('.site-name').html(itm.name) } }) function getVersion(pcBundleId) { //需要根据ip判断是否显示提示 var env = document.location.host.split(".")[0]; var apiDomain = { dev121: "https://javaapi.meishubao.com/", test121: "https://testapi.meishubao.com", vip121: "https://onlineapi.meishubao.com", vip: "https://onlineapi.meishubao.com", }; var api = apiDomain[env]; var jsonData = { pcBundleId, pcBuildVersion: 0, }; $.ajax({ url: api + "/version", method: "post", data: jsonData, success: function (res) { if (res.status === 0) { if (res.upgrade) { const dom = ` <div>开发者:浙江艺旗教育科技有限公司 | 应用名称:美术宝1对1 | 版本号:${res.upgrade.lastVersion} | 更新时间:${res.upgrade.openTime}</div>`; $(".footer-wrapper").append(dom); } } }, error: function (err) { console.error(err); }, }); } }) </script> </div> <!--右侧浮窗--> <div class="online_service"> <div class="service_cont webchat"> <i class="icon icon-chat"></i> <span>在线咨询</span> <div class="pop">点击开始 在线咨询</div> </div> <div class="service_cont phone"> <i class="icon icon-phone"></i> <span>电话咨询</span> <div class="pop">请拨打咨询电话 400-622-6190</div> </div> <div class="service_cont code last-child"> <i class="icon icon-code"></i> <span>公众号</span> <div class="pop"> <img src="https://imgvip.meishubao.com/vip/mpc/images/icon_code_new.png" alt="" /> <p>关注美术宝1对1公众号,随时接收上课通知,查看课时记录。</p> </div> </div> <div class="service_cont back_top"> <a href="#"> <div class="back_wrap"> <img src="https://imgvip.meishubao.com/vip/mpc/images/back_top.png" alt="" /> </div> </a> </div> </div> <!--右侧浮窗--> <div class="online_service"> <div class="service_cont webchat"> <i class="icon icon-chat"></i> <span>在线咨询</span> <div class="pop">点击开始 在线咨询</div> </div> <div class="service_cont phone"> <i class="icon icon-phone"></i> <span>电话咨询</span> <div class="pop">请拨打咨询电话 400-622-6190</div> </div> <div class="service_cont code last-child"> <i class="icon icon-code"></i> <span>公众号</span> <div class="pop"> <img src="https://imgvip.meishubao.com/vip/mpc/images/icon_code_new.png" alt="" /> <p>关注美术宝1对1公众号,随时接收上课通知,查看课时记录。</p> </div> </div> <div class="service_cont back_top"> <a href="#"> <img src="https://imgvip.meishubao.com/vip/mpc/images/back_top.png" alt="" /> </a> </div> </div> <!-- 验证弹出层 --> <div class="popup_wrap"> <div class="popup"> <div class="title"> 温馨提示 <i class="closepop"></i> </div> <div class="content"> <div class="gift"> <img src="https://imgvip.meishubao.com/vip/mpc/images/gift.png" alt="" /> </div> <p class="popup_msg"> 恭喜您成功领取美术宝1对1试听大礼包!我们会在24小时内与您联系,请您耐心等待! </p> <div class="ensure">确定</div> </div> </div> </div> </div> <script> if (!String.prototype.includes) { String.prototype.includes = function (search, start) { if (typeof start !== "number") { start = 0; } if (start + search.length > this.length) { return false; } else { return this.indexOf(search, start) !== -1; } }; } </script> <script src="https://imgvip.meishubao.com/vip/mpc/js/jquery-3.1.1.min.js"></script> <script src="https://imgvip.meishubao.com/vip/mpc/js/mei_8.js?v=1.1.2"></script> <script src="https://imgvip.meishubao.com/vip/mpc/js/zhichi_4_4.js"></script> <script> $(function () { $(".download-btn-box").css("display", "block"); $(".download-btn-box").css("bottom", "5px"); var _herf = "https://vip.meishubao.com/kecheng/shaoermeishu/index.html" + window.location.search; $(".Jslink").click(function () { window.open(_herf); }); function getDownloadUrl(pcBundleId) { //需要根据ip判断是否显示提示 var env = document.location.host.split(".")[0]; var apiDomain = { dev121: "https://javaapi.meishubao.com/", test121: "https://testapi.meishubao.com", vip121: "https://preapi.meishubao.com", vip: "https://onlineapi.meishubao.com", }; var api = apiDomain[env]; var jsonData = { pcBundleId, pcBuildVersion: 0, }; $.ajax({ url: api + "/version", method: "post", data: jsonData, success: function (res) { if (res.status === 0) { if (pcBundleId === "com.yiqimac.ArtVideoWB") { $("#download-mac").attr( "href", res.upgrade.downurl ); } else { $("#download-win").attr( "href", res.upgrade.downurl ); } } }, error: function (err) { console.error(err); }, }); } function downLoadUrlMtd() { var os = getOS(); if (os == "mac") { getDownloadUrl("com.yiqimac.ArtVideoWB"); } if (os == "win") { getDownloadUrl("com.msb.win32.1v1.student"); } } //获取下载链接 downLoadUrlMtd(); // 获取操作系统 function getOS() { var isMac = /macintosh|mac os x/i.test(navigator.userAgent); return isMac ? "mac" : "win"; } // 检测操作系统 function checkOS() { var sUserAgent = navigator.userAgent.toLowerCase(); var sPlatform = navigator.platform.toLowerCase(); var isWin = sPlatform === "win32" || sPlatform === "windows"; var isMac = sPlatform === "mac68k" || sPlatform === "macppc" || sPlatform === "macintosh" || sPlatform === "macintel"; var isUnix = sPlatform === "x11" && !isWin && !isMac; var isLinux = String(sPlatform).indexOf("linux") > -1; if (isMac) return "MAC"; if (isUnix) return "Unix"; if (isLinux) return "Linux"; if (isWin) { var isWin2K = sUserAgent.indexOf("windows nt 5.0") > -1 || sUserAgent.indexOf("windows 2000") > -1; if (isWin2K) return "Win2000"; var isWinXP = sUserAgent.indexOf("windows nt 5.1") > -1 || sUserAgent.indexOf("windows xp") > -1; if (isWinXP) return "WinXP"; var isWin2003 = sUserAgent.indexOf("windows nt 5.2") > -1 || sUserAgent.indexOf("windows 2003") > -1; if (isWin2003) return "Win2003"; var isWinVista = sUserAgent.indexOf("windows nt 6.0") > -1 || sUserAgent.indexOf("windows vista") > -1; if (isWinVista) return "WinVista"; var isWin7 = sUserAgent.indexOf("windows nt 6.1") > -1 || sUserAgent.indexOf("windows 7") > -1; if (isWin7) return "Win7"; var isWin8 = sUserAgent.indexOf("windows nt 6.2") > -1 || sUserAgent.indexOf("windows nt 6.3") || sUserAgent.indexOf("windows 8") > -1; if (isWin8) return "Win8"; var isWin10 = sUserAgent.indexOf("windows nt 10") > -1 || sUserAgent.indexOf("windows 10") > -1; if (isWin10) return "Win10"; } return "other"; } // 根据操作系统显示下载按钮 function downloadCSS() { var os = getOS(); if (os == "mac") { $(".mac").show(); } if (os == "win") { $(".win").show(); var pla = checkPlatform(); switch (pla) { case 32: $(".pla64").hide(); break; case 64: $(".pla32").hide(); break; } } } // 检测是否兼容操作系统 function compatible() { var res = false; var os = checkOS(); var pass = ["MAC", "Win7", "Win8", "Win10"]; var fail = [ "other", "Unix", "Linux", "Win2000", "WinXP", "Win2003", "WinVista", ]; if (pass.indexOf(os) > -1) res = true; if (fail.indexOf(os) > -1) { res = false; } if (!res) { $(".support").css("display", "flex"); $(".logo_w").hide(); } } // 根据浏览器运行环境显示32或者64下载包 function checkPlatform() { var agent = navigator.userAgent.toLowerCase(); return agent.indexOf("win32") >= 0 || agent.indexOf("wow32") >= 0 ? 32 : 64; } compatible(); downloadCSS(); }); </script> </body> </html>