html5页面分享到微信qq,HTML 分享页面到QQ/微信、微博等平台

详细的代码示例(完整的分享媒体id对应表详见转载链接)

//QQ空间

//新浪微博

//百度

//人人网

//QQ

window._bd_share_config = {

common : {

bdPopTitle:'窗口标题',

bdText : '发现一个新的网页，快来围观啊~',

bdDesc : 'Custom share summary', //自定义分享摘要

bdUrl : 'Custom share URL address', //自定义分享url地址

bdPic : 'http://obs-hwe2-p2.obs.cn-east-2.myhwclouds.com/upfile/72180503/15411509626726.jpg' //自定义分享图片

share : [{

"bdSize" : 16

}],

slide : [{

bdImg : 0,

bdPos : "right",

bdTop : 100

}],

image : [{

viewType : 'list',

viewPos : 'top',

viewColor : 'black',

viewSize : '16',

viewList : ['qzone','tsina','huaban','tqq','renren']

}],

selectShare : [{

"bdselectMiniList" : ['qzone','tqq','kaixin001','bdxc','tqf'] //自定义弹出浮层中的分享按钮类型和排列顺序

}]

}

with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-new Date()/36e5)];

做的时候发现这些图标都是很过时的了，如果想要修改这些图标得自己重新做一张图片，通过图片位移来显示对应的图片

.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{

background-image: url('./icon.png') !important;

padding-left: 32px !important;

height: 32px !important;

line-height: 32px !important;

}

.bdshare-button-style0-16 .bds_tsina{

background-position: 0 -30px !important;

}

修改后

html5页面分享到微信qq,HTML 分享页面到QQ/微信、微博等平台相关推荐

微博html5到桌面,HTML 分享页面到QQ/微信、微博等平台
详细的代码示例(完整的分享媒体id对应表详见转载链接) //QQ空间 //新浪微博 //百度 //人人网 //QQ window._bd_share_config = { common : { bdP ...
H5前端页面实现分享到微信、qq、新浪功能。微信分享（完整demo）nativeShare.js
1.主要实现通过前端在页面中实现分享功能.依赖了一段nativeShare.js文件.(我放在文章最后面,直接复制就可) 参考了他人写法,我自己修改了页面效 ...
H5手机页面调起浏览器自带分享功能实例（QQ、UC浏览器微博、微信分享）
H5手机页面调起浏览器自带分享功能实例(QQ.UC浏览器微博.微信分享) HTML: <span class="viewshare wx" data-mshare=" ...
手机端 html 怎么分享到朋友圈,【Web前端问题】移动web页面如何实现分享到微信、QQ等分享功能？...
移动web页面(浏览器打开的web应用,非App内置的Web页面)内有分享按钮,点击可分享到朋友圈,微信好友,QQ...... 据说是使用相关插件,求指导! 回答: 如果不是app内置web页面,只能 ...
QQ小程序解决方法：您的小程序分享功能缺失，为了方便用户分享传播，小程序主要页面请设置showShareItems参数属性为null或4个，这样用户可以将小程序直接转发给QQ好友、空间、微信和朋友圈
提交QQ小程序,审核的时候,可能会被腾讯以如下理由拒绝审核: 您好,您的小程序分享功能缺失,为了方便用户分享传播,小程序主要页面请设置showShareItems参数属性为null或4个,这样用户可以 ...
html页面在微信分享php,详解html静态页面实现微信分享思路的示例代码分析
微信分享网页的时候,希望分享出来的链接是标题+描述+缩略图,微信开发代码示例里已提供了方法,但只适用于动态页面.由于dedecms是生成了静态文件,其实我想使用ajax获取jssdk参数也能也能实现微 ...
js实现QQ、微信、新浪微博分享功能
使用js实现QQ.微信.新浪微博分享功能. 微信分享需要手机扫描二维码,需要对url进行编码.在https协议下,扫描二维码时,浏览器打不开可能是没有安全证书导致的. js代码: 1 var shar ...
页面错误!请稍后再试_微信内嵌H5页面授权和分享
近期新上线项目,用到了微信授权获取用户信息和分享,掉坑无数次,遂写此篇,为后人指路项目情况技术选型项目语言:HTML.CSS.JavaScript 项目框架:Vue.js 项目搭建脚手架:vue ...
android 分享qq微信朋友圈,H5微信JS-SDK实现分享朋友朋友圈以及QQ自定义分享
1.准备工作 APPID公众号id.申请好友分享接口.ip白名单.js接口安全域名设置(必须是通过备案).要先登录微信公众平台进入"公众号设置"的功能设置里填写"JS接口 ...
企业微信（h5页面嵌入企业微信）的分享总结
config和agentConfig的区别所有的接口都需要config的注入权限,部分接口需要config和agentConfig的注入权限 agentConfig - 出现的问题 1 errMsg ...

html5页面分享到微信qq,HTML 分享页面到QQ/微信、微博等平台

html5页面分享到微信qq,HTML 分享页面到QQ/微信、微博等平台相关推荐

最新文章

热门文章