精华内容
下载资源
问答
  • 微信开发者工具介绍

    2021-04-28 14:02:18
    https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html 访问该链接查看微信开发者工具界面介绍 切记勾选 可以发送请求不被拦截

    https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html
    访问该链接查看微信开发者工具界面介绍
    在这里插入图片描述
    在这里插入图片描述
    切记勾选 可以发送请求不被拦截
    在这里插入图片描述

    展开全文
  • 4. 微信开发者⼯具介绍 详细的使⽤,可以查看官⽹

     

    4. 微信开发者⼯具介绍

    详细的使⽤,可以查看官⽹
     
    微信官网里面的内容比较详细和繁琐,由于我们初次接触,大家目前只需要按照博文操作就可以了。
    如果后期你发现哪些知识点讲的不详细,你可以再自行去官方查看相关资料。
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     

     

     
     
    展开全文
  • 微信开发者工具官方版是一款为微信开发者打造的微信功能制作工具,微信开发者工具电脑版是一款由微信公众号官方...软件介绍微信开发者工具官方版为了帮助开发者简单和高效地开发和调试微信小程序,我们在原有的公...

          微信开发者工具官方版是一款为微信开发者打造的微信功能制作工具,微信开发者工具电脑版是一款由微信公众号官方推出的专门给用户制作微信小程序和给公众号添加新的功能的软件,微信开发者工具官方版能让用户实现对公众号的接口功能,软件还能制作游戏、小程序等。并且软件集成了公众号网页调试和小程序调试两种开发模式。

    软件介绍

    微信开发者工具官方版为了帮助开发者简单和高效地开发和调试微信小程序,我们在原有的公众号网页调试工具的基础上,推出了全新的

    微信开发者工具,集成了公众号网页调试和小程序调试两种开发模式。

    使用公众号网页调试,开发者可以调试微信网页授权和微信JS-SDK

    使用小程序调试,开发者可以完成小程序的 API 和页面的开发调试、代码查看和编辑、小程序预览和发布等功能。

    软件功能

    菜单栏

    微信web开发者工具

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

    关于:关于开发者工具

    检查更新:检查版本更新

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

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

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

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

    退出:退出开发者工具

    项目

    新建项目:快速新建项目

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

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

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

    文件

    新建文件

    保存

    保存所有

    关闭文件

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

    工具

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

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

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

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

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

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

    设置:

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

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

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

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

    工具栏

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

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

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

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

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

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

    工具栏管理

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

    模拟器

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

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

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

    独立窗口

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

    使用方法

    一、下载安装微信开发者工具并打开软件。

    二、打开软件后使用微信扫描登录。

    三、按照自己的需求可以在小程序、小游戏点击新建或者导入项目制作新的程序。

    四、选择公众号网页功能可以对公众号进行WEB进行功能调试。

    更新日志

    2020.06.19 更新说明

    A 新增 终端面板

    A 新增 查看并管理开发者工具相关进程

    A 新增 云开发静态资源托管 详情

    A 新增 小程序设置页面中增加订阅消息开关

    A 新增 小程序强制更新调试支持 详情

    A 新增 小程序/小游戏 收藏事件调试 详情

    A 新增 通用设置-项目关闭时,控制项目关闭时是否直接打开项目列表窗口

    A 新增 通用设置-快速打开文件,控制模拟器区域底部状态栏点击页面路径时打开的文件类型

    A 新增 搜索回调调试插件

    A 新增 小游戏脚本录制插件

    A 新增 模拟器-模拟操作-事件模拟-内存警告

    A 新增 支持音视频合成调试 详情

    A 新增 代码上传后可以下载对应的 sourcemap 文件

    F 修复 编辑器 WXML 文件格式化快捷键失效的问题

    F 修复 调试器位置顺序无法拖动排序的问题

    F 修复 打开快捷键设置后,编辑器 ctrl/cmd + f 快捷键无法触发文件内搜索的问题 反馈详情

    F 修复 cli 命令行当项目路径有中文的情况下无法正常启动的问题

    F 修复 新建代码片段时生成多个 sitemap.json 的问题 反馈详情

    F 修复 mac 版无法读取系统设置的 PATH 环境变量的问题

    F 修复 云函数本地调试没有日志的问题 反馈详情

    F 修复 API 代码自动补全时按字母序排序不友好的问题 反馈详情

    F 修复 版本更新通知时,如未选择更新,后续手动检查更新时一直提示正在下载的问题

    F 修复 win 版通知中心顶部操作按钮被遮挡的问题 反馈详情

    F 修复 小游戏 video 缺少 onVideoProgress 事件回调的问题

    F 修复 1.03.2005140 终止模拟器导致工具奔溃的问题 反馈详情

    F 修复 1.03.2005140 多帐号调试窗口编译会导致主项目窗口模拟器崩溃的问题 反馈详情

    F 修复 1.03.2005140 激励视频广告自动显示并无法关闭的问题 反馈详情

    F 修复 独立分包代码被执行两遍的问题 反馈详情

    F 修复 菜单栏新建或导入项目可能没反应的问题

    F 修复 模拟器在 Tabbar 设置为 top 时样式错乱的问题 反馈详情

    F 修复 Mock 的规则无法删除的问题 反馈详情

    F 修复 自定义预览前预处理命令失败后,再次预览无响应的问题 反馈详情

    F 修复 新创建的小游戏项目第一次编译可能提示 __virtualDOM__ is not defined 的问题

    F 修复 project.config.json 内容不正确时,无法新建自定义编译条件的问题

    F 修复 project.config.json 中 watchOptions.ignore 删除部分配置后,重启工具无法生效的问题

    展开全文
  • 在登录页,可以使用微信扫码登录开发者工具开发者工具将使用这个微信帐号的信息进行小程序的开发和调试。 项目列表 登录成功后,会看到已经存在的项目列表和代码片段列表, 在项目列表可以选择公众号网页调试,...

    界面

    启动页

    登录页

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

    登录

    项目列表

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

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

    项目列表

    新建项目

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

    1. 需要一个小程序的 AppID;如没有 AppID,可以选择申请使用测试号
    2. 登录的微信号需要是该 AppID 的开发者;
    3. 需要选择一个空目录,或者选择的非空目录下存在 app.json 或者 project.config.json。当选择空目录时,可以选择是否在该目录下生成一个简单的项目。

    新建项目

    多开项目

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

    1. 从项目选择页打开项目,处于项目窗口时可以从菜单栏的项目 -> 查看所有项目打开项目选择页
    2. 从菜单栏的最近打开项目列表中打开的项目会从新窗口打开
    3. 新建项目
    4. 命令行或 HTTP 调用工具打开项目

    管理项目

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

    管理项目

    主界面

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

    img

    菜单栏

    微信web开发者工具

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

    关于:关于开发者工具

    检查更新:检查版本更新

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

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

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

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

    退出:退出开发者工具

    项目

    新建项目:快速新建项目

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

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

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

    文件

    新建文件

    保存

    保存所有

    关闭文件

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

    工具

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

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

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

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

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

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

    设置:

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

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

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

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

    工具栏

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

    img

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

    img

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

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

    img

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

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

    img

    工具栏管理

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

    img

    模拟器

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

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

    img

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

    独立窗口

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

    img

    img

    显示当前项目细节

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

    img

    基础库信息

    基础库版本切换

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

    clientlib

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

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

    clientlibversion

    显示灰度中的基础库

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

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

    canaryclientlib

    下发测试基础库

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

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

    pushcommonlib

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

    pushcommonlibtime pushcommonlibversion

    项目设置

    代码保护

    开启此选项,开发者工具会尝试对项目代码进行保护,主要是对文件进行扁平化处理并替换 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 管理后台进行设置。

    host

    设置

    外观设置

    支持配置开发者工具外观和代码编辑器习惯和风格。

    • 主题:深色、浅色
    • 字体
    • 字号
    • 行距

    appearance

    编辑设置

    • 修改文件时自动保存
    • 编译时自动保存所有文件
    • 文件保存时自动编译小程序
    • 自动折行
    • 用空格代替 Tab
    • 代码缩略图
    • 总是在新标签页打开文件
    • Git 比较文件内容时,忽略 Windows 风格回车符
    • Tab 大小

    如果选中了 “总是在新标签页打开文件”,则在编辑器目录树点击文件时,总是会在一个新标签页中打开此文件,而非在临时标签页中打开。

    edit

    代理设置

    可以配置不使用代理,或使用系统代理,或使用自定义代理。

    proxy

    安全设置

    可以开启和关闭 CLI/HTTP 调用功能

    security

    展开全文
  • 微信开发者工具历史记录优化服务介绍1.行业及竞争对手研究2.关键词分析研究3.网站现状详细诊断4.网站SEO优化诊断报告5.外部链接及反链建设6.网站优化SEO执行7.日常SEO优化咨询8.公司网络营销及SEO培训微信开发者工具...
  • 微信自成一个生态,微信开发者工具让用户能够自行设计自己的小程序界面、添加各种需要的功能,软件相对比较容易上手,可以与公众号对接,提升流量。功能介绍菜单栏微信web开发者工具切换帐号:快速切换登录用户关于...
  • https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html 下面的菜单自己点点就知道是干啥的了 点击“详情”可以修改APPID以及项目名称 ...调试基础库为chromium版本号 ......
  • 做小程序开发、或微信公众号开发和对应的自动化测试,首推使用微信开发者工具。小程序提供了一个简单、高效的应用开发框架和丰富的组件及API,帮助开发者在微信中开发具有原生 APP 体验的服务。本章分主题的介绍了小...
  • 打开微信开发者工具 创建第一个小程序 步骤: 打开微信开发者工具 使用微信扫码登录 点击小程序-创建小程序 项目名 项目路径 appid 不使用云服务器 语言: javascript...
  • 微信开发者工具

    2021-02-08 12:25:38
    微信开发者工具是微信公众号官方推出的一款专门给用户制作微信小程序和给公众号添加新的功能的软件,对于懂得编程的用户来说,这是款非常好用的工具,用户可以用微信开发者工具实现对公众号的接口功能,也可以用微信...
  • 二、微信开发者工具结构配置介绍 2.1、文件结构 一个小程序包含一个描述整体程序的app和多个描述各个页面的pages。 一个小程序主体由三个文件组成,必须放在项目的根目录下:app.js:小程序逻辑文件 app.json: 小...
  • 本文为大家介绍一下微信小程序开发者工具版本管理的一些使用方法,结合了笔者的一些使用体验和官方使用文档,致力于方便大家理解使用该项功能。本文编写时笔者使用的开发者工具版本为Stable v1.02.1910120.使用本...
  • 在微信公众平台|小程序中下载微信开发者工具申请微信公众号,进入微信公众平台|小程序 首页 点击 “文档”进入微信小程序介绍的界面在微信小程序界面的菜单中 选中“开发”,点击“小程序开发”弹出:选中 “工具”...
  • 假设我用vue开发了一个web应用,需要在手机微信里访问并调试, 可以按照本文介绍的步骤,使用微信开发者工具来调试. 假设我的web应用的访问入口是如下公众号菜单的"预约"按钮: 那么为了能够在微信开发者工具里调试,...
  • 1.2 下载后安装一下就可以使用了:二、创建项目2.1微信小程序web开发工具需要扫码登陆,所以必须先绑定开发者才可以:2.2 已经绑定的开发者可以创建项目,需要填写AppID、项目名称、本地开发目录。AppID需要去设置...
  • 然后我们还研究学习了微信开发者工具的用法,关于.js/.json/.wxml/.wxss这四种文件的用法介绍。还有其中一些页面的创建、代码的编辑调试等功能。今天的主要工作就是学习微信开发者工具的使用。明日计划将具体进行...
  • 2.app.json文件介绍 2.1pages 字段 ⽤于描述当前⼩程序所有⻚⾯路径,这是为了让微信客⼾端知道当前你的⼩程序 ⻚⾯定义在哪个⽬录。 2.2window 字段 定义⼩程序所有⻚⾯的顶部背景颜⾊,⽂字颜⾊定义等。 ...
  • 下面来介绍下自己的针对小程序和微信开发者工具的使用心得。 下载地址:开发者工具下载地址 1.下载并安装以后打开,微信号扫码登录登录开发者工具。 如果还没有注册,可以填写无AppID,它会显示部分功能受限,...
  • 微信开发者工具介绍: 都是中文的话,很多内容我就不介绍啦~ 重点讲解以下,软件上端的【普通编译】:在选择为普通编译的情况下,进行编译,呈现的就是首页。如果选择的是其他的页面(自己指定)的话,进行编译以后...
  • 介绍微信开发者工具 首先,我们需要下载微信开发者工具。下载完以后,我们可以打开微信开发者工具,我们需要点击加号,新建一个项目。 我们可以看到,点开以后,第一行是项目名称,我们可以修改我们的项目的名字。...
  • 微信开发者工具(创建项目介绍

    千次阅读 2020-05-27 21:45:08
    开发者工具下载安装 我们把开发者工具下载安装好后 (1)打开扫码登入开发者工具 出现以下页面,点击加号创建项目 填入我们在登入微信公众平台刚刚申请到的小程序的 AppID 如果不填appid创建的项目有些功能会无法...
  • 假设我用vue开发了一个web应用,需要在手机微信里访问并调试, 可以按照本文介绍的步骤,使用微信开发者工具来调试.假设我的web应用的访问入口是如下公众号菜单的"预约"按钮:那么为了能够在微信开发者工具里调试,需要...
  • 假设我用vue开发了一个web应用,需要在手机微信里访问并调试, 可以按照本文介绍的步骤,使用微信开发者工具来调试.假设我的web应用的访问入口是如下公众号菜单的"预约"按钮:那么为了能够在微信开发者工具里调试,需要...
  • 上一篇文章中https://blog.csdn.net/u014650759/article/details/90701866,我们已经安装好了微信开发者工具,并导入了一个Demo项目,这篇文章,将就开发者工具进行简单的介绍,方便你开发实用编译器,更好的开发小...
  • 微信开发者工具&WXML+WXSS学习笔记

    千次阅读 多人点赞 2020-07-31 00:17:44
    微信开发者工具&WXML+WXSS学习笔记 by wyc 小程序下载以及使用 浏览器搜索微信小程序api即可找到官网 在设置/外观设置 中可以调整开发者工具的颜色以及主题,推荐深色,搭配浅色的语法高亮 文件介绍 pages、app...
  • 在申请微信小程序的时候,appID非常重要,只有在开发者工具中设置appID才能显示完整功能。 主文件夹下由三个文件是小程序必要的组成文件,分别是app.js,app.json,app.wxss,如下图 这三个文件的作用分别为: ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,145
精华内容 458
关键字:

微信开发者工具介绍