微信瀏覽器調試

最近做支付改版的項目，爲了調試頁面在微信瀏覽器中的效果而嘗試了幾種調試方法。

1. 微信web開發者工具

   下載地址：windowsx86版本下載

   調試效果：
   

   使用注意事項：
   (1).因爲我要調試的頁面，需要微信登陸授權功能，使用此功能需要你的微信號爲調試頁面所屬企業號的開發者，可以在微信公衆平臺企業號中綁定開發者身份。
   (2).這工具可以console、打斷點，爽是蠻爽，就是坑爹不支持模擬微信支付接口，還是不能debug微信支付。看來只能在手機上做debug了，然後找到了vconsole插件，支持console控制檯。

2. vconsole插件

   下載地址：vconsole.js在GitHub下載地址
   調試效果：
   
   使用注意事項：
   （1）將vconsole.js文件通過script標籤引入到需要打印調試信息的頁面即可。使用簡單
   （2）只能打印調試信息，不能打斷點

3. 微信支付踩坑點

   （1）微信支付有安全支付路徑限制，需要在微信公衆平臺你的企業號裏面，添加當前的支付頁面路徑進安全支付路徑，否則調wx.chooseWXPay()方法，參數傳的再怎麼正確，也只會相當智能的返回一個fail==.留人一臉懵逼。
   （2）微信支付調起需要在微信瀏覽器環境中，需要獲取用戶openID，如果用戶不選擇用微信賬戶登錄你的公衆號，此時拿不到openID，有兩個解決辦法
   a.通過調起網頁用戶信息授權，來獲取用戶openID
   b.不去獲取openID，採用微信掃碼支付，

   //生成付款二維碼代碼
    <script src="${pageContext.request.contextPath}/script/lib/qrcode.min.js"></script>
   methodeWXNative:function(code_url){
       $("#pay-qr-code").html("");
       new QRCode(document.getElementById("pay-qr-code"), {
           'text':code_url,
           colorDark : "#3F3F3F",
           colorLight : "#ffffff",
           width:256,
           height:256,
       });
   },