求助看板娘？
0
悬赏园豆：100
[已解决问题]
解决于 2025-04-27 22:06
不知道在这里问合不合适。我这边mac端，看不到我自己添加的看板娘，但是在windows端就能看到，有无什么解决方法吗？
<!-- live2D -->
<link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/blogs/693306/waifu1.css"/>
<script src="https://blog-static.cnblogs.com/files/blogs/693306/jquery.min.js"></script>
<div class="waifu" id="waifu">
<div class="waifu-tips" style="opacity: 1;"></div>
<canvas id="live2d" width="280" height="250" class="live2d"></canvas>
<div class="waifu-tool">
<span class="fui-home"></span>
<span class="fui-chat"></span>
<span class="fui-eye"></span>
<span class="fui-user"></span>
<span class="fui-photo"></span>
<span class="fui-info-circle"></span>
<span class="fui-cross"></span>
</div>
</div>
<script src="https://blog-static.cnblogs.com/files/blogs/693306/live2d.min.js"></script>
<script src="https://blog-static.cnblogs.com/files/blogs/693306/waifu-tips.js"></script>
<script type="text/javascript">initModel()</script>
<link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/blogs/693306/flat-ui.min.css"/>
这是代码
最佳答案
0
您好，现在应该好了，麻烦您再试试
收获园豆：80
谢谢您，困扰很久了
哎呀管理大大好像还是不行，您看看是不是您那边已经好了，如果没办法那就不管了，现在还是只有文字
@小东抢击侠: 您好，我这边 Chrome 中可以看到看板娘，刚刚发现 Safari 中无法显示，这是您添加的前端代码不兼容 Safari
@博客园团队: 哦哦，我也能在chrome中也能看到。谢谢您，麻烦了。若您还有多余的时间，有没有解决这个不兼容的方法呀，抱歉打扰您了
@小东抢击侠: 试了园中一些有看板娘的博客，在 safari 中都不能显示
@博客园团队: 哦哦，那就没事了，谢谢您的帮助。我以后就用chrome吧（
其他回答(1)
1
可能原因及解决方案：
-
浏览器兼容性问题
- Mac端使用的可能是Safari浏览器，Live2D对WebGL的支持可能存在兼容性问题
- 解决方案：尝试在Mac上使用Chrome或Firefox浏览器测试
-
WebGL支持问题
- 检查Mac浏览器是否启用了WebGL：
- 访问 https://get.webgl.org/ 测试WebGL是否正常工作
- 在Safari中：偏好设置 → 高级 → 勾选"显示开发菜单" → 开发 → 启用WebGL
- 检查Mac浏览器是否启用了WebGL：
-
缓存问题
- 清除浏览器缓存或尝试无痕模式访问
-
资源加载问题
- 检查Mac端浏览器控制台是否有资源加载错误(右键 → 检查 → Console)
- 确保所有CDN资源都能正常加载
-
脚本执行问题
- 尝试将初始化代码改为：
$(document).ready(function(){ initModel(); });
- 尝试将初始化代码改为：
-
权限问题
- Mac端浏览器可能有更严格的安全设置，尝试检查内容安全策略
-
Live2D核心库问题
- 尝试更新Live2D库版本，使用最新CDN：
<script src="https://cdn.jsdelivr.net/npm/pixi-live2d-display/dist/index.min.js"></script>
- 尝试更新Live2D库版本，使用最新CDN：
额外建议：
-
在Mac端打开开发者工具(Command+Option+I)，查看是否有报错
-
尝试简化代码测试，先只保留最基础的Live2D显示功能
-
检查网络环境，有些CDN资源在不同地区加载情况不同
收获园豆：20
大佬，live2D显示代码是哪几部分呀，麻烦了
诶我用google可以，对于safari有什么更好的解决办法吗，我的safari删不掉缓存
