2016-06-07 15:45:46 wilgl1314 阅读数 14846
  • 微信开发核心基础

    很多公司,企业甚至政府部分都开通了微信公众号,想要发挥微信的大价值,就必须让微信跟自己的平台或者数据库联系起来。这套《微信开发核心基础》,用一个完整的案例,告诉你微信开发流程,错误调试,如何看开发文档,学习你就可以自己做些独立开发。这个教程使用PHP为开发工具,建议你先学习子恒老师的《微信公众号使用》。学习完后,可以跟我反馈,如果好的话,会推出《微信服务号开发》教程,QQ/微信:68183131

    12901 人正在学习 去看看 秦子恒

背景:使用微信web开发者工具进行移动调试,按照


配置网络代理后,如图:


当重启微信后,发现公共号上不去了,也不能正常的上网了

可以将服务器地址更改为:


去掉http://后再尝试,就可以了,然后选择微信web开发者工具,选择“”开始调试“,浏览公众号网页,就能开始调试了

2017-06-09 15:01:14 u010786200 阅读数 6033
  • 微信开发核心基础

    很多公司,企业甚至政府部分都开通了微信公众号,想要发挥微信的大价值,就必须让微信跟自己的平台或者数据库联系起来。这套《微信开发核心基础》,用一个完整的案例,告诉你微信开发流程,错误调试,如何看开发文档,学习你就可以自己做些独立开发。这个教程使用PHP为开发工具,建议你先学习子恒老师的《微信公众号使用》。学习完后,可以跟我反馈,如果好的话,会推出《微信服务号开发》教程,QQ/微信:68183131

    12901 人正在学习 去看看 秦子恒

废话不多说,4步解决移动端调试问题!!!!

以苹果手机为例

1、必须先下载微信web调试工具这就不多说了

2、保证手机和电脑在同一网段,手机打开无线局域网,点击所连接的网络进去后在最底部,HTTP代理选择手动,服务器设置为和本机一样的IP,端口9973

3、打开web调试工具选择移动调试---》ios设备调试---》开始调试

4、重启微信就可以访问你想调试的页面了

2019-06-19 11:31:39 weixin_38361347 阅读数 728
  • 微信开发核心基础

    很多公司,企业甚至政府部分都开通了微信公众号,想要发挥微信的大价值,就必须让微信跟自己的平台或者数据库联系起来。这套《微信开发核心基础》,用一个完整的案例,告诉你微信开发流程,错误调试,如何看开发文档,学习你就可以自己做些独立开发。这个教程使用PHP为开发工具,建议你先学习子恒老师的《微信公众号使用》。学习完后,可以跟我反馈,如果好的话,会推出《微信服务号开发》教程,QQ/微信:68183131

    12901 人正在学习 去看看 秦子恒

微信开发最大的特点就是不好调试,所以微信官方推出了一款调试工具!

下载地址:传送门

微信开发者工具项目演示

配置:

我这里是选择 ios

在这里插入图片描述

手机代理配置

打开手机选择网络(必须确保手机,电脑在同一局域网下面)

在这里插入图片描述

在这里插入图片描述

然后点击微信调试
出现下面连接结果界面:

在这里插入图片描述

然后用手机打开微信里面相应网页(你需要调试的功能页面,菜单或者页面)

下面是我自己点击菜单后的页面,以及连接后的结果页面
在这里插入图片描述

2019-03-09 14:54:05 Jonty1024 阅读数 504
  • 微信开发核心基础

    很多公司,企业甚至政府部分都开通了微信公众号,想要发挥微信的大价值,就必须让微信跟自己的平台或者数据库联系起来。这套《微信开发核心基础》,用一个完整的案例,告诉你微信开发流程,错误调试,如何看开发文档,学习你就可以自己做些独立开发。这个教程使用PHP为开发工具,建议你先学习子恒老师的《微信公众号使用》。学习完后,可以跟我反馈,如果好的话,会推出《微信服务号开发》教程,QQ/微信:68183131

    12901 人正在学习 去看看 秦子恒

