创新互联百度小程序教程：web-view中的分享

web-view 中的分享
- 代码示例

web-view 中的分享

当使用 web-view 组件时，用户从 A(h5) 页面跳转到了 B(h5) 页面。此时，用户在 B 页面发起分享，更可能的预期是分享 B 页面。但是，默认行为将打开 A 页面。此时，开发者可以做以下处理，让分享后打开 B 页面。

创新互联是一家专业提供仙桃企业网站建设,专注与网站设计、网站制作、H5建站、小程序制作等业务。10年已为仙桃众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。

针对小程序框架调起的分享

代码示例

在开发者工具中打开

在 WEB IDE 中打开

SWAN
JS

 
 
 
  
  
  Page({
  
  
   data: {
  
  
   webViewUrl: ''
  
  
   },
  
  
  
  
  
   onLoad({webViewUrl}) {
  
  
   webViewUrl && this.setData({webViewUrl});
  
  
   },
  
  
  
  
  
   onShareAppMessage({webViewUrl}) {
  
  
   return {
  
  
   title: '分享回流示例',
  
  
   content: '默认会回到分享时的 url',
  
  
   path: `/pages/openShare/openShare?webViewUrl=${encodeURIComponent(webViewUrl)}`
  
  
   };
  
  
   }
  
  
  });

针对 H5 页面通过 openShare API 调起的分享
JS

 
 
 
  
  
  const webViewUrl = location.href;
  
  
  swan.openShare({
  
  
   title: '智能小程序示例',
  
  
   content: '世界很复杂，百度更懂你',
  
  
   // 可通过 开发者平台 -> 设置 -> 开发设置 中查看
  
  
   appKey: 'y3dTfnWfkx2OXttMEMWlGHoB1KzMogm7', 
  
  
   path: `/pages/openShare/openShare?webViewUrl=${encodeURIComponent(webViewUrl)}`
  
  
  });

文章标题：创新互联百度小程序教程：web-view中的分享
网站链接：http://www.mswzjz.cn/qtweb/news30/518180.html

攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能，是专注品牌与效果的网络营销公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：贝锐智能

贝锐智能技术为您推荐以下文章