weixinjsbridge

欢迎增加php架构师之旅 群： 410028331 （招纳贤人-大师中）方便技术的交流 大家注意：本博客是2014年时调用微信分享功能。如今微信分享已经不适用了，下面为个人笔记 把这段js粘贴进，设置能够分享的页面。当微信打开，就可以微信进行分享各个圈 $(function(){ var lujing=$("#logimg").attr("src"); //分享中带有的图片 var url=window.location.href; //分享页的地址 var title=document.title; //分享内容的标题 weixin("http://m.e-iot.com/images/bg.jpg",url,title); }); function weixin(a,b,c){ document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { window.shareData = { "imgUrl": a, "timeLineLink": b, "sendFriendLink": b, "weiboLink": b, "tTitle": c, "tContent": "8+1互助平台---营销型站点互助分享会", "fTitle": c, "fContent": "8+1互助平台--

因为demo中支付金额是定死的，所以需要调整。 所以在使用的JS上添加了参数传入。 这里的传入string类型的参数，直接使用是错误的，对于方法，会出现appid缺少参数的错误 //调用微信JS api 支付 function jsApiCall(jsStr) { WeixinJSBridge.invoke( 'getBrandWCPayRequest', jsStr,//存在问题的 //jsStr,//josn串 function (res) { WeixinJSBridge.log(res.err_msg); //由于官方申明：使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回 ok，但并不保证它绝对可靠。 //所以在返回ok的时候，只进行成功提示（即使是支付失败，但是返回是ok） $(".flsclose03").click(); if (res.err_msg == "get_brand_wcpay_request:ok") { $(".cmact_blackbg1").stop(true, true).fadeIn("fast"); $("#tip_success").stop(true, true).fadeIn("fast"); } else { $(".cmact_blackbg1").stop(true, true)

由于微信自带字体放大功能，因此基于微信的页面都可以通过微信进行字体放大，但是有些情况下这并不是我们想要的，因为很多移动端页面的开发都是使用rem作为单位的，当使用微信进行字体放大是，会导致页面的整体布局乱掉的情况出现，这对用户体验来说是极其不友好的，我们希望能够禁止微信的字体放大功能，下面我通过查找资料找到的一些解决方法，至于移动端页面是如何开发的及rem单位的特点，这里不做赘述，详情请参考我的文章" 浅谈移动端页面设计的门道 "一文。 1.安卓手机禁止字体放大js代码 <span style="font-size:14px;">/* * 页面加入这段代码可使Android机器页面不再受到用户字体缩放强制改变大小 * 但是会有一个1秒左右的延迟，期间可以考虑通过loading展示 * 仅供参考 */ (function(){ if (typeof(WeixinJSBridge) == "undefined") { document.addEventListener("WeixinJSBridgeReady", function (e) { setTimeout(function(){ WeixinJSBridge.invoke('setFontSizeCallback',{"fontSize":0}, function(res) { // alert(JSON.stringify

微信webview内置了调整字体大小的功能，用户可以根据实际情况进行调节。但是很多移动端页面的开发都是使用rem作为单位的，字体大小改变以后，会出现页面布局错乱的情况，因此希望能够禁止微信的字体放大功能，下面是通过查找资料找到的一些解决方法。 1.安卓手机禁止微信客户端修改字体大小 <!-- 强制禁止用户修改微信客户端的字体大小---begin--- --> <script> (function() { if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") { handleFontSize(); } else { if (document.addEventListener) { document.addEventListener("WeixinJSBridgeReady", handleFontSize, false); } else if (document.attachEvent) { document.attachEvent("WeixinJSBridgeReady", handleFontSize); document.attachEvent("onWeixinJSBridgeReady", handleFontSize); } } function

前言 手机可以调整字体大小的地方： 1、手机QQ、微信、部分Android内置浏览器等非自己开发的App都支持字体大小的调整（我只介绍微信）； 2、iOS、Android系统本身也可以调整字体大小，导致自己开发的App的WebView的页面布局错乱。 调整字体大小后对页面的影响： 我先说一下系统自带调整字体大小功能对自己开发的App中的WebView页面的布局的影响： 在iPhone系统设置中的“字体大小”里调整字号变大后，应用中WebView里的排版似乎没有受到影响。但是Android则不行，系统调整字体后App内WebView里的页面计划不能直视，布局错乱的很厉害。 然后我在说一下手机 QQ、微信、部分Android内置浏览器等非自己开发的App提供的调整字体大小的功能：这些App自带有调整字体大小的功能，我们会发现字体变大以后，不管是iOS还是Android页面都会布局错乱。 解决方式： iOS: 无论是系统自带的调整字体大小，还是一些App自带的调整字体大小iOS是调整WebView字体大小是通过给body添加-webkit-text-size-adjust来实现的，所以只需在body修改-webkit-text-size-adjust属性即可，下面写的这两种方法都可以，选其一即可，方法如下： /* IOS微信、UC浏览器阻止字体大小调整 */ body { -webkit

推荐资料：https://juejin.im/post/59f678d7f265da43333dabb7 解决方案: Android微信浏览器： (function() { if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") { handleFontSize(); } else { document.addEventListener("WeixinJSBridgeReady", handleFontSize, false); } function handleFontSize() { // 设置网页字体为默认大小 WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 }); // 重写设置网页字体大小的事件 WeixinJSBridge.on('menu:setfont', function() { WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 }); }); } })(); 来源： CSDN 作者： 西风XF 链接： https://blog.csdn.net/qq_36242361/article/details

返回页面这个问题 当时打算使用window.close() 我自己的安卓手机 并没有退出当前主页面 回到企业微信 最终解决方法 WeixinJSBridge.call('closeWindow'); WeixinJSBridge是微信内置浏览器私有接口（ 注意：（WeixinJSBridge只能在微信内打开的网页有效）） 来源： CSDN 作者： create13 链接： https://blog.csdn.net/qq_38111015/article/details/103238092