分享自定义标题,分享图标,分享描述演示代码

[复制链接]
周波Lv.8 显示全部楼层 发表于 2022-2-14 15:06:27 |阅读模式 打印 上一主题 下一主题
苹果上架

分享自定义标题,分享图标,分享描述演示代码
  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打包致力于H5混合APP基础框架领域的前沿探索,专注轻便的移动应用解决方案 提供基于HTML前端页面在各种应用层级的端延展。
  • 官方手机版

  • 微信公众号

  • 微信客服

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