微信开发者工具教程 微信开发者工具 for Mac使用指南

微信开发者工具 for Mac中文版是Mac平台上的微信小程序开发工具,它是用模拟微信客户端来让开发者更好的进行微信的开发,微信开发者工具Mac版可以在Mac上模拟访问微信内网页,帮助开发者更方便、更安全地开发和调试基于微信的网页。

微信开发者工具使用教程

在登录页,可以使用微信扫码登录开发者工具,开发者工具将使用这个微信账号的信息进行小程序的开发和调试。

项目列表

登录成功后,会看到已经存在的项目列表和代码片段列表,

在项目列表可以选择公众号网页调试,进入到公众号网页调试模式

新建项目

当符合以下条件时,可以在本地创建一个小程序项目

  1. 需要一个小程序的 AppID;如没有 AppID,可以选择申请使用测试号。

  2. 登录的微信号需要是该 AppID 的开发者;

  3. 需要选择一个空目录,或者选择的非空目录下存在 app.json 或者 project.config.json。当选择空目录时,可以选择是否在该目录下生成一个简单的项目。

多开项目

工具支持同时打开多个项目,每次打开项目时会从新窗口打开,入口有以下几种:

  1. 从项目选择页打开项目,处于项目窗口时可以从菜单栏的项目 -> 查看所有项目打开项目选择页

  2. 从菜单栏的最近打开项目列表中打开的项目会从新窗口打开

  3. 新建项目

  4. 命令行或 HTTP 调用工具打开项目

管理项目

对本地项目进行删除和批量删除

主界面

开发者工具主界面,从上到下,从左到右,分别为:菜单栏、工具栏、模拟器、目录树、编辑区、调试器 六大部分。

菜单栏

微信web开发者工具

切换账号:快速切换登录用户

关于:关于开发者工具

检查更新:检查版本更新

开发者论坛:前往开发者论坛

开发者文档:前往开发者文档

调试:调试开发者工具、调试编辑器;如果遇到疑似开发者工具或者编辑器的 bug,可以打开调试工具查看是否有出错日志,欢迎在论坛上反馈相关问题

更换开发模式:快速切换公众号网页调试和小程序调试

退出:退出开发者工具

项目

新建项目:快速新建项目

打开最近:可以查看最近打开的项目列表,并选择是否***对应项目

查看所有项目:新窗口打开启动页的项目列表页

关闭当前项目:关闭当前项目,回到启动页的项目列表页

文件

新建文件

保存

保存所有

关闭文件

编辑:可以查看编辑相关的操作和快捷键

工具

编译:编译当前小程序项目

刷新:与编译的功能一致,由于历史原因保留对应的快捷键 ctrl(⌘) + R

编译配置:可以选择普通编译或自定义编译条件

前后台切换:模拟客户端小程序***后台运行和返回前台的操作

清除缓存:清除文件缓存、数据缓存、以及授权数据

界面:控制主界面窗口模块的显示与隐藏

设置:

外观设置:控制编辑器的配色主题、字体、字号、行距

编辑设置:控制文件保存的行为,编辑器的表现

代理设置:选择直连网络、系统代理和手动设置代理

通知设置:设置是否接受某种类型的通知

工具栏

点击用户头像可以打开个人中心,在这里可以便捷的切换用户和查看开发者工具收到的消息。

用户头像右侧是控制主界面模块显示/隐藏的按钮。至少需要有一个模块显示。

工具栏中间,可以选择普通编译,也可以新建并选择自定义条件进行编译和预览。

通过切后台按钮,可以模拟小程序***后台的情况

工具栏上提供了清缓存的快速入口。可以便捷的清除工具上的文件缓存、数据缓存、还有后台的授权数据,方便开发者调试。

工具栏右侧是开发辅助功能的区域,在这里可以上传代码、版本管理、查看项目详情

工具栏管理

在工具栏上点击鼠标右键,可以打开工具栏管理

模拟器

模拟器可以模拟小程序在微信客户端的表现。小程序的代码通过编译后可以在模拟器上直接运行。

开发者可以选择不同的设备,也可以添加自定义设备来调试小程序在不同尺寸机型上的适配问题。

在模拟器底部的状态栏,可以直观地看到当前运行小程序的场景值,页面路径及页面参数

独立窗口

点击 模拟器/调试器 右上角的按钮可以使用独立窗口显示 模拟器/调试器

项目页卡主要有三大功能

显示当前项目细节

包括图标、AppID、第三方平台名(只有第三方平台的开发小程序才会显示)、目录信息、上次提交代码的时间以及代码包大小。

基础库信息

基础库版本切换

开发者可以在此选择任意基础库版本,用于开发和调试旧版本兼容问题。

显示基础库支持的客户端版本

工具1.02.2002252或以上版本,开发者可以在此查看任意基础库支持的微信客户端版本范围

显示灰度中的基础库

正式版本的基础库全量发布前,会有一个灰度的过程。

工具1.02.2002252或以上版本,开发者可以在此查看正在灰度中的基础库版本

下发测试基础库

注意:该功能只能下发到登录开发者工具的微信号的客户端,并会影响到该客户端所有小程序

工具1.02.2003112或以上版本,开发者可以在此选择任意基础库版本并下发到客户端

微信客户端对开发版小程序打开调试,可以查看下发测试基础库的生效时间以及版本

项目设置

代码保护

