HTML5网页如何调用浏览器APP的微信分享功能

最新推荐文章于 2024-03-04 22:51:45 发布

VIP文章 web_qdkf

最新推荐文章于 2024-03-04 22:51:45 发布

阅读量2.9w

点赞数 5

分类专栏： jquery

本文链接：https://blog.csdn.net/web_qdkf/article/details/50442938

版权

提示:目前仅仅支持uc浏览器和QQ浏览器查看功能

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>HTML5网页如何调用浏览器APP的微信分享功能</title>
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
		<link rel="stylesheet" type="text/css" href="css/test.css" />
		<style type="text/css">
			html,
			body {
				margin: 0;
				padding: 0;
			}
		</style>

	</head>

	<body>
		<span class="shareBtn" id="toshare">点击分享到</span>
		<div id="nativeShare"></div>
		<script type="text/javascript" src="js/vendor/jquery-1.11.3.min.js"></script>
		<script type="text/javascript" src="js/nativeShare.js"></script>
		<script type="text/javascript">
			$("#toshare").bind("click", function() {
					var config = {
						url: '', //分享url
						title: '', //内容标题
						desc: '', //描述
						img: '', //分享的图片
						img_title: '', //图片名称
						from: '' //来源
					};
					var share_obj = new nativeShare('nativeShare', config);
					$(".am-share").addClass("am-modal-active");
					if ($(".sharebg").length > 0) {
						$(".sharebg").addClass("sharebg-active");
					} else {
						$("body").append('<div class="sharebg"></div>');
						$(".sharebg").addClass("sharebg-active");
					}
					$(".sharebg-active,.share_btn").click(function() {
						$(".am-share").removeClass("am-modal-active");
						setTimeout(function() {
							$(".sharebg-active").removeClass("sharebg-active");
							$(".sharebg").remove();
						}, 300);
					})
			});
		</script>

	</body>

</html>

/**
 * Created by Jeffery Wang.
 * Create Time: 2015-06-16 19:52
 * Author Link: http://blog.wangjunfeng.com
 */
var nativeShare = function (elementNode, config) {
    if (!document.getElementById(elementNode)) {
        return false;
    }

    var qApiSrc = {
        lower: "http://3gimg.qq.com/html5/js/qb.js",
        higher: "http://jsa

最低0.47元/天解锁文章

web_qdkf

关注

5
点赞
踩
8

收藏

觉得还不错? 一键收藏
7
评论
HTML5网页如何调用浏览器APP的微信分享功能

提示:目前仅仅支持uc浏览器和QQ浏览器查看功能<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>HTM...
复制链接

扫一扫