网页和移动端使用一键添加qq群组件

一键加qq群遇到的坑:

网页和移动端使用一键添加qq群组件_第1张图片
官方有步骤:官方复制的代码只能在pc端使用,在移动端的使用时ios系统下会先唤起app store,然后需要自己手动开启qq,结果还是和上一篇文章中联系客服组件的一样。

解决方案

pc端:a标签中href="//shang.qq.com/wpa/qunwpa?idkey=官方的qq群码"。
移动端:a标签中href=“mqqapi://card/show_pslcard?src_type=internal&version=1&uin=自己的qq群号&card_type=group&source=external”

总结:有这两句话基本上就可以在pc和移动端上使用一键加qq群组件了。
也可以判断一下是否是在pc端还是在移动端做出相应的效果
if (
/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent) ||
/(Android)/i.test(navigator.userAgent)
) {
console.log(“移动端”);
} else {
console.log(“pc端”);
}
}

你可能感兴趣的:(网页和移动端使用一键添加qq群组件)