微信扫码下载安装iOS和Android,将治大者不治小

作者:新闻资讯    来源:未知    发布时间:2020-02-09 03:56    浏览量:

问题:大家对这句话是什么看法?

微信扫码下载安装iOS和Android js代码问题 20C

这事情得从登陆微博说起,在电脑上,有好长时间没有登录,因此登录密码忘记了,记得可以扫码登录,于是打开手机微博,进行扫码登录。

微信公众平台使用JSSDK网页调起扫码并获取扫码数据

初学者,部分css样式在网上扒下来的,功能实现了,代码很糙,非常糙,望海涵,也希望大神多指导

得到你的APPID与AppSecret 获取到access_token与ticket 配置wx.config 调用扫码 二维码与条形码处理 获取返回值 关于苹果端网页扫码调起的问题处理 最后


废话不多说直接上代码:

<!--?php
require_once "jssdk.php";
$jssdk = new JSSDK("你的ADPPID", "你的AppSecret");
$signPackage = $jssdk--->GetSignPackage();
//sample.php,获取你的APPID与AppSecret传递到JSSDK处理
?>


<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"><!-- 适应屏幕缩放等乱七八糟的-->
<meta name="format-detection" content="telephone=no, email=no">
<title>这是标题啊</title>
<script src="vp.js" charset="utf-8"></script>
<link rel="stylesheet" href="swiper.min.css" media="screen" charset="utf-8">
<link rel="stylesheet" href="queryExp.css" media="screen" charset="utf-8">


        <header class="page-title">

        <h1 class="title">这是名字啊</h1>
    </header>
    <section class="form-main">
        <!--<input id="waybillNoId" type="button" value="请输入要查询的单号" onclick="window.location.href='history.html?from=query'">-->
        <input id="waybillNoId" type="button" value="请输入要查询的单号" onclick="">
        <i id="query" class="scan"></i>  <!-- 这里是点击那个扫码的图片-->
    </section>
       <script src="jweixin-1.0.0.js"></script>
        <script type="text/javascript" src="jquery.js"></script> 
        <script type="text/javascript">
<!-- 这里写wx.config和wx.scanQRCode-->
      wx.config({//配置wx.config
     //debug: true,//调试输出需要的话就拿出来
      appId: '<!--?php echo $signPackage["appId"];?-->',
      timestamp: <!--?php echo $signPackage["timestamp"];?-->,
      nonceStr: '<!--?php echo $signPackage["nonceStr"];?-->',
      signature: '<!--?php echo $signPackage["signature"];?-->',
      jsApiList: [
      //要调用的接口全部写在这
        'checkJsApi',
        'onMenuShareTimeline',
        'onMenuShareAppMessage',
        'onMenuShareQQ',
        'onMenuShareWeibo',
        'hideMenuItems',
        'showMenuItems',
        'hideAllNonBaseMenuItem',
        'showAllNonBaseMenuItem',
        'translateVoice',
        'startRecord',
        'stopRecord',
        'onRecordEnd',
        'playVoice',
        'pauseVoice',
        'stopVoice',
        'uploadVoice',
        'downloadVoice',
        'chooseImage',
        'previewImage',
        'uploadImage',
        'downloadImage',
        'getNetworkType',
        'openLocation',
        'getLocation',
        'hideOptionMenu',
        'showOptionMenu',
        'closeWindow',
        'scanQRCode',
        'chooseWXPay',
        'openProductSpecificView',
        'addCard',
        'chooseCard',
        'openCard'
      ]

  });
 wx.ready(function () {
    document.querySelector('#query').onclick = function () {//调用扫码事件返回扫码值
    wx.scanQRCode({
      needResult: 1,
      desc: 'scanQRCode desc',
      success: function (res) {
      alert(res.resultStr)//扫码数据在这看
        }         
      }
    });
  };   
});

       </script>

实际操作发现当扫描二维码的时候没有什么问题,但是扫码扫到条码时会出现问题,下面贴上处理方法:

