2019-08-18 17:39:02 qq_34200636 阅读数 849

今天在用微信小程序时,竟然获取不到服务器的数据,我一惊,过去一个月都可以,今天咋就不行了呢…第一反应是打开调试窗口,看看发生了什么,结果本来应该在小程序下方的vConsole不见了。
好嘛,那我就用开发者工具的真机调试,纳尼居然有数据…好,那我在用预览,结果没数据。

解决:点击小程序右上角的三点,选择“打开调试”就可以了

在这里插入图片描述

2019-12-25 17:41:33 yang450712123 阅读数 23

微信开发者工具不能调试公众号和小程序 webview

问题描述

  • 微信开发者工具调试小程序 webview 页面白屏,但是 date 里面数据一切正常
  • 微信开发者工具不能调试公众号网页,但是打开百度正常

解决方案

这个原因真是微信的锅,让人搞了一上午。微信开发者工具在2019年4月份之后的版本都不能调试网页相关的。可以安装 1.02.1904090 版本;如下图:

微信开发者工具版本

微信开发者工具下载入口

2017-04-25 17:05:29 u014755255 阅读数 7876

微信开发者工作是微信官方提供的针对微信小程序的开发工具,集中了开发,调试,预览,上传等功能。下面来介绍下自己的针对小程序和微信开发者工具的使用心得。

下载地址:开发者工具下载地址

1.下载并安装以后打开,需使用微信号扫码登录开发者工具

登陆新建一个quick start项目


如果还没有注册,可以填写无AppID,它会显示部分功能受限,实际上并没有太大影响。

2.添加一个quick start项目


3.目录结构

从上图的右侧可以很清晰地看出来一个微信小程序的结构,一个微信小程序的页面包括四个文件:

a.“.js”后缀的是脚本文件,主要是写一些业务逻辑的代码,基本和JavaScript一样。(在开发过程中发现一些函数JS有而微信没有,毕竟这是微信自己的一套东西)。

b.“.json”后缀的是配置文件,例如tab的各种属性,实际中每个小页面的使用的并不多,涉及全局配置的app.json使用比较多,app.json中包括定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。

c.“.wxml”后缀的是前端显示页面文件,你也可以把它理解为html页面,规则也和html5很类似,还是那句话,并不是完全一样,有些H5实现的东西wxml并不能实现。

d.“wxss”后缀的是样式表文件,类似于css。

以上是每个微信小程序页面的四种基本构成,微信开发者工具会根据这些,编译生成相应的小程序实例。


2019-06-03 15:22:59 weixin_42618191 阅读数 4692

uni-app开发微信小程序

开发uni-app的技术条件就是微信小程序及Vue,不熟悉vue的同学要先学习了解一下。不熟悉小程序可以直接看uni文档。
https://uniapp.dcloud.io/frame

1. 开发工具调试

打开微信开发工具-–>设置—>安全—>开启服务端口(微信开发者工具最新版)
进入XHbuilder,点击工具—>设置,找到微信开发者工具安装目录,设置启动地址(安装插件:工具—>插件安装)
(如果是开发支付宝小程序就需要自己打开生成的代码包,运行到支付宝开发者工具的时候编译平台会提示在哪个路径)
以上设置完成后就可在代码开发后点击运行,就能自主选择运行到哪端进行查看调试了。在编辑器中进行修改后不用重新运行,小程序开发者工具会自动更新,如果没有变化,点击重新运行即可:
在这里插入图片描述
详细流程介绍:https://uniapp.dcloud.io/quickstart

2. 开发项目配置

项目目录的manifest.json ,配置小程序AppID等。
项目目录的pages.json,配置页面路由(pages数组),配置应用的状态栏、导航条、标题、窗口背景色(globalStyle对象), 配置 tabBar 内容。这个开发过小程序的朋友来说是差不多的。不过uni-app的每个页面是没有自己对应json文件的,都在公共的page.json中设置。列如开启下拉刷新
在这里插入图片描述
官方文档有详细介绍:https://uniapp.dcloud.io/collocation/pages

3.公共文件

在components中建立公共的文件
common.js的代码地址:https://github.com/lady-mei/uni-app-common.js
components
main.js中引入公共文件或方法
在这里插入图片描述
4. 微信登录及获取用户信息

在公共的js文件中定义登录的方法在这里插入图片描述
获取用户信息进行解密的方法
在这里插入图片描述
在这里插入图片描述
其他方法后续添加。。。。。。
以上为个人开发项目的经验,有不对的或者更优方法的十分希望可以指点一二。谢谢!

2019-11-06 09:00:47 qq_34897745 阅读数 21

模拟微信浏览器的调试方式有多种,以下是个人比较常用的分享给大家了

1.微信web开发者工具

下载微信web开发者工具https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html(支持小程序开发

2.微信自带调试

微信浏览器网页打开http://debugx5.qq.com(仅支持android微信)打开下面两项,就可以调试了

3.浏览器调试

下载vconsole插件https://github.com/Tencent/vConsole/tree/dev/dist 页面直接引用js文件然后添加以下代码

希望对大家有帮助,以下是个人博客地址:www.xjqyc.cn

 

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