自定义浮动功能面板分享按钮分享内容

[复制链接]
陈家粉儿Lv.7 显示全部楼层 发表于 2022-2-15 17:33:30 |阅读模式 打印 上一主题 下一主题
一门app开发演示
功能名称: 自定义浮动功能面板分享按钮分享内容
功能说明: 自定义浮动功能面板分享按钮分享内容
核心代码: jsBridge.onMenuShareTimeline(shareInfo);
jsBridge.onMenuShareFriend(shareInfo);
jsBridge.onMenuShareQQ (shareInfo);
jsBridge.onMenuShareQZone (shareInfo);
jsBridge下载:
苹果上架
进入页面自动执行JS
  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. //设置页面分享图片为宽大于100,高大于100像素
  7. img=document.images[i].src;
  8. break;
  9. }
  10. }
  11. var shareInfo={
  12. title : document.title,
  13. link : location.href,
  14. imgUrl: img,
  15. desc : document.querySelector(".bz_message_table").textContent.replaceAll("\n","").trim().substring(0,30),
  16. //设置分享出去的元素内容截取,以及字数限制30
  17. success: function() {
  18. jsBridge.toast("\u5206\u4eab\u6210\u529f");
  19. },
  20. cancel: function() {
  21. jsBridge.toast("\u53d6\u6d88\u5206\u4eab\u6216\u5206\u4eab\u5931\u8d25");
  22. }
  23. }
  24. jsBridge.onMenuShareTimeline(shareInfo);
  25. jsBridge.onMenuShareFriend(shareInfo);
  26. jsBridge.onMenuShareQQ (shareInfo);
  27. jsBridge.onMenuShareQZone (shareInfo);
  28. })
  29. </script>
复制代码

下载jsbridge-mini.js上传服务器并引入,根据实际业务自定义JS策略,映射JS只会APP内生效!请下载APP打开app体验!

QQ截图20220215161338.png
回复

使用道具 举报

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

本版积分规则

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

  • 微信公众号

  • 微信客服

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