一门APP开发教程

标题: 自定义浮动功能面板分享按钮分享内容 [打印本页]
作者: 陈家粉儿    时间: 2022-2-15 17:33
标题: 自定义浮动功能面板分享按钮分享内容
进入页面自动执行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体验！

(, 下载次数: 192)



欢迎光临 一门APP开发教程 (https://bbs.yimenapp.com/) Powered by Discuz! X3.4