【web前端】19.手机分享网页链接的描述,标题,图片的控制

(1)微信

微信中可以通过微信提供的jssdk进行配置,详细文档参考微信JS-SDK说明文档

(2)QQ

在手机qq中可以直接配置meta标签进行配置

我们在qq聊天中有时候给朋友发一个链接,我们看到的是卡片类型,在meta标签里面设置,就可以自定义卡片的文字及图片信息,如下图所示,QQ获取分享信息的规则在QQ开放平台里面里面有具体说明:腾讯移动WEB开发平台,文档说可以通过js配置,但是引入jssdk以后未配置成功,提示当前环境无法使用通用API,暂时可以通过mete标签配置成功。

注意:

(1)如果是在公司内网的情况下,分享出去的内容或者转发出去的链接,文字图片就会有问题,有可能不是卡片的形式,这个有可能是腾讯内部对网络的限制。

(2)缓存:缓存也会影响效果,如果设置完以后不成功,记得清理一下缓存,url链接后面随便拼接一个参数,再重新访问一次,就能起到清理缓存的效果。

(3)图片要是http的,或者同一个域名下面的

【web前端】19.手机分享网页链接的描述,标题,图片的控制_第1张图片


    阿坤向您发起了篮球邀请
    
    
    
    
    
    

 另外添加如下link标签,可以设置title标题左边的小图标

 

你可能感兴趣的:(【Web前端】)