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

(1)微信

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

(2)QQ

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

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

注意:

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

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

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

<head>
    <title>阿坤向您发起了篮球邀请</title>
    <!-- Meta -->
    <meta charset="utf-8" />
    <meta itemprop="name" content="阿坤向您发起了篮球邀请" />
    <meta itemprop="image" content="http://club.hyrongames.com/mobile/img/sc_icon.png" />
    <meta name="keywords" content=" 〇 接受 丨 〇 同意"/>
    <meta name="description" itemprop="description"  content=" 〇 接受 丨 〇 同意"/>
</head>

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

<link rel="icon" sizes="76x76" href="http://club.hyrongames.com/mobile/img/sc_icon.png">

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值