不同系统下微信 onMenuShareTimeline 调用

最新推荐文章于 2024-07-17 16:38:58 发布

koromon

最新推荐文章于 2024-07-17 16:38:58 发布

阅读量5.4k

点赞数

分类专栏： Web前端移动端开发文章标签：微信

本文链接：https://blog.csdn.net/koromon/article/details/75351825

版权

在安卓和iOS系统上，微信的onMenuShareTimeline调用出现不同行为。在安卓设备上，商品详情页的分享内容错误地显示为首页的文案，而iOS和微信开发者工具表现正常。通过排查发现，分享函数在不同环境的执行顺序导致了问题。解决方案是在异步环境中补充分享函数，避免全局函数被覆盖。反思中提到，分享函数应按需拆分，避免冲突，并提倡学习Webpack和ES6以实现更好的模块化。

摘要由CSDN通过智能技术生成

问题

一个商城项目，在首页和商品详情页有着不同的分享文案。测试的时候发现安卓系统下商品详情页的分享内容是首页的文案，但是 iOS 系统和微信开发者工具都是正常的…于是开始了排查之路。

首先来看下简化版的代码结构。

// 通用设置 - 全局设定分享信息
window.globalShareDataWx = {
    title: 'test'
}
alert('全局环境');
wx.ready(function(){
   
    alert('ready环境');
    wx.onMenuShareTimeline({
        title: window.globalShareDataWx.title
    })
})

// 商品详情页 - 商品详情页异步获取商品信息后
$.ajax({
    success: function(data) {
   
        alert('异步环境');
        wx.onMenuShareTimeline({