如何在网页中通过js代码将内容js 分享朋友圈到朋友圈

收藏,18.5k 浏览
问题对人有帮助,内容完整,我也想知道答案
问题没有实际价值,缺少关键内容,没有改进余地
代码是这样的:
&script src="http://res./open/js/jweixin-1.0.0.js"&&/script&
wx.config({
debug: true,
appId: "wx02d04c1b737190fe",
timestamp: "",
nonceStr: "DArR9zORKGhde7AS",
signature: "ef1ffc35b7b1b3e22b65994edc2df",
jsApiList: [
'checkJsApi',
'onMenuShareTimeline',
'onMenuShareAppMessage',
'onMenuShareQQ',
'onMenuShareWeibo'
wx.ready(function () {
wx.checkJsApi({
jsApiList: [
'onMenuShareTimeline',
wx.onMenuShareTimeline({
title: '互联网之子',
link: 'http://wx.vland.cc/mobile.php?act=module&rid=406&fromuser=oktsYuHivHXuzdsMeCbWyF7b14UU&name=hllihe&do=sharelihe&weid=7',
imgUrl: 'http://wx.vland.cc/resource/attachment/images/7/2015/01/fl2Lk2p5o3iOJP3jdp9iPXI9i93iPm.jpg',
trigger: function (res) {
alert('用户点击分享到朋友圈');
success: function (res) {
alert('已分享');
cancel: function (res) {
alert('已取消');
fail: function (res) {
alert('wx.onMenuShareTimeline:fail: '+JSON.stringify(res));
wx.error(function (res) {
alert('wx.error: '+JSON.stringify(res));
因为打开了调试模式,弹出调试信息 说明配置没问题:
又弹出了checkJsApi,说明客户端支持这个接口:
然后就没有别的弹出了……
分享到朋友圈:
标题还是那个标题,并没有变成自定义的“互联网之子”,这是为什么?
这个问题已被关闭,原因:标明“最新”的问题是不能挖坟的
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
1月15日 回答
我也觉得有问题,遇到同样的情况,其它比如录音接口,定位接口都正常,就是分享接口不能使用,checkApi校验显示正常,但是就是不能自定义分享内容,应该是微信官方的问题
=================
发现问题了,必须是认证账号才能定制分享
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
1月15日 回答
wx.onMenuShareTimeline({
title: '互联网之子',
imgUrl: '',
trigger: function (res) {
alert('用户点击分享到朋友圈');
success: function (res) {
alert('已分享');
cancel: function (res) {
alert('已取消');
fail: function (res) {
alert('wx.onMenuShareTimeline:fail: '+JSON.stringify(res));
你可以绑定到一个按钮点击事件上面,或者和上面说的一样 延迟加载
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
1月15日 回答
wx.onMenuShareTimeline({
title: '互联网之子',
link: 'http://wx.vland.cc/mobile.php?act=module&rid=406&fromuser=oktsYuHivHXuzdsMeCbWyF7b14UU&name=hllihe&do=sharelihe&weid=7',
imgUrl: 'http://wx.vland.cc/resource/attachment/images/7/2015/01/fl2Lk2p5o3iOJP3jdp9iPXI9i93iPm.jpg',
trigger: function (res) {
alert('用户点击分享到朋友圈');
success: function (res) {
alert('已分享');
cancel: function (res) {
alert('已取消');
fail: function (res) {
alert('wx.onMenuShareTimeline:fail: '+JSON.stringify(res));
把这段代码,封装成个函数,然后用settimeout延迟2秒加载试试。
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
1月16日 回答
你的公众号认证了吗? 认证需要Money哦。。
没有认证是不让用自定义分享内容的哦。
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
1月16日 回答
因为现在只有特定域名能分享,一个公众号对应一个域名,需要备案。
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
1月16日 回答
貌似跟微信版本有关系,升级最新版再试试
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
1月20日 回答
确保你的公众号是有认证的,不然是没办法使用的
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
1月29日 回答
为什么不用这种方法?
定义 &title&分享的标题&/title&
在 &body& 开头插入 &div style="display:none"&&img src="分享显示的封面" alt=""/&&/div&
(注,body 不能用背景图,否则会拿body的背景图当封面)
以上, 不用申请什么sdk权限,还兼容 UC , QQ 浏览器的分享
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
4月12日 回答
你这个问题解决了么?
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
1月15日 回答
额我也没看出神马问题……
该答案已被忽略,原因:没有看出问题
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
1月16日 回答
请问下timestamp 和nonceStr这2个参数应该怎么填写,是要在公众号里配置吗?还有官方文档上说JS接口安全域名”。 是什么意思 应该怎么填写
该答案已被忽略,原因:答非所问,不符合答题要求
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
1月21日 回答
和楼主的代码一样,微信服务器已经认证。分享的时候显示的只是网页的标题,并不是设置好的个性化分享内容。求指导
该答案已被忽略,原因:宜作评论而非答案
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
1月28日 回答
楼主大人解决了吗
该答案已被忽略,原因:宜作评论而非答案
这个问题已经被关闭无法回答
分享到微博?
不要错过该问题的后续解决方案
如果你没找到答案,记得登录关注哦,大家会尽全力帮你解决的 ^___^
关闭理由:
删除理由:
忽略理由:
推广(招聘、广告、SEO 等)方面的内容
与已有问题重复(请编辑该提问指向已有相同问题)
答非所问,不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因(请补充说明)
举报理由:
推广(招聘、广告、SEO 等)方面的内容
带有人身攻击、辱骂、仇恨等违反条款的内容
与已有问题重复(请编辑该提问指向已有相同问题)
内容质量差,或不适合在本网站出现
答非所问,不符合答题要求
其他原因(请补充说明)
补充说明:
扫扫下载 App页面导航:
→ 正文内容
通过js脚本复制网页上的一个表格的不错实现方法
今天有人问我一个问题:如何通过js脚本复制网页上的一个表格?看起来似乎比较有难度,不过还是搞定了,顺便把解决这个问题的过程记录下来,希望能对写脚本的兄弟们有所帮助。 以前没有写过这种脚本,不过想起来前不久刚看到一个脚本可以实现全选HTML编辑器的内容,于是想到一个方案:使用脚本将该表格插入HTML编辑器中,然后全选HTML编辑器内容,执行HTML编辑器的复制命令,即可实现复制表格功能,很快搞定:
[Ctrl+A 全选 注:]这样子功能是实现了,不过觉得有点不爽,必须借助HTML编辑器才可,不过从全选HTML编辑器的代码中,注意到了createTextRange()方法,这个方法以前就有用过,只是一直没深入研究过。在Msdn中发现只有Body、TextArea等对象支持createTextRange()方法,继续在msdn中仔细查阅了一下,createTextRange()返回的是一个&TextRange&对象,继续查阅&TextRange&对象,发现其有很多方法,先试了试findText方法,发现只能选中文字,不能选中对象,继续找,终于发现了moveToElementText就是我们要找的方法:
[Ctrl+A 全选 注:]类似于这样的问题,可以想想以前有无写过见过类似的代码,如果没有也可以网上用关键字搜索一把,直接利用现有知识解决。msdn是一个非常好的宝库,就如小学学汉字的字典一样,从里面可以找到绝大部分所需要的资料。正应了那句话,自己动手丰衣足食:)
您可能感兴趣的文章:
上一篇:下一篇:
最 近 更 新
热 点 排 行
12345678910> 在网页中添加“分享到微信朋友圈”按钮的代码分享
在网页中添加“分享到微信朋友圈”按钮的代码分享
自从推出公众平台并允许分享文章到朋友圈之后,我看到有越来越多的朋友分享文章到朋友圈。
受冷笑话精选网站的启发,我们给36氪网站的移动版上加了&分享到微信朋友圈&按钮,在微信的内置浏览器中点击后可以一键分享,而不必点浏览器右上角的功能菜单再选择分享。
由于目前微信并没有提供这个按钮的官方支持,很多人问我们这个按钮是如何实现的,其实很简单,我们把我们实现的方法分享给大家,希望对那些想在网页端加这个按钮的人有所帮助。
下面是代码(相关参数请自行修改):
function WeiXinShareBtn() {
if (typeof WeixinJSBridge == &undefined&) {
alert(&请先通过微信搜索 wow36kr 添加36氪为好友,通过微信分享文章 &);
WeixinJSBridge.invoke('shareTimeline', {
&title&: &36氪&,
&link&: &&,
&desc&: &关注互联网创业&,
&img_url&: &/assets/images/apple-touch-icon.png&
值得注意的是,这个按钮如果不是在微信内置浏览器中打开,点击后是没办法分享的。但是可以设置一个小弹窗,比如我们的弹窗是这样设计的:在微信公众平台前端网页上添加分享到朋友圈,关注微信等按钮
在微信公众平台前端网页上添加分享到朋友圈,关注微信等按钮
文章目录[隐藏]
该代码已经失效:目前只能
微信公众平台开始支持前端网页,大家可能看到很多网页上都有分享到朋友圈,关注微信等按钮,点击它们都会弹出一个窗口让你分享和关注,这个是怎么实现的呢?今天就给大家讲解下如何在微信公众平台前端网页上添加分享到朋友圈,关注微信号等按钮。
微信内嵌浏览器
,我们可以发现微信内嵌浏览器定义了一个私有 JavaScript 对象:WeixinJSBridge,通过操作这个对象的相关方法可以实现分享到微信朋友圈,和判断一个微信号的关注状态以及实现关注指定微信号等功能。
分享到朋友圈
function weixinShareTimeline(title,desc,link,imgUrl){
WeixinJSBridge.invoke('shareTimeline',{
&img_url&:imgUrl,
//&img_width&:&640&,
//&img_height&:&640&,
&link&:link,
&desc&: desc,
&title&:title
发送给好友
function weixinSendAppMessage(title,desc,link,imgUrl){
WeixinJSBridge.invoke('sendAppMessage',{
//&appid&:appId,
&img_url&:imgUrl,
//&img_width&:&640&,
//&img_height&:&640&,
&link&:link,
&desc&:desc,
&title&:title
分享到腾讯微博
function weixinShareWeibo(title,link){
WeixinJSBridge.invoke('shareWeibo',{
&content&:title + link,
&url&:link
关注指定的微信号
function weixinAddContact(name){
WeixinJSBridge.invoke(&addContact&, {webtype: &1&,username: name}, function(e) {
WeixinJSBridge.log(e.err_msg);
//e.err_msg:add_contact:added 已经添加
//e.err_msg:add_contact:cancel 取消添加
//e.err_msg:add_contact:ok 添加成功
if(e.err_msg == 'add_contact:added' || e.err_msg == 'add_contact:ok'){
//关注成功,或者已经关注过
其他问题咨询,请关注我的微信公众号:WPJAM(WordPressJAM)。
你可能也喜欢
& Copyright 2015 我爱水煮鱼 保留所有权利
Icons by .
Powered by .
Hosting by .
图片存储由提供。当前访客身份:游客 [
当前位置:
请问一下微信分享网页到朋友圈,怎样才能带图片
共有4个答案
<span class="a_vote_num" id="a_vote_num_
logo图片只能用绝对路径吗?
<span class="a_vote_num" id="a_vote_num_
引用来自“學楽”的评论微信在页面分享,使用js,分享给朋友,朋友圈,QQ微博.
只要写上以下代码就ok
var imgUrl = &/img/bdlogo.gif&;
var lineLink = &&;
var descContent = '亲子游来玩了';
var shareTitle = '我的标题';
var appid = '';
function shareFriend() {
&&& WeixinJSBridge.invoke('sendAppMessage',{
&&&&&&& &appid&: appid,
&&&&&&& &img_url&: imgUrl,
&&&&&&& &img_width&: &200&,
&&&&&&& &img_height&: &200&,
&&&&&&& &link&: lineLink,
&&&&&&& &desc&: descContent,
&&&&&&& &title&: shareTitle
&&& }, function(res) {
function shareTimeline() {
&&& WeixinJSBridge.invoke('shareTimeline',{
&&&&&&& &img_url&: imgUrl,
&&&&&&& &img_width&: &200&,
&&&&&&& &img_height&: &200&,
&&&&&&& &link&: lineLink,
&&&&&&& &desc&: descContent,
&&&&&&& &title&: shareTitle
&&& }, function(res) {
function shareWeibo() {
&&& WeixinJSBridge.invoke('shareWeibo',{
&&&&&&& &content&: descContent,
&&&&&&& &url&: lineLink,
&&& }, function(res) {
// 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
&&& // 发送给好友
&&& WeixinJSBridge.on('menu:share:appmessage', function(argv){
&&&&&&& shareFriend();
&&& // 分享到朋友圈
&&& WeixinJSBridge.on('menu:share:timeline', function(argv){
&&&&&&& shareTimeline();
&&& // 分享到微博
&&& WeixinJSBridge.on('menu:share:weibo', function(argv){
&&&&&&& shareWeibo();
}, false);
已经不能用了,还贴在这里瞎指挥。
<span class="a_vote_num" id="a_vote_num_
微信在页面分享,使用js,分享给朋友,朋友圈,QQ微博.
只要写上以下代码就ok
var imgUrl = &/img/bdlogo.gif&;
var lineLink = &&;
var descContent = '亲子游来玩了';
var shareTitle = '我的标题';
var appid = '';
function shareFriend() {
&&& WeixinJSBridge.invoke('sendAppMessage',{
&&&&&&& &appid&: appid,
&&&&&&& &img_url&: imgUrl,
&&&&&&& &img_width&: &200&,
&&&&&&& &img_height&: &200&,
&&&&&&& &link&: lineLink,
&&&&&&& &desc&: descContent,
&&&&&&& &title&: shareTitle
&&& }, function(res) {
function shareTimeline() {
&&& WeixinJSBridge.invoke('shareTimeline',{
&&&&&&& &img_url&: imgUrl,
&&&&&&& &img_width&: &200&,
&&&&&&& &img_height&: &200&,
&&&&&&& &link&: lineLink,
&&&&&&& &desc&: descContent,
&&&&&&& &title&: shareTitle
&&& }, function(res) {
function shareWeibo() {
&&& WeixinJSBridge.invoke('shareWeibo',{
&&&&&&& &content&: descContent,
&&&&&&& &url&: lineLink,
&&& }, function(res) {
// 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
&&& // 发送给好友
&&& WeixinJSBridge.on('menu:share:appmessage', function(argv){
&&&&&&& shareFriend();
&&& // 分享到朋友圈
&&& WeixinJSBridge.on('menu:share:timeline', function(argv){
&&&&&&& shareTimeline();
&&& // 分享到微博
&&& WeixinJSBridge.on('menu:share:weibo', function(argv){
&&&&&&& shareWeibo();
}, false);
<span class="a_vote_num" id="a_vote_num_
有什么技术问题吗?
你是个好...的其他问题
类似的话题

我要回帖

更多关于 js 分享朋友圈 的文章

 

随机推荐