if(res.resultStr.indexOf(',') > 0){
 //条形码时返回的格式类似为【code128,123456789】      
     var dealserialNumber=res.resultStr.split(',')[1];          
     dealserialNumber = dealserialNumber.replace(/[^a-zd]/ig, "");//处理条形码扫描的字符
     location.href='接收结果页面='+dealserialNumber;//扫描结果传递到的处理页面
else{
//二维码时
location.href='接收结果页面='+res.resultStr;//扫描结果传递到的处理页面
}

关于苹果端扫码,查了下往上,说什么网络请求之类的话,要怎么怎么处理,我处理起来比较粗暴,所有的js文件本地化,不知道是不是可行的,但是测试没发现什么大的问题,不知道这样处理是不是正确。

回答:

问题描述

微信扫码下载安装iOS和Android js代码问题
只能通过浏览器扫码才会显示我的APP安装包,iOS和Android的微信扫一扫 都是加载网页空白不动.

问题来了,找了半天没找到“扫一扫”功能在哪里。

一屋不扫何以扫天下!但大行不顾细谨,大礼不辞小让!我觉得这还是要具体问题具体分析,不可一概而论,首先要分清楚何为小事,何为大事,这并不是一件简单的事,所以跟着自己的心走,抓住主要矛盾就可以了

问题出现的环境背景及自己尝试过哪些方法

问题1 微信内置浏览器iOS和Android扫码都不能执行下载安装
问题2 微信内置浏览器扫一扫 iOS 我需要加个提示框 提示框 提示 即将离开微信 打开app Stroe下载 实际上是直接安装

要仿照的案例
图片 1

 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>二维码下载</title> <script type="text/javascript"> /* * 智能机浏览器版本信息: * */ var browser = { versions: function() { var u = navigator.userAgent, app = navigator.appVersion; return {//移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf > -1, //opera内核 webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核 gecko: u.indexOf > -1 && u.indexOf == -1, //火狐内核 mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), //是否为移动终端 ios: !!u.match(/(i[^;]+;? CPU.+Mac OS X/), //ios终端 android: u.indexOf('Android') > -1 || u.indexOf > -1, //android终端或者uc浏览器 iPhone: u.indexOf > -1 || u.indexOf > -1, //是否为iPhone或者QQHD浏览器 iPad: u.indexOf > -1, //是否iPad webApp: u.indexOf == -1 //是否web应该程序,没有头部与底部 }; }(), language: (navigator.browserLanguage || navigator.language).toLowerCase() } if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) { // TODO 此处写ios的下载地址 window.location="http://www.kzapp.com.cn/QRcode/kzwx.ipa"; } else if (browser.versions.android) { // 此处写Andoird 的下载地址 window.location="http://www.kzapp.com.cn/QRcode/kzwx.apk"; } // document.writeln("语言版本: " + browser.language); // document.writeln(" 是否为移动终端: " + browser.versions.mobile); // document.writeln(" ios终端: " + browser.versions.ios); // document.writeln(" android终端: " + browser.versions.android); // document.writeln(" 是否为iPhone: " + browser.versions.iPhone); // document.writeln(" 是否iPad: " + browser.versions.iPad); // document.writeln(navigator.userAgent); </script> </head> <body> </body> </html> 

于是乎百度,果然也有人找不到该功能,也来百度,最终学习了一篇文章之后,终于找到了。

你期待的结果是什么?实际看到的错误信息又是什么?

和我提供的参考案例一致 在微信内置浏览器的扫一扫iOS 提示框然后直接下载安装
在外部其他浏览器扫码直接下载

大家平时都习惯用微信,“扫一扫”功能就在微信首页右上角的“+”中,点击即出现,如下图所示。

图片 2

微信的“+”

支付宝还把“扫一扫”放到最显眼的第一排大按钮,特别好找,虽然左上角“+”点击后也会出现“扫一扫”。

图片 3

支付宝的“扫一扫”

但是新浪微博的初始界面是这样的:

图片 4

微博初始界面

右上角没有加号,也没有特别的地方显示“找一找”,所以出现找不到“找一找”的功能入口的情况。

曾经试着点击过左上角的“时钟”圆环,直接出现“雷达”界面,而不是我所希望的“扫一扫”。

经过百度后知道,原来“扫一扫”藏在“时钟”圆环旁边的小三角按钮中,点那个地方才会出现下拉菜单,“扫一扫”就会出现在菜单中。

图片 5

微博右上角点击后界面

由此感慨良多:

  1. 微博的“时钟”圆环旁边的小三角按钮太不明显,不容易准确点击,这个设计并不太友好
  2. 也许微博中“扫一扫”功能使用频率不高,才会让位于“雷达”功能,没有引起足够的重视
  3. 比较下来,如果需要出现更多菜单,还是以传统的“+”图标设计更容易识别和理解,方便用户找到所需功能
  4. 最后一句话:需要用户靠百度才能找到的功能,不是好的设计,用户体验自然也不会好。

从这个意义上讲,检索一下网上用户通过百度搜索你家产品如何使用的知识点,可以快速发现你家产品的问题所在,特别是检索某个功能点的人/问题越多,说明问题越大、越集中,需要针对性快速解决。

下一篇:没有了

相关新闻推荐

友情链接: 网站地图
Copyright © 2015-2019 http://www.fulinjf.com. www.461.net有限公司 版权所有