HTML5网页如何调用浏览器APP的微信分享功能_网页调用手机分享-程序员宅基地

技术标签: jquery  

 

提示:目前仅仅支持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
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/web_qdkf/article/details/50442938

智能推荐

米家APP获取小米、绿米网关key的方法(5.6.81版本)(2020_05_15)_小米网关 key-程序员宅基地

文章浏览阅读1.2w次。找了网上很多地方,最近的也是2019年的,过时了。笔者根据网上一些论坛的提示,摸索到了现在版本的打开方式。打开米家(我的版本为5.6.81),在我的设备里点击网关(我的为绿米空调伴侣增强版)2. 点击右上角三个点图标“…”3. 点击“功能设置”4. 狂点下面的“插件版本”,直到出现图中的“局域网通信协议”和“网关信息”5. 分别点进去就能看到你想要的了。局域网通信协议里的“密码”就是接入home assistant要用到的16位Key了,当然了,要把上面那个开关打开。..._小米网关 key

POJ 1655 - DP 树的重心,经典 #P_poj1655 dp-程序员宅基地

文章浏览阅读3.8k次。POJ 1655 - DP 树的重心,经典 #P 题意:求树的重心。树的重心:删去重心后,生成的多棵树尽可能平衡。重心的意义,在对树进行分治的时候可以避免N^2的极端复杂度(从退化链的一端出发),保证NlogN的复杂度。 解法:一开始想到的是模仿求树的直径那样子去Dp,两次DFS。son[i] - 结点i的儿子结点数目第一遍求出son;h[i] - 结点i向_poj1655 dp

ReactNative对接Android步骤_nativemodules.rnviewshot is undefined. make sure t-程序员宅基地

文章浏览阅读1k次。ReactNative对接Android步骤1.开发环境搭建1.1 安装依赖必须安装的依赖有:Node、Python2、JDK 和 Android Studio。虽然你可以使用任何编辑器来开发应用(编写 js 代码),但必须安装 Android Studio 来获得编译 Android 应用所需的工具和环境。Node, Python2, JDK建议直接使用搜索引擎搜索下载 Node 、..._nativemodules.rnviewshot is undefined. make sure the library is linked on th

【IDE工具总结】Intellij idea利用Statistic插件统计项目代码行数_idea统计对应后缀的文件数量-程序员宅基地

文章浏览阅读708次。1 . 插件介绍统计项目中各个文件的数量,大小,行数,平均等信息根据扩展名自定义统计详细行数信息 , 包括总行数,代码行数,代码行数占比,注释行数,注释行数占比,空白行数,空白行数占比自定义选择多个文件 , 统计各个文件信息本插件需要JDK8或以上版本2 . 插件安装利用在线或离线方式安装Statistic插件到idea中(idea的插件安装详见Idea插件安装和管理)插件官方地址..._idea统计对应后缀的文件数量

linux检索docx内容,linux 查看文件内容的命令.docx-程序员宅基地

文章浏览阅读672次。linux 查看文件内容的命令观看档案内容 :cat, tac, more, less, head, tail, nl, 刚刚我们提到的都只是在于显示档案的外观,或者是移动与复制一个档案或目录而已,那么如果我们要视察一个档案的内容时,该如何是好呢?!这里有相当多有趣的指令可以来分享一下:最常使用的显示档案内容的指令可以说是 cat 与 more 及 less 了!此外,如果我们要查看一个很大型的档..._如何查看linux下所有.doc

简单对比Flat, Gouraud & Phong shading_phone的光照模型比gouraud-程序员宅基地

文章浏览阅读3.4k次,点赞6次,收藏7次。1. Flat shading:根据表面法向量计算光照,并应用到整个面片上;速度最快,效果最差,容易暴露物体的多边形本质;2. Phong shading:注意与Phong反射模型(Phong reflection model)区分开;根据顶点的法向量插值计算出表面法向量,再逐像素计算光照;速度最慢,但效果最好;3. Gouraud shading:根据顶点_phone的光照模型比gouraud

随便推点

ios WKWebView Could not signal service com.apple.WebKit.WebContent: 113: Could not find specified_could not build module 'webkit-程序员宅基地

文章浏览阅读3.3w次。最近在使用WKwebview(UIWebView 占用内存太大,而且还有内存泄漏问题)加载一个服务端的网页时候遇到这个问题,首先你要看一下你的Htttps 和Http 设置如下 发现没用,网上找了好多资料,大部分说先 [self.webView loadRequest:request]; 然后在addSubView 我发现也没用,后来又设置NSHTTPCookie 如下NSMutabl..._could not build module 'webkit

OCR系列:主流深度学习OCR文字识别方法对比_ocr深度识别比较-程序员宅基地

文章浏览阅读3.4k次,点赞3次,收藏37次。● 1 主流深度学习OCR文字识别方法对比(重点试): 文章地址:https://blog.csdn.net/lovebyz/article/details/84959818 1.Tesseract(LSTM) +Densenet (无代码) 2. CTPN+CRNN (中文 、重点试) 代码地址:https://git..._ocr深度识别比较

java反序列化 PHPSerializer 序列化的对象参数描述-程序员宅基地

文章浏览阅读826次。maven 引用的包<!--反序列化 php--> <dependency> <groupId>org.sction</groupId> <artifactId>phprpc</artifactId> <version>3.0.2</version> </dependency主要的操作方法: public static Map<String, Ob_phpserializer

5.2 使用向导创建选择查询_查询向导中不带选择条件的选择查询是啥-程序员宅基地

文章浏览阅读3k次。目录 1.从单个表中查询所需的信息罗斯文数据库中,选择”采购订单“表,创建——查询向导——简单查询选择查询字段设置查询表名称,完成 2.从多个表中查询所需要的数据创建——查询向导——简单查询——选择数据表选择这个表字段选择第二表及字段设置查询表名称,完成在使用数据库时,有时可能希望查看表中的所有数据,但有时可能只希望查看某些字段列中的数据,或者只希望在某些字段列满足某些条件时查看数据,为此可使用选择查询。创建选择查询有两种方法:使用查询向导和在设计..._查询向导中不带选择条件的选择查询是啥

【转载】 -- 15条使人醒悟的生活中的定律_断言醒悟-程序员宅基地

文章浏览阅读2k次。 1. 墨菲定律  “墨菲定律”源自于一位名叫墨菲的美国上尉。因为他认为某位同事是个倒霉蛋,便不经意地说了句笑话:“如果一件事情有可能被弄糟,让他去做就一定会弄糟。”后来这句话也就被延伸拓展,出现了一些其它的表达形式,比方说“ 如果坏事有可能发生,不管这种可能性多么小,它总会发生,并引起最大可能的损失”,“会出错的,终将会出错”等等。    基本上而言,根据“墨菲定律”可以推出_断言醒悟

相邻垂直外边距的塌陷-程序员宅基地

文章浏览阅读267次。垂直外边距的塌陷首先需要明确塌陷只会发生在块级元素的相邻垂直外边距间在使用CSS的垂直外边距样式时,相邻元素和父子元素都有可能发生相邻垂直外边距的塌陷(相邻元素是上方元素的下外边距和下方元素的上外边距之间,父子元素是父元素的上外边距和子元素的上外边距之间),为了在编写静态页面时避免由于垂直外边距的塌陷导致的布局混乱,需要了解塌陷时垂直外边距的表现和产生的原因——知道原因才能更好的解决问题塌陷时外边距的计算方式在《CSS权威指南》一书中对这种塌陷发生的描述非常的生动,书中将包围元素的外边距比作透明的塑_垂直外边距的塌陷