精华内容
下载资源
问答
  • 微信长按二维码无效

    千次阅读 2018-09-14 16:28:27
    微信长按二维码无效 检查是否有<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> 检查css是否设置了user-select: none...

    微信长按二维码无效

    • 检查是否有<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    • 检查css是否设置了user-select: none;
    • 最好图片是否是在<img>中,而不是在background-image
    展开全文
  • 在安卓版的微信长按二维码可以识别(前提是你的微信版本到支持此功能),但是到了苹果版的微信就识别不了,经个人测试发现是缩放的问题: 1、设置了初始缩放设置为1,最大缩放值要>=1,不支持缩放。--->可以...

    在安卓版的微信长按二维码可以识别(前提是你的微信版本到支持此功能),但是到了苹果版的微信就识别不了,经个人测试发现是缩放的问题:

    1、设置了初始缩放设置为1,最大缩放值要>=1,不支持缩放。--->可以识别。

      如<meta content="width=device-width, initial-scale=1, maximum-scale=1.2, user-scalable=0" name="viewport" />

    2、设置了初始缩放设置为小于1或者大于1,最大缩放值大于或者等于初始缩放,不支持缩放。--->不可以识别。

      如<meta content="width=device-width, initial-scale=1.1, maximum-scale=1.2, user-scalable=0" name="viewport" />

     

    3、设置了初始缩放设置为1,最大缩放值要>=1,支持缩放。--->页面不缩放之前可以识别,一旦页面缩放过后就不可以识别。

      如<meta content="width=device-width, initial-scale=1, maximum-scale=1.2, user-scalable=1" name="viewport" />

    4、都不设置 ---->不可以识别。

    5、页面有css样式fixed --->不可以识别。

     

    不知道这是苹果的问题,还是微信的问题,但是要兼容,只能设置:初始缩放为1,最大缩放值要>=1,不支持缩放。

    转载于:https://www.cnblogs.com/xiaomou2014/p/4502255.html

    展开全文
  • ![iOS微信长按不会出来识别二维码,只有保存图片,安卓没有问题图片说明](https://img-ask.csdn.net/upload/201812/02/1543721428_981450.jpg)
  • 主要介绍了jQuery实现微信长按识别二维码的功能,非常不错,具有参考借鉴价值,对jquery长按识别二维码的相关知识感兴趣的朋友一起学习吧
  • 问题:在微信中长按h5页面二维码区域,发现没有“识别图中的二维码“的弹框 答案:二维码不要使用background, 需要使用使用img 跳坑链接: https://www.h5anli.com/articles/201702/wxewmsbug.html ...
    1. 问题:在微信中长按h5页面二维码区域,发现没有“识别图中的二维码“的弹框
      答案:二维码不要使用background, 需要使用使用img
      跳坑链接: https://www.h5anli.com/articles/201702/wxewmsbug.html
    展开全文
  • 主要介绍了iOS模仿微信长按识别二维码的两种方式,文章第二种方式是识别网页中的二维码,具体思路详解大家参考下本
  • 基于上一篇微信长按识别二维码 -- 页面多个二维码如何识别? )在部分设备上,如果图片非常多,还是会出现识别错误的bug(主要是二维码显示一半或居于底部时),修改了识别流程,改为点击图片弹窗,然后长按识别。 ...

    基于上一篇微信长按识别二维码 -- 页面多个二维码如何识别?
    )在部分设备上,如果图片非常多,还是会出现识别错误的bug(主要是二维码显示一半或居于底部时),修改了识别流程,改为点击图片弹窗,然后长按识别

    微信长按识别二维码

     

    页面布局,在列表页上覆盖一层大图div

    <div id="tempQrCodeImgDiv" style="width:100%;height:100%; position:fixed; display:none;background:#efeff4;z-index:90;">
        <div style="text-align:center; font-size: 22px; margin-top:30px; color:#ff560e">长按图片识别二维码</div>
        <img id="tempQrCodeImg" src="" style="width: 80%; margin-top:30px; margin-left:10%;z-index:100" />
        <div id="tempQrCodeName" style="text-align:center; font-size: 18px; margin-top:16px; color:#434243;" ></div>
        <div id="tempQrCodeDismissBtn" style="text-align:center; font-size: 18px; margin-left:20%;margin-right:20%; margin-top:50px; padding: 10px 20px;border-radius: 5px; background:none; border: 1px  #555 solid; color:#434243;">返&emsp;回</div>
    </div>
    <div style="text-align:center; font-size: 22px; margin-top:30px; color:#ff560e">单击图片放大后长按识别</div>
    

    然后是列表页,与上文基本一致:

    for (var i = 0; i < Model.settings.Count; i = i + 2)
    {
        <div class="ne-cell flex">
            <div class="ne-grids col3  " style="flex:1">
                <div name="qrCodeImgDiv" style="text-align:center; width: 80%; margin-left:10%; margin-top:20px;">
                    <img name="qrCodeImg" src="~/@Model.settings[i].QrCodePath" style="width: 100%; pointer-events: none;" alt="@Model.settings[i].Name"/>
                </div>
                <div id="div-name" style="text-align:center; margin-top:16px; color:#434243">@Model.settings[i].Name</div>
            </div>
            <div class="ne-grids col3 " style="flex:1">
                @if (i < Model.settings.Count - 1 && !string.IsNullOrEmpty(Model.settings[i + 1].QrCodePath))
                {
                    <div name="qrCodeImgDiv" style="text-align:center; width: 80%; margin-left:10%; margin-top:20px; z-index:100">
                        <img name="qrCodeImg" src="~/@Model.settings[i+1].QrCodePath" style="width: 100%; pointer-events: none; " alt="@Model.settings[i + 1].Name" />
                    </div>
                    <div id="div-name" style="text-align:center; margin-top:16px; color:#434243">@Model.settings[i + 1].Name</div>
                }
            </div>
        </div>
    }
    

    最后是js

    function load() {
                var imgs = document.getElementsByName("qrCodeImgDiv");
                for (var i = 0; i < imgs.length; i++) {
                    imgs[i].addEventListener("click", function () {
                        var qrCodeImg = this.getElementsByTagName("img")[0];
                        document.getElementById("tempQrCodeImg").src = qrCodeImg.src;
                        document.getElementById("tempQrCodeName").textContent = qrCodeImg.alt;
                        document.getElementById("tempQrCodeImgDiv").style.display = 'block';
                    })
                }
                document.getElementById("tempQrCodeDismissBtn").addEventListener("click", function () {
                    document.getElementById("tempQrCodeImg").src = "";
                    document.getElementById("tempQrCodeName").textContent = "";
                    document.getElementById("tempQrCodeImgDiv").style.display = 'none';
                })
            }
    
            window.addEventListener('load', load, false);
    

    大部分样式都在代码中写成style了,列表页比较简答,用的css没有改过来,自己对应加下就ok了;毕竟这里主要是提供思路。

    最终效果如下图:

    长按识别多个二维码.gif

     

    ps:相对于之前代码,用户操作变得繁琐了,但是,在图片非常多时不会出现识别错误的bug;如果只有1~4张二维码,可以使用之前的版本长按二维码识别1;如果是图片较多,一页5-6张图片,而且有多页,则使用本文所述方法!当然,如果有更好的方案解决该问题,欢迎留言,多谢!

    博客: IT老五 简书:ThinkinLiu


    IT老五(it-lao5):关注公众号,一起源创,一起学习!

     

    展开全文
  • 微信长按识别二维码bug整理

    万次阅读 2016-06-05 11:33:44
    微信长按识别二维码问题搜集与整理最近在折腾一个手机端页面长按识别二维码的问题。发现长按二维码时在ios和android手机上识别不是那么灵敏。下面整理下我对该问题的总结。
  • 今天遇到一个问题,两个并排的二维码,在微信里面只能识别一个,查了下资料; 原来采用的原理是:截屏识别 ,而不是img中的图片 详细资料: http://mp.weixin.qq.com/s?__biz=NzA3OTQ2OTgw&mid=205918916&...
  • jquery实现微信长按识别二维码 - 在线生成二维码1.引入JS库 &lt;script src="jquery-1.8.3.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt; &...
  • jquery实现微信长按识别二维码 (完整代码如下) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, ...
  • 微信长按识别二维码

    千次阅读 2017-04-14 11:52:36
    微信有自动识别二维码图片的功能,当它发现图片中含有二维码,自动会跳出扫描二维码的选项(图片必须包含指纹),而你要做的则是一张把二维码和指纹指示...2.只要在微信里面长按图片就会弹出--识别图中的二维码 如下图
  • 微信长按识别二维码是 QQ 浏览器的内置功能,该功能的基础一定要使用 img 标签引入图片,其他方式的二维码无法识别。 在 vue 中使用 QrcodeVue 插件 demo1 在 template 标签中直接使用 <qrcode-vue :value=...
  • H5首页banner图,在安卓微信长按可识别二维码,但在ios部分机型上,长按图片识别不了二维码。 测试机型: iphone6s plus 系统12.1 微信版本6.7.4 iphone7 系统12.0.1 微信版本6.7.4 问题排查: (1)将图片单独在...
  • spa(单页应用,vue)中,使用history模式时,微信长按识别二维码在ios下失效的问题。 触发条件: spa单页应用; 路由模式 history 从其他页面跳转到带有微信二维码识别的页面(不是直接打开该页面) ios版本...
  • 主要介绍了qrcode生成二维码微信长按无法识别问题的解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • 断言只有原图不可以被识别,因为背景是透明的 聊天框里可能还是全黑的黑色图片,点开后才会显示二维码 可以试试(记得原图) https://i.loli.net/2021/05/26/svLaAirWGK4jlDk.png
  • Canvas与Image互相转换示例以及利用该技术实现微信长按自动识别二维码功能 现在扫描二维码已经很普遍,微信扫一扫即可,但是如果二维码是在自己的手机上呢?那就要用到微信里的一个功能了,手指长按...
  • 常规的在公众号html页面中要实现长按识别二维码,直接使用img显示图片就可以了,如下: <img name="qrCodeImg" src="/images/itlao5.jpg" style="width: 80%;" /> 然而,当同一个页面有多个二维码时,会...
  • 参考:... <... <head> <script src="/jquery.qrcode/jquery-1.10.2.min.js">...script type="text/javascript" src="/jquery.qrcode/jquery.qrcode.min.js">.../script>
  • 微信H5 长按二维码识别不了

    千次阅读 2016-03-24 19:25:04
    解决办法: .qrcode{ padding:200px 0 0 200px !important; margin:-200px 0 0 -200px !important; position: relative;z-index: 100;... -webkit-user-select: ...对二维码图片添加qrcode样式 问题原因: 二维
  • 那就要用到微信里的一个功能了,手指长按二维码,会弹出自动识别的选项,点确定就可以看到二维码的内容了。那么怎么通过前端实现这个长按自动识别这个功能呢? 首先我们需要知道利用jquery的二维码生成插件jquery....

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 20,629
精华内容 8,251
关键字:

微信长按二维码