解决live2d看板娘卡顿

发布于 / 网页制作 / 3 条评论

关于live2d看板娘请看我之前的文章https://cangshui.net/?p=1886

有朋友反馈手机浏览器访问我的博客非常卡顿,进行了一番分析以后发现卡顿是因为博客的看板娘造成的,在手机板式时加载js会造成卡顿(原因暂时不明希望有点大佬告知)

其实并不需要做什么修改,只需要先删掉
message.js 和live2d.js的引用,然后加入判断用户浏览器是电脑还是手机就行了,是手机就不加载这两个js

然后在原来引用js的那个地方,加入这段

<script type="text/javascript">  
function browserRedirect() {  
var sUserAgent = navigator.userAgent.toLowerCase();  
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";  
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";  
var bIsMidp = sUserAgent.match(/midp/i) == "midp";  
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";  
var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";  
var bIsAndroid = sUserAgent.match(/android/i) == "android";  
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";  
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";  
// 浏览设备为  
if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {  
  
//手机浏览 
} else {  
  
//PC浏览
document.write('<script type="text/javascript" charset="utf-8" src="message.js"><\/script>');  
document.write('<script type="text/javascript" charset="utf-8" src="live2d.js"><\/script>');  
}  
}  
browserRedirect();  
</script> 
具体放置位置


本文基于《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权
转载原创文章请注明,转载自: 沧水的博客 » 解决live2d看板娘卡顿
  1. SASA

    怪不得我用手机上这么卡

  2. 匿名

    改了引用了 手机是不卡了 但是电脑网页也不显示我老婆了!!!! 求教!!!

    1. 沧水
      @匿名 你可是无脑直接复制粘贴我的JS么? 17和18行你不改js引用路径的吗