当前位置:首页 > 实用技巧 >

微博动态怎么转发到qq空间(微博怎么自动转发到qq)

来源:原点资讯(www.yd166.com)时间:2024-02-05 21:53:25作者:YD166手机阅读>>

h5页面分享组件、支持分享到微信、朋友圈、新浪微博、QQ空间、QQ好友。

下图为:1. 分享拉窗 2. 右上角提示(微信或手q客户端) 3. 弹层提示(其他浏览器)

微博动态怎么转发到qq空间,微博怎么自动转发到qq(1)

执行逻辑

- 微信客户端 手q qq浏览器 uc浏览器 其他浏览器 分享到微信 提示点击右上角分享 提示点击右上角分享 native分享 native分享 弹层提示 分享到朋友圈 提示点击右上角分享 提示点击右上角分享 native分享 native分享 弹层提示 分享到qq 提示点击右上角分享 提示点击右上角分享 native分享 - 弹层提示 分享到qq空间 提示点击右上角分享 提示点击右上角分享 native分享 web分享 web分享 分享到新浪微博 web分享 web分享 web分享 web分享 web分享 安装

有两种安装方式

  1. npm安装

npm install m-share

  1. script引入

<script src="//img.yd166.com/m-share.js"></script>

快速开始

<div class="m-share"></div> <script> const config = {...}; // config配置参考下面“基本使用-配置项” Mshare.init(config); </script>

配置项

const config = { link: 'http://www.qq.com', // 网址,默认使用window.location.href title: '标题', // 标题,默认读取document.title desc: '分享描述', // 描述, 默认读取<meta name="description" content="desc" /> imgUrl: 'http://backtonature.github.io/project/m-share/demo1.png' // 图片, 默认取网页中第一个img标签 types: ['wx', 'wxline', 'qq', 'qzone', 'sina'], // 启用的社交分享,默认为全部启用 infoMap: { // 针对不同平台设定不同分享内容 wx: { link: '分享到微信的链接', // 覆盖分享到微信的链接 title: '分享到微信的标题', // 覆盖分享到微信的标题 desc: '分享到微信的描述', // 覆盖分享到微信的标题 imgUrl: '分享到微信的图片链接' // 覆盖分享到微信的图片链接 } }, fnDoShare(type) { // 执行分享的回调,type为'wx', 'wxline', 'qq', 'qzone', 'sina' } };

注意:

  1. 所有的配置参数都不是必填项
  2. 其他浏览器并没有开放native分享的api,所以对分享到微信、朋友圈、QQ好友设置的infoMap参数,在其他浏览器和手机qq客户端下不会生效.

方法

init(config)

初始化化页面所有class为m-share的元素。

popup(config)

弹出分享弹窗

wxConfig(config)

若当前页面为公众号页面,具备访问微信api的能力,可通过此方法配置微信分享。

Mshare.wxConfig({ title: '', link: '', desc: '', imgUrl: '', wx: { appId: '', // 必填,公众号的唯一标识 timestamp: , // 必填,生成签名的时间戳 nonceStr: '', // 必填,生成签名的随机串 signature: '' // 必填,签名 }, infoMap: ... });

render(el, config) - demo

对指定元素渲染分享icon,el为指定元素或者指定元素的选择器String。

<div id="myDom"></div> <script> Mshare.render('#myDom', config); // or Mshare.render(document.querySelector('#myDom', config)); </script>

to(type, config) - demo

js直接调用分享

<button id="qq"></button> <script> document.querySelector('#qq').addEventListener('click', () => { Mshare.to('qq', config); }); </script>

源码地址:https://github.com/backToNature/m-share

如果觉得我们分享得不错,记得关注 DIY分享秀 还有别忘了点赞转发哟

栏目热文

微博怎么同步到qq空间(微博转发到qq空间如何设置权限)

微博怎么同步到qq空间(微博转发到qq空间如何设置权限)

有很多平台可以实现一次发文同步到多个平台,以下是一些常用的平台:微博:可以通过微博的“同步到”功能,将微博的内容同步到微...

2024-02-05 21:56:03查看全文 >>

qq空间的微博在手机上怎么找(从qq 空间怎么找到微博)

qq空间的微博在手机上怎么找(从qq 空间怎么找到微博)

在网络世界中,隐私保护一直是一个重要的话题。而在社交媒体平台上,我们的信息和行为更容易被公开。本文将介绍如何通过扒取微博...

2024-02-05 21:43:37查看全文 >>

如何分享到微博和qq空间(微博如何设置分享qq空间图标)

如何分享到微博和qq空间(微博如何设置分享qq空间图标)

“新人求分享!”,玩今日头条的可能都看见过这句话吧,不仅是在今日头条上,我们在各大资讯网站浏览文章时,在文章左侧或在底部...

2024-02-05 21:45:36查看全文 >>

我的世界火箭模组的火箭咋做(我的世界高级火箭模组详细教程)

我的世界火箭模组的火箭咋做(我的世界高级火箭模组详细教程)

用心玩游戏,用心写攻略,大家好,我是龙魂游戏解说。之前介绍了高级火箭之中的多方块结构,今天来聊聊如何在高级火箭之中制作可...

2024-02-05 21:35:27查看全文 >>

微信在哪里可以吃瓜(微信吃瓜聊天记录怎么找)

微信在哪里可以吃瓜(微信吃瓜聊天记录怎么找)

今天你有没有发现微信有哪里不同寻常?表情页面多出来几个新表情就是它们了!微博上常用的“吃瓜”“打脸”等表情都有了有没有被...

2024-02-05 22:08:35查看全文 >>

qq空间里跟微博同步怎么找到微博(微博怎样设置好友看不见我的微博)

qq空间里跟微博同步怎么找到微博(微博怎样设置好友看不见我的微博)

腾讯微博沉寂许久之后,近日突然活了过来!本周一,腾讯微博突然进行了安卓版本的更新升级,更新内容为修复了一些BUG,而上...

2024-02-05 21:59:13查看全文 >>

qq空间怎么同步到新浪微博(微博同步到qq空间相册)

qq空间怎么同步到新浪微博(微博同步到qq空间相册)

官方定位:我要自学网-免费视频教程,提供全方位软件学习,有3D教程,平面教程,多媒体制作教程,办公信息化教程,机械设计教...

2024-02-05 22:13:56查看全文 >>

qq空间的微博在哪(qq微博在哪里打开教程)

qq空间的微博在哪(qq微博在哪里打开教程)

[海峡网]近日,陪伴人们走过20年的QQ带来一波回忆杀,上线了“QQ个人轨迹”功能。QQ个人轨迹是什么在哪看?QQ个人轨...

2024-02-05 22:16:50查看全文 >>

微博怎么设置不显示qq空间(怎么关闭qq微博)

微博怎么设置不显示qq空间(怎么关闭qq微博)

大数据算法,这大概是现如今互联网世界被提到最多的词了吧。诚然,大数据应用于各行各业,在很多你看不到的地方发挥着巨大价值。...

2024-02-05 22:21:48查看全文 >>

qq空间微博在哪里打开(新版qq微博在哪里打开)

qq空间微博在哪里打开(新版qq微博在哪里打开)

[闽南网]最近qq个人轨迹成了最热门话题,虽然现在基本使用微信微博了,但是qq承载了几代人的美好回忆,而qq个人轨迹能帮...

2024-02-05 22:10:12查看全文 >>

文档排行