百度等分享代码微信分享到朋友圈只分享正文部分的方法 推荐
2014-02-14 15:09
471 查看
百度分享,加网分享等网页分享代码,分享的时候会分享整个页面,微信分享到朋友圈的按钮也是直接分享整个页面,在手机上看的时候非常不舒服,所以就给大家分享一个如何微信二维码分享网页到朋友圈只分享正文的方法
以下用百度分享做例子。
百度分享网站:http://share.baidu.com/
先点击获取代码,然后复制到网站的相应位置,就会出现按钮
之后在要分享的文章页,或者模板中添加js代码
Navigator 是HTML DOM中的内置对象,它包含有关浏览器的信息。userAgent是Navigator 的属性方法,可返回由客户机发送服务器的 user-agent 头部的值。作用其实就是返回当前用户所使用的是什么浏览器,toLowerCase() 楼上的说了,是将获得的信息变成小写的。
micromessenger是浏览器识别是否为微信的,如果是微信,则内容变成指定url,然后新建一个php文件,去处理要显示的内容即可。
比如我新建的article_weixin.php文件中处理
获取到指定页面的所有内容,然后正则匹配正文部分,然后在微信分享到朋友圈的时候,就会显示处理以后的内容了。
在输出这个内容之前,建议加一个
以下用百度分享做例子。
百度分享网站:http://share.baidu.com/
先点击获取代码,然后复制到网站的相应位置,就会出现按钮
之后在要分享的文章页,或者模板中添加js代码
<script> var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)=="micromessenger") { location.href='http://www.ccidcom.com/include/article_weixin.php?url=/html/yunyingshang/201402/14-215117.html'; } </script>
Navigator 是HTML DOM中的内置对象,它包含有关浏览器的信息。userAgent是Navigator 的属性方法,可返回由客户机发送服务器的 user-agent 头部的值。作用其实就是返回当前用户所使用的是什么浏览器,toLowerCase() 楼上的说了,是将获得的信息变成小写的。
micromessenger是浏览器识别是否为微信的,如果是微信,则内容变成指定url,然后新建一个php文件,去处理要显示的内容即可。
比如我新建的article_weixin.php文件中处理
$url=$_GET['url']; $content=file_get_contents('http://www.ccidcom.com'.$url); $pattern="/<div class=\"left_one\">(.*)网\)\】<\/div>/s"; preg_match_all($pattern,$content,$Acontent); echo $Acontent[0][0];
获取到指定页面的所有内容,然后正则匹配正文部分,然后在微信分享到朋友圈的时候,就会显示处理以后的内容了。
在输出这个内容之前,建议加一个
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1"/>意思是最大匹配手机的屏幕,这样就不会有宽度的问题了。
相关文章推荐
- 关于微信二次分享,标题变链接的解决方法(二)----代码部分
- 定制微信分享朋友圈JS代码
- js微信分享到朋友圈 分享给朋友代码
- 微信开发 分享朋友圈或好友代码
- 微信分享到朋友圈,分享给朋友JS代码
- 微信 分享到朋友圈 代码
- 百度代码分享到QQ、微信、人人网等
- 微信公众平台网页开发实战--1.微信分享一个网页到朋友圈 推荐
- vue 微信分享至朋友圈&&分享至朋友代码封装
- h5+分享到微信、朋友圈代码示例
- 微信 分享到朋友圈 代码
- ionic开发——微信分享朋友,朋友圈的实现方法
- 收藏 '分享 到百度、微信'功能代码
- wemall软件交易平台微信图文编辑器部分代码分享
- H5+ 分享到微信、朋友圈代码示例
- 微信分享朋友圈分享代码自定义标题、说明、图标和分享链接
- h5+分享到微信、朋友圈代码示例
- 微信分享到朋友圈代码 内置
- 微信分享到朋友圈JS代码
- [分享] Wex5 作品 仿微信聊天工具 部分代码 详情 留下邮箱