开启此选项,开发者工具会尝试对项目代码进行保护,主要是对文件进行扁平化处理并替换 require 引用的文件名,以下情况不适合使用此功能

  1. 对于小程序只有简单页面的情况下,开启此功能效果不佳

  2. 有文件超过 500kb,且其中有使用 require 引用项目中的文件的情况,在运行时可能会报文件没有找到

  3. 动态引用的情况,如 var a = 'somefile.js'; require(a);

  4. 将 require 函数赋值给其他变量的情况,如 var a = require; a('somefile.js');

  5. 将 require 作为二元运算符的参数的情况,如 require + 1;

  6. 使用 ... 运算符且未开启 ES6 转 ES5 的情况

不校验请求域名及 TLS 版本

正式发布的小程序的网络请求是需要校验合法域名以及域名的 TLS 版本,可以在 mp 管理后台进行配置。 在开发过程中可以开启此选项,开发工具将不会校验安全域名,以及 TLS 版本,帮助在开发过程中更方便的完成调试工作。

域名信息

将显示小程序的安全域名信息,合法域名可在 mp 管理后台进行设置。

(0)

相关推荐

  • 小程序工具初探

    大家好,我睡不住了.睡一天了,起来写东西.夏天真好,七窍废掉,求治疗鼻炎的方法. 下载稳定版 安装完成 打开后的预览界面 个人账户下午消息 默认的预览界面 调试界面带自动补全 源代码界面 网络调试窗口 ...

  • 鸡子网微信小程序上线

    鸡子网网站于今年10月23日上线,定位是评论网络热门事件,普及客观知识干货,一个有趣的网站. 鸡子网是用简洁强悍的Typecho程序搭建的,高仿煎蛋网主题,内置了评论邮件提醒.站点地图功能. 最近,偶 ...

  • 使用 Taro 快速开发京东小程序

    近两年来小程序逐渐成为互联网的一个行业风口,一直备受业界关注,各大厂也接踵推出了自己的小程序.近日京东也推出了小程序:京东小程序.Taro 作为一款专注于多端统一开发的框架,第一时间对京东小程序进行了 ...

  • 新版 windows,太爆炸了!!|安卓|windows|微软|linux|应用程序|macos

    6 月 3 日凌晨,微软宣布将于6 月 24 日 23点 发布下一代 Windows . 据发布只有不到10天的时间了. 关于新系统的爆料也越来越多了,咱们一起来看一看吧! 1.新系统或将采用macO ...

  • 分享一点微信小程序的开发经验

    简单介绍一下:这是一款轻量级的库存管理软件,可以通过微信扫一扫功能,扫描商品上的条形码,进而对库存商品进行入库.出库的管理.无需下载安装,即开即用.如果你是个私营业主或是兼职开个网店.做个微商,有库存 ...

  • 团队没有 UI 怎么办?分享 6 款能为独立网页开发者提效的免费工具

    Vue中文社区 今天 在这篇短文中,我将向大家介绍 6 款在搭建网站时为我节省了许多时间的免费工具.希望这些工具也能够帮到你们. 1. Type Scale[1] 你是否经常为了如何设定页面元素的字体 ...

  • 个人开发者如何申请微信小程序

    从午饭后开始下载开发工具.看文档,花了一下午开发完,晚上又折腾了下服务器域名配置的小问题,然后提交审核.要等审核完才能对外发布. 截图发到朋友圈后,有不少人问了些问题.编程学习者首先关心的大概就是要如 ...

  • 微信小游戏:独立开发者开发的魔性小程序-浮洛皮骑士!还不错

    50000+游戏爱好者已加入我们! 每天推荐好玩游戏! 关注我们,沐沐带你发现好游戏! <浮洛皮骑士>游戏小程序好玩吗? <浮洛皮骑士>小游戏怎么玩? 怎么进入<浮洛皮骑 ...

  • 游戏推荐:独立游戏开发者开发的微信小游戏!沐沐推荐第4期

    30000+游戏爱好者已加入我们! 带你发现好游戏! 游戏行业有一群这样的人, 他们不是游戏玩家. 不是游戏开发公司, 他们是介于这2者之间的独立开发者! 他们可能是大学生.可能是某些领域的翘楚, 阴 ...

  • 独立开发者开发的微信小游戏,第三款小程序最好玩!

    沐沐带你发现好游戏! 有人总说"玩游戏,是浪费生命!" 不!!! 那是我的热爱! 也是你的热爱! 沐沐和你一样, 我们都是游戏热爱者! 就如<头号玩家>一样, 游戏玩家 ...

  • 微信这3个私域流量工具,被大多数人忽视了

    "私域流量"正在取代"增长黑客"成为2019年的互联网年度热词,无论是微信指数,圈内的提及频率,相关的讨论文章.课程和主题会议,最近半年来都是蹭蹭上涨.而谈到私 ...

  • 9类微信公众号必备的运营工具分享

    既然运营微信公众号,那么一些微信公众号运营的辅助工具 自然就少不了了!古董最常用的就是135编辑器.新媒体管家.创客贴... 当然每个人的习惯不同,下面收集了一些常用的微信公众号运营工具 ,分享给大家 ...

  • 微信公众号刷阅读量工具崩溃 这下抓住了大V的狐狸尾巴

    雷帝网 乐天 9月29日报道 微信朋友圈经常动辄10万+的阅读量,营销大号的单篇文章也是动辄叫价几万到几十万,不过,就在十一国庆前夕,微信公众号刷点击的工具坏了,导致不少营销大号露出狐狸尾巴. 日前有 ...

  • 谷歌发布AdaNet,快速灵活的AutoML工具,帮助开发者构筑强大集成学习模型

    集成学习可以有效利用不同机器学习算法,提高最终模型精确度,在Kaggle比赛中被广泛应用. 训练集成学习模型计算量浩大,参数众多,虽然随着GPU/TPU的出现一定程度上降低了问题的难度,但对开发者仍是 ...