【WebVR】A-Frame全景网页分享时设置小图标

var MOBILE_IOS_HEAD_TAGS = [
  // iOS-specific meta tags for fullscreen when pinning to homescreen.
  Meta({name: 'apple-mobile-web-app-capable', content: 'yes'}),
  Meta({name: 'apple-mobile-web-app-status-bar-style', content: 'black'}),
  //Link({rel: 'apple-touch-icon', href: 'https://aframe.io/images/aframe-logo-152.png'})
];

网上的方法试了许多都不成功,比如在body的最上面放img没有用到aframe时可行,但是一加入相关标签,在分享时就会显示aframe.js里默认链接的官方图片logo。需要到js文件内去查找.png,就可以找到上面这一段代码,注释掉该行代码,才能正常显示自己设置的图片。

有个优先级比body第一张图片更高的方法,就是在head里添加<meta property="og:image" content="图片路径">,在本地测试时必须用网络上的图片,如果项目已经放到云服务器应该可以直接使用。

原文地址:https://www.cnblogs.com/Traveller-Leon/p/7597018.html