为系统自带分享按钮定义页面分享内容

[复制链接]
陈家粉儿Lv.7 显示全部楼层 发表于 2022-2-15 13:34:27 |阅读模式 打印 上一主题 下一主题
一门app开发演示
功能名称:
功能说明:
核心代码:
jsBridge下载:
苹果上架


为系统自带分享按钮定义页面分享内容
可以适用于原生标题栏上分享按钮;浮动功能面板分享按钮
指定页面分享图片宽高
指定分享内容和字数
指定分享URL为当前页面链接
  1. <script type="text/javascript">
  2. jsBridge.ready(()=>{
  3.     var img = "";
  4.     for(var i=0;i<document.images.length;i++){
  5.       if(parseInt(document.images[i].width)>100 && parseInt(document.images[i].height)>100){
  6.         img=document.images[i].src;
  7.         break;
  8.       }
  9.     }
  10.     var shareInfo={
  11.         title : document.title,
  12.         link  : location.href,
  13.         imgUrl: img,
  14.         desc  : document.querySelector(".内容指定元素").textContent.replaceAll("\n","").trim().substring(0,30),
  15.         success: function() {
  16.           jsBridge.toast("\u5206\u4eab\u6210\u529f");
  17.         },
  18.         cancel: function() {
  19.            jsBridge.toast("\u53d6\u6d88\u5206\u4eab\u6216\u5206\u4eab\u5931\u8d25");
  20.         }
  21.     }
  22.     jsBridge.onMenuShareTimeline(shareInfo);
  23.     jsBridge.onMenuShareFriend(shareInfo);
  24.     jsBridge.onMenuShareQQ (shareInfo);
  25.     jsBridge.onMenuShareQZone (shareInfo);
  26. })
  27. </script>
复制代码





回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

一门APP打包致力于H5混合APP基础框架领域的前沿探索,专注轻便的移动应用解决方案 提供基于HTML前端页面在各种应用层级的端延展。
  • 官方手机版

  • 微信公众号

  • 微信客服

  • Powered by Discuz! X3.4 | Copyright © 2001-2020, 一门APP. | 一门APP开发平台|热门标签
  • 蜀ICP备17005078号-4 | 川公网安备 51019002001185号 | |成都七扇门科技有限公司