做服务更好的
网站建设公司
当前位置:首页 > 建站资讯 > 网站建设

手机网站制作关于页面分享几种做法

发表日期:2018-04-16 09:17:56作者来源:方维网络浏览次数:468 标签: 手机网站制作    

在手机网站页面中,需要实现对该页面的分享功能。要实现这个应用,首先要考虑可能会出现的场景。手机页面分享场景主要有三种:一是手机网站在微信浏览器中打开需要分享到朋友圈、发给好友等微信分享常规功能;二是手机网站在普通手机浏览器中,可以调用分享到微信、微博、朋友圈、好友等分享功能,此功能常见为有支持调用分享接口特定浏览器(如UC、QQ浏览器);三是在不提供分享的接口的浏览器中提示用户使用浏览器本身的分享功能进行分享操作。
下面就具体三种方法的实现做一下介绍与说明:
1、微信浏览器的分享。
具体文档可到微信公众平台去查询,如下图。

页面分享

需要事先申请公众号。要注意的是获取token,要保存在自已服务器上,不要频繁去获取,是有次数限制的,根据超时间进行本地保存,同时在微信公众号管理平台要把调用该接口的服务器的ip地址设置白名单,才能正确地输出,可以自定义对每个页面进行分享时的图文指定,可以通过对浏览器环境进行判断,如果是微信浏览器,可以直接调用该接口进行处理。指示用户使用微信自带的分享进行操作。这样的效果是最好的。
 
2、UC、QQ浏览器的分享开发接口调用。
该方法同样可以设置分享的标题、图文等信息。接口处理在相关浏览器的开放文档中应该是有的,有现成的插件可以使用“NativeShare.js”,可以去下载后稍微改造一下再使用。像网易新闻的手机网站中也有应用,可以去参考一下。对于使用这两种浏览器的客户来说还是比较友好的。
 
3、下面就要说到比无接口可用的浏览器中的分享了。
很多手机品牌自带的浏览器是各种各样,不能说针对每一中浏览器都去做相关的接口开发对接等工作,工作量繁重不说,还达不能更广的覆盖面。为了相对简便操作,可以使用当用户在这些浏览器中点击分享按钮时,弹出一个遮罩指示,有一个箭头指示提示用户使用浏览器自带的分享功能,当然这样做并不是最好的,最好还是使用强大的“NativeShare.js”,这个插件在UC、QQ浏览中可以支持的分享有:微博、微信、朋友圈、QQ、QQ空间、更多(此功能会调用出浏览器更多的小工具功能,非常好用)。而在其他普通浏览器中仍可支持的分享有:微博、QQ、QQ空间。
 
一般手机网站同时做到这三种分享就是比较完整的,同时这也是手机网站分享的技术要求。
以下是三种方式的效果图:

手机网站分享实现1手机网站分享实现2手机网站分享实现3

作者:方维网络王国梁

方维网络专注于互联网移动终端开发,包括微网站、微信公众号、小程序、APP等,欢迎有需要客户咨询400-800-9385.
如没特殊注明,文章均为方维网络原创,转载请注明来自http://www.szfangwei.cn/news/4255.html

相关网站设计案例

相关推荐新闻

微信小程序用户登录授权开...

有很多小程序应用免不了使用会员与获取用户位置,这就需要使用微信...

日期:2018-04-16 浏览次数:992

微信小程序:制作星星评...

不管是商城、O2O等类型的小程序都需要用到评价,而星星评价是最常...

日期:2018-04-16 浏览次数:619

来自IT网站项目经理的血...

金主爸爸让我写篇文章,关于互联网/关于网站建设的那些事儿,我犹犹豫...

日期:2018-04-16 浏览次数:470

微信小程序如何运营推广 ...

很多人开发出了微信小程序后不知道怎么推广运营?其实微信小程序...

日期:2018-04-16 浏览次数:746

分享一个公司网站设...

WEB服务器环境要求 Web服务器能部署到windows或Linux系统...

日期:2018-04-16 浏览次数:596

分享一个企业网站的网站...

很多企业网站是很多年以前做的了,随着互联网的快速发展,已经完全不...

日期:2018-04-16 浏览次数:568

分享方维网络一个集团网...

XX集团需要面向客户和潜在客户全面的反映公司的管理、服务的优势...

日期:2018-04-16 浏览次数:521

网站优化浏览器nofollow标...

什么是noFollow标签呢? noFollow 是HTML页面中a标签的属性值。...

日期:2018-04-16 浏览次数:852

如何优化网站前端网页加载...

所谓“天下武功,唯快不破”,速度是至关重要的,网站也是,网站打开速...

日期:2018-04-16 浏览次数:723

微信小程序定制开发遇到的...

微信小程序正式发布到现在也差不多快10个月了,这10个月中,小程序的...

日期:2018-04-16 浏览次数:337

网站大数据处理解决方案

一般我们制作的企业网站,小型系统很少涉及大批量数据处理。偶尔会...

日期:2018-04-16 浏览次数:516

方维网络:从网站到APP,当全...

1994年5月15日,中国科学院高能物理研究所设立了国内第一个WEB服务...

日期:2018-04-16 浏览次数:400

相关标签
分享分享工具
网站建设解决方案
集团上市公司网站建设解决方案微信小程序定制开发解决方案搜索引擎优化解决方案