请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

微信web开发者工具打不开页面

问题1:微信web开发者工具打不开页面

输入这个地址按回车没有任何反应,不跳转

https://img1.sycdn.imooc.com/szimg//58a3b9e20001204111280496.jpg

chrome是可以正常访问的

https://img1.sycdn.imooc.com/szimg//58a3bd030001b44f11110277.jpg

测试了微信web开发者工具没有问题,输入其他网址是可以打开的比如百度;


问题2:使用微信扫码打开页面提示invalid signature

调试工具打不开,我就试了直接用微信扫码打开页面

打开会有个提示

https://img1.sycdn.imooc.com/szimg//58a3be4a0001176a10801920.jpg

然后我点击访问原网页,会提示错误(点继续访问也是一样的)。如下图

https://img1.sycdn.imooc.com/szimg//58a3bec90001f46a04900240.jpg




页面代码

wxjs.getConfig = function () {
   var url = wxjs.cfg.getConfig + "?url=" + window.location.href;

   $.ajax({
       url: url,
       type: "GET",
       dataType: "JSON",
       success: function (data) {
           var wxcfg = {
               debug: false,
               appId: data.appId,
               timestamp: data.timestamp,
               nonceStr: data.nonceStr,
               signature: data.signature,
               jsApiList: [
                   'previewImage'
               ]
           };

           console.log(data);

           wx.config(wxcfg);
       }
   });
};

wx.ready(function () {
   alert("success");
});

wx.error(function (res) {
   document.write(JSON.stringify(res));
});

https://img1.sycdn.imooc.com/szimg//58a3c0d30001c55208680054.jpg


后台代码

https://img1.sycdn.imooc.com/szimg//58a3c17300012c3106350906.jpg

https://img1.sycdn.imooc.com/szimg//58a3c19a0001a26808650258.jpg

已验证signature没问题

https://img1.sycdn.imooc.com/szimg//58a3c22c00011e5d10630552.jpg

可以看到和浏览器的截图是一样的


下面是我的测试号的配置

https://img1.sycdn.imooc.com/szimg//58a3c2af0001056808490575.jpg


疑问:

1、为什么调试工具打不开页面;

2、为什么用微信打开会弹出提示页面;

3、还有signature验证失败的原因


麻烦老师和各位大神有空解答一下,非常感谢!!!

正在回答 回答被采纳积分+3

1回答

提问者 wawjqyh 2017-02-15 13:59:51

解决了!

是映射工具的问题,不太稳定。换成付费的就好了。

免费的工具都不是很稳定,调试前面的课程没问题,到这里可能就有问题了。

我用的是这个 https://www.ngrok.cc/

之前用的是免费版,付费版5元一个月,建议开通一下。

还有换成付费的之后第二个问题也解决了,使用微信打开出现“非微信官方网页”提示可能是域名没有备案。

0 回复 有任何疑惑可以回复我~
  • 你好,请问你是怎么通过微信扫码打开的
    回复 有任何疑惑可以回复我~ 2017-02-22 20:27:44
问题已解决,确定采纳
还有疑问,暂不采纳
意见反馈 帮助中心 APP下载
官方微信