使用TBS Studio进行微信公众号真机调试

目前在微信公众号开发中大家都很了解微信开发者工具,在早期的微信开发者工具中有移动调试功能,让手机通过代理的方式开通移动调试,但是最新版本的微信开发者工具中移除了移动调试功能。

 

image.png

 

在微信公众号开发的实际过程中,因为网络部署、证书等种种原因会引起某些手机兼容性问题,这时候微信开发者工具就爱莫能助了,如何解决真机调试的问题,那就必须借助TBS Studio。

TBS Studio是什么

TBS Studio是面向基于TBS的Web开发者和移动应用开发商(包括微信、手Q,三方App等)打造的开发服务整体解决方案,以提升广大开发者在真机环境下的开发效率,并帮助开发者分析和优化网页的设计,主要功能有网页Inspector调试,网页性能分析等。

TBS Studio在哪里

TBS Studio 下载

TBS Studio如何使用

  1. 下载安装。
    按照官方手册安装。
  2. 手机打开usb调试,连接到电脑

     

    image.png

     

    3.打开手机上的微信app并让微信保持在前台。
    4.打开TBS Studio,点击启动检测。

     

    image.png

  3. tbs弹出确认,点击确定。

     

    image.png

     

    6.设定tbs的调试状态,公众号里选择普通网页。

     

    image.png

  4. 使用微信扫二维码,根据提示操作,操作完成后重新开启微信app,打开要调试的公众号或h5链接。
    8点击tbs的启动调试,得到如下界面。(这里可能需要打开微信浏览器的TBS调试,方法是:微信打开这个网址 http://debugx5.qq.com/ ,选择“信息”→把TBS调试勾上)

     

     

     

    9.找到要调试的连接点击对应的inspect,打开开发者工具,剩下的就和电脑chrome一样了,这里操作界面是和手机同步的。

     

2017-03-20 21:06:13 dreamer0403 阅读数 2389
  • 微信开发核心基础

    很多公司,企业甚至政府部分都开通了微信公众号,想要发挥微信的大价值,就必须让微信跟自己的平台或者数据库联系起来。这套《微信开发核心基础》,用一个完整的案例,告诉你微信开发流程,错误调试,如何看开发文档,学习你就可以自己做些独立开发。这个教程使用PHP为开发工具,建议你先学习子恒老师的《微信公众号使用》。学习完后,可以跟我反馈,如果好的话,会推出《微信服务号开发》教程,QQ/微信:68183131

    12901 人正在学习 去看看 秦子恒

主要是为了测试写好的页面在实际情况中是否兼容、理想。
1. 准备好要测试的页面。
2. 在eclipse中新建一个web项目,把网页等相关测试内容扔进去
3. 在tomcat中添加该项目。
4. 查看本机的IP,并且在微信web开发者工具中,移动调试模块,选择ios设备调试,选择调试的无线网卡地址,确保在同一网段内。
5. 确保手机和电脑在同一网段内。都连接一个wifi就好啦
6. 请按照如下步骤将移动设备的网络代理配置到:之前选择好的IP地址 端口: 9973
iOS: 设置 - 无线局域网 - 选中网络 - HTTP代理手动,设置好后,记得重启微信
7. 配置tomcat,将host name改成现在本机的IP
8. 启动tomcat,先在本机的浏览器中打开测试的网页,看看是否成功。
9. 将刚刚打开测试网页的网址复制,粘贴在微信企业号相应菜单的url中。(此处,是要测试企业号中进入该菜单后,显示的结果),保存并发布。
10. 进入微信企业号,点击测试菜单,进入测试页面。
11. 在微信web开发者工具中,点击开始调试,进入weinre
12. 等待一会,若没有反应,重新刷新微信测试网页,第一次都有点慢,多刷新,就好了。

微信公众号调试

阅读数 1497

没有更多推荐了,返回首页