一门APP开发教程

标题: 分享自定义标题,分享图标,分享描述演示代码 [打印本页]

作者: 周波    时间: 2022-2-14 15:06
标题: 分享自定义标题,分享图标,分享描述演示代码

分享自定义标题,分享图标,分享描述演示代码
  1. 自定义分享
复制代码

  1. <button onclick="zhixing()" >分享</button>
  2. <script src="您的服务器URL/jsbridge-mini.js"></script>
  3. <script type="text/javascript">
  4. function zhixing() {
  5. var img = '';
  6. for(var i=0;i<document.images.length;i++){
  7. if(parseInt(document.images[i].width)>100 && parseInt(document.images[i].height)>100){
  8. img=document.images[i].src;
  9. break;
  10. }
  11. }
  12. var shareInfo={
  13. title : document.title,
  14. link : location.href,
  15. imgUrl: img,
  16. desc : document.querySelector(".指定页面元素").textContent.replaceAll("\n","").trim().substring(0,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.share(shareInfo);
  25. }
  26. </script>



  27. 温馨提示:如果页面元素有多个元素请用[1]来进行指定元素
  28. document.querySelectorAll(".重复元素")[1].textContent.replaceAll("\n","").trim().substring(0,30)
复制代码


指定页面分享的图片,宽度和高度;

指定页面元素,取元素内文字字数;





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