微信小程序调试_微信小程序 微信调试模式 手机不生效 - CSDN
精华内容
参与话题
  • 微信小程序如何进行本地调试

    千次阅读 2019-09-26 21:46:54
    1.下载并使用微信开发者工具 2.将项目导入工具 3.在项目中修改请求http地址 4.在工具上点击“测试号”,跳转到测试号管理界面设置request合法域名。 注意这里输入的测试域名要和上一步相同。 ...

    1.下载并使用微信开发者工具

     

     

    2.将项目导入工具

     

    3.在项目中修改请求http地址

     

    4.在工具上点击“测试号”,跳转到测试号管理界面设置request合法域名。

     

    注意这里输入的测试域名要和上一步相同。

     

     

     

     5.在host中将访问域名(maigeyitao.com)指向本地站点。这样小程序中访问http://maigeyitao.com:803,实际访问的是本地http://localhost:803的站点。

     

     

    6.点击“编译”接下来就可以在本地进行调试了。

    问题:

    • 如果遇到类似如下错误:不在以下request合法域名列表中。

     

    点击:”详情“检查合法域名是否一至(第4步中设置的结果会出现在下图“request合法域名"中)

     

    • 如果遇到AppID或者AppSecret为空的情况,请重新登录

        https://developers.weixin.qq.com/

     

     

     

    转载于:https://www.cnblogs.com/gougou1981/p/11163113.html

    展开全文
  • 微信小程序如何debug调试

    千次阅读 2019-03-01 15:09:43
    小程序程序中调用接口地址后加:?XDEBUG_SESSION_START=1 即可进入debug调试模式。前提是接口地址得是本地环境。 效果:小程序调接口时会直接跳转到PhpStorm对应接口打断点处。 此方法,对Postman也适用。 .....

    在小程序程序中调用接口地址后加:?XDEBUG_SESSION_START=1

    即可进入debug调试模式。前提是接口地址得是本地环境。

    效果:小程序调接口时会直接跳转到PhpStorm对应接口打断点处。

     

    此方法,对Postman也适用

    展开全文
  • 用Chrome调试微信小程序的方法

    千次阅读 2019-03-03 22:09:27
    微信小程序的开发一般就适用官方发布的“微信web开发者工具”了,可是,开始使用这个工具后,发现居然没有“调试”功能。 当然这其实只是官方没有写如何调试,实际上还是可以打断点,进行调试的,步骤如下。 步骤 1 ...

    问题

    微信小程序的开发一般就适用官方发布的“微信web开发者工具”了,可是,开始使用这个工具后,发现居然没有“调试”功能。

    当然这其实只是官方没有写如何调试,实际上还是可以打断点,进行调试的,步骤如下。

    步骤

    1 打开调试器的source面板

    默认在开发工具的右下方,如图
    调试器的Source面板

    2 在左边的Sources面板中找到需要调试的页面

    3 在中间的对应行的行号出打断点

    在这里插入图片描述

    4 开始调试

    调试也有跨步,单步,等调试模式,很方便

    展开全文
  • 微信小程序开发系列教程 微信小程序开发系列一:微信小程序的申请和开发环境的搭建 微信小程序开发系列二:微信小程序的视图设计 这个教程的前两篇文章,介绍了如何用下图所示的微信开发者工具自动生成一个...

    微信小程序开发系列教程

    微信小程序开发系列一:微信小程序的申请和开发环境的搭建

    微信小程序开发系列二:微信小程序的视图设计

    这个教程的前两篇文章,介绍了如何用下图所示的微信开发者工具自动生成一个Hello World的微信小程序,并讲解了这个自动生成的微信小程序的视图开发原理。

    这个系列的下一步,会继续介绍这个微信小程序的控制器index.js的实现。在上一篇微信小程序视图源代码的讲解里,我们通过逐行讲解代码的方式,介绍了微信小程序视图的基本开发思路。但是讲控制器index.js, 仅仅采取静态的代码走查还不够,我们需要将微信小程序启动起来,通过单步调试的方式逐行讲解,通过控制器的调用上下文能对微信小程序的控制器实现有更深入的了解。

    为此我们先要学会微信小程序的调试方法。

    打开微信开发者工具,点击工具栏的“调试器”按钮:

    开发者工具右边的区域现在从上到下一分为二:上面蓝色区域还是代码编辑页面,下面红色区域就是微信小程序的调试工具。

    做过前端开发的朋友们,可以一眼就看出这其实就是Chrome的开发者工具。

    我在我的微信公众号“汪子熙”上也写过一篇Chrome开发者工具的使用技巧介绍,感兴趣的朋友可以去看看:

    链接如下:https://mp.weixin.qq.com/s?__biz=MzI3MDE4MjM5Mg==&mid=2247484306&idx=1&sn=314d749da91a94064ef1e258657a0974&chksm=ead5b105dda23813addbca28689e3fcc22c0b47cb2d4f49557ec796edfa8fe88c43d2c70567a#rd

    在调试器里打开我们的控制器index.js, 单击行号”3”, 然后行号3自动被高亮,说明第3行已经成功设置好了一个断点。

    点击“编译”按钮,我们的小程序自动启动,设置在控制器里的断点就自动触发了。这样我们就可以通过单步调试的方式来学习微信小程序控制器的调用上下文了。

    微信小程序的调试器在手机上仍然可以打开。在手机上访问微信小程序,点击屏幕右下角的vConsole按钮。

    接着整个手机屏幕就被微信小程序的调试器充满了。这个调试器和电脑上安装的微信开发者工具相比,仅仅能显示日志和执行一些简单的JavaScript操作,但是不能像电脑上那样,进行JavaScript代码的调试。

    我们注意到上图的“command…”输入框可以输入一些简单的JavaScript命令,比如console.log(“Jerry”)。

    然后可以在手机的调试器上看到输出的Jerry:

    System标签页可以看到一些微信小程序性能相关的参数和性能参数:

    MicroMessenger版本号:6.6.6

    Wechat lib: 库文件版本2.0.9

    navigation: 3ms 跳转时间3毫秒

    domComplete(domLoaded): dom加载总共花费19毫秒

    WXML标签页能显示当前渲染好的视图的明细:

    大家熟悉了微信小程序的调试器,就能开始下一章节关于微信小程序控制器的学习了。

    要获取更多Jerry的原创技术文章,请关注公众号”汪子熙”或者扫描下面二维码:

    展开全文
  • 有了小程序ID和小程序密钥的,我们就可以在手机上查看调试微信小程序了。创建项目要填写注册时拿到小程序ID第二次创建项目,发现项目目录下不会以项目名称自动创建同名的目录,这一点很不好。创建成功后,点击左侧的...
  • 微信小程序里面的单步调试和变量查看

    万次阅读 多人点赞 2017-01-24 18:32:57
    总有一些东西,想看看它跑起来的内容与我们编程时想的是否一致,于是就想到了能不能单步调试或者打出一些我们想要的变量的内容,以便我们做进一步的开发和调整,现在我就要介绍下微信小程序的一般用到的调试方法和...
  • 微信小程序-单步断点调试

    万次阅读 2017-11-17 16:50:41
    总有一些东西,想看看它跑起来的内容与我们编程时想的是否一致,于是就想到了能不能单步调试或者打出一些我们想要的变量的内容,以便我们做进一步的开发和调整,现在我就要介绍下微信小程序的一般用到的调试方法和...
  • 微信小程序后台接口调试及发布

    千次阅读 2018-11-23 10:50:19
    本地调试环境:Win10,Springboot2,JDK8 发布环境:Linux,Tomcat8,JDK8 主要记录给小程序返回数据接口项目发布到Linux环境后使用真机出现网络错误的原因及解决方法 as we all know,小程序只有页面、样式、...
  • 微信小程序怎么本地调试

    千次阅读 2018-10-17 19:33:11
    关于微信小程序本地调试的问题,因为需要https,所以请求起来比较麻烦,后来问身边的人才发现了最简单的解决办法!!!所以这里直接引进大家来了解一下。可能需要花几块= =,反正20不多。 首先引进的就是NATAPP,这...
  • 微信小程序调试

    千次阅读 2019-11-27 19:21:51
    微信小程序调试 1、Wxml:真实的页面结构及结构对应的wxss属性 开发工具: 远程调试:
  • 之前我们公司想要调试企业微信的SAAS项目只能每次前端改一次然后就让服务端部署一下。特别麻烦,浪费时间。 为了避免更多的朋友浪费时间故发此文章供大家观看。 首先我们需要到这个地址去下载微信开发者工具:...
  • 刚刚微信小程序只有打开调试模式才能看到信息。查了一下,是因为服务器的域名没有设置。登录开发平台设置。这个然后呢,还要在开发工具中同步重新编译,OK!...
  • 微信小程序 真机调试无法请求localhost

    万次阅读 热门讨论 2018-12-27 21:10:09
    问题描述: 在微信开发者工具里能正常请求后台数据 但真机调试时 却报localhost请求失败的错误 解决方案: 在客户端的config.js中 把host里的localhost改成本机在局域网里的ip地址即可 服务端可继续沿用...
  • 微信小程序调试模式

    千次阅读 2018-04-29 16:54:16
    “Console”:小程序调试控制台;“Wxml”:和查看html页面结构类似;“Sources”:显示项目的脚本文件;“Appdata”:查看项目的数据情况;“Storage”:储存器窗口(用于显示项目在使用wx.setStorage接口或者wx....
  • 微信手机端调试工具[下载地址] ...如果安装调试工具-微信Web开发者工具需要卸载以前安装过的微信Web开发者工具(比如小程序-微信Web开发者工具),建议使用腾讯管家之类的清理干净。2.安装好后,选择移动调试,X5 Blin
  • 微信小程序开发者工具简介

    万次阅读 2018-05-14 10:07:29
    微信团队发布了微信小程序开发者工具、微信小程序开发文档和微信小程序设计指南,全新的开发者工具,集成了开发调试、代码编辑及程序发布等功能,帮助开发者简单和高效地开发微信小程序。启动工具时,开发者需要使用...
  • 最近在使用微信开发者工具对开发的微信小程序进行调试,遇到过两次这种问题,查阅网上解决办法,做下记录。 1、重新启动微信开发者工具 2、等一段时间再试试 3、卸载重装。。。。。 这个问题好多人都有遇到,...
  • uni-app开启微信小程序调试

    千次阅读 2019-04-03 16:40:06
    在开发uni-app项目过程如何开启微信小程序进行实时编译调试。首先根据官网做如下配置 1、点击“工具” -》 “设置” -》 “运行配置”,找到“微信Web开发者工具” 安装所在的文件夹。复制路径,填入到“小程序运行...
  • 微信开发本地调试工具(模拟微信客户端)开源免费微信管家系统(java)源码下载微信部署需要依靠80端口,如何快速有效的调试本地微信开发程序,捷微团队(jeewx-java微信开源系统),采用微信开发调试工具,供本地...
  • 微信小程序临时文件位置

    万次阅读 2016-12-13 13:44:11
    我们在调试微信小程序上传或下载文件时经常不知道是否成功,也不知道临时存在的目录,经过分析找到了保存时文件的位置,这样我们在调试的时候就方便多了 1、在开发工具调试时,临时文件存在user的文件下,具体如下图...
1 2 3 4 5 ... 20
收藏数 30,755
精华内容 12,302
关键字:

微信小程序调试