苹果IOS隐藏复制链接等按钮失效及报错the permission value is offline verifying解决办法

用vue开发微信公众号网页项目,用到微信分享功能,为?;ひ趁嬉?,需要隐藏复制链接、分享到朋友圈、收藏等按钮功能,具体效果见下:


一开始采用的办法是,按微信开放文档介绍的API,隐藏不需要的按钮

使用批量隐藏功能按钮接口:

wx.hideMenuItems({

menuList: ["menuItem:editTag","menuItem:delete","menuItem:refresh","menuItem:copyUrl",

"menuItem:share:qq","menuItem:share:weiboApp","menuItem:favorite", ???????????"menuItem:share:timeline","menuItem:openWithQQBrowser","menuItem:openWithSafari",

"menuItem:share:email", ?????????????"menuItem:originPage","menuItem:share:facebook","menuItem:share:QZone","menuItem:share:brand"]

})

结果:使用后微信开发者工具显示正常,安卓正常。但是苹果IOS显示异常,转发给朋友按钮显示不出来,刷新当前页面时,转发给朋友按钮就会显示出来。

一开始想到的解决办法是进入当前页面后用代码刷新一下当前页面,但感觉这种解决办法不太好,就没有采用。

于是在网上查找资料,找到一个解决办法:

先隐藏到所有按钮操作,在主动显示出来你要的按钮操作。

代码如下:

wx.ready(function () {

wx.hideAllNonBaseMenuItem();

//此处省略转发给朋友代码

????????wx.showMenuItems({

menuList: ["menuItem:share:appMessage"] // 要隐藏的菜单项,只能隐藏“传播类”和“?;だ唷卑磁?,所有menu项见附录3

});

});

写好后上测试环境,结果报错了,也不生效,打开调试模式,报错信息如下:


通过在网上查资料,找到了原因:config的jsApiList []缺少了hideAllNonBaseMenuItem这个参数,

jsApiList: [ 'checkJsApi', 'onMenuShareAppMessage',?'hideMenuItems', 'hideAllNonBaseMenuItem',??'showMenuItems', ?]

添加上如上参数,再上测试环境,发现不报上面的错误了,但是在苹果IOS手机上前面转发给朋友按钮显示不出来,刷新当前页面时,转发给朋友按钮就会显示出来的问题又出现了。调试模式下,报错信息如下:


问题分析:开启debug查看弹出的信息,先报错hideAllNonBaseMenuItem:the permission value is offline verifying,再弹出menuItem:share:brand,config:ok。而安卓手机或苹果手机当前页面刷新,是先弹menuItem:share:brand,config:ok,再弹hideAllNonBaseMenuItem:config:ok


得出结论:导致错误的原因是"先执行了wx.hideAllNonBaseMenuItem方法再执行wx.onMenuShareAppMessage()"。

解决方法:

setTimeout(() => { }, 400) ?// 将wx.hideAllNonBaseMenuItem和wx.showMenuItems()放延时器中延迟一下


代码如下:

wx.ready(function () { //通过ready接口处理成功验证

setTimeout(() => { ?????//把按钮的隐藏与显示放定时器里,可以解决苹果IOS系统按钮隐藏与显示不生效问题

wx.hideAllNonBaseMenuItem();

wx.showMenuItems({

menuList: ["menuItem:share:appMessage"] // 要显示的菜单项

});

},400)

wx.onMenuShareAppMessage({ // 分享给朋友 ?,在config里面填写需要使用的JS接口列表,然后这个方法才可以用

title: '盛唐传世 财富传家', // 分享标题

desc: '财富师'+businessName+'为您分享', // 分享描述

link: shareLink, // 分享链接

imgUrl: 'http://file0.datangwealth.com/g1/M00/16/50/rBAeX1ybKCiAEKkxAADvNDguF4c858.png?filename=share.png', // 分享图标

type: '', // 分享类型,music、video或link,不填默认为link

dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空

success: function() {

// 用户确认分享后执行的回调函数

},

cancel: function() {

// 用户取消分享后执行的回调函数

}

});

});


在分享微信公众号页面时还要到了一个头疼的问题,如果页面的链接地址进入页面后分享,分享的还是链接地址,不带标题描述图片等信息,只有从微信公众号菜单栏进入或者扫描二维码进入或者从带标题描述信息的分享链接进入,再次分享才会显示标题描述图片等信息

?著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,172评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,346评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事?!?“怎么了?”我有些...
    开封第一讲书人阅读 159,788评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,299评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,409评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,467评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,476评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,262评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,699评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,994评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,167评论 1 343
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,827评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,499评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,149评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,387评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,028评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,055评论 2 352

推荐阅读更多精彩内容

  • 先引入JS 文件 this.wxShare() 在created里调用 首先登陆微信公众号 JSSDK使用步骤 步...
    寄鱼予海与你阅读 6,686评论 1 3
  • 本文通过自己开发过程遇到一些坑做一次总结: 一、首先交代一下基本过程和工具 1、肯定是先撸一波文档微信api接口文...
    BULL_DEBUG阅读 4,013评论 0 3
  • 微信公众号开发 ?前面做过 HG 项目的微信端,里面用到微信扫码、支付、图片选取、拍照、分享的功能。用到 weix...
    Ghnhxg阅读 525评论 1 1
  • http://www.cnblogs.com/qxqbk/p/7117792.html 1、界面操作(1)隐藏右上...
    liuboxx1阅读 10,884评论 1 2
  • 1、下载weixin-js-sdk 的依赖 cnpm install weixin-js-sdk --save 2...
    fangzy0723阅读 945评论 0 1