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

    2021-02-08 12:25:38
    微信开发者工具是微信公众号官方推出的一款专门给用户制作微信小程序和给公众号添加新的功能的软件,对于懂得编程的用户来说,这是款非常好用的工具,用户可以用微信开发者工具实现对公众号的接口功能,也可以用微信...

    介绍

    微信开发者工具是微信公众号官方推出的一款专门给用户制作微信小程序和给公众号添加新的功能的软件,对于懂得编程的用户来说,这是款非常好用的工具,用户可以用微信开发者工具实现对公众号的接口功能,也可以用微信开发者工具制作游戏、小程序,有需要的可以下载使用。

    基本简介
    为了帮助开发者简单和高效地开发和调试微信小程序,我们在原有的公众号网页调试工具的基础上,推出了全新的]使用公众号网页调试,开发者可以调试微信网页授权和微信JS-SDK。
    使用小程序调试,开发者可以完成小程序的]
    功能介绍
    菜单栏
    微信web开发者工具
    切换帐号:快速切换登录用户
    关于:关于开发者工具
    检查更新:检查版本更新
    开发者论坛:前往开发者论坛
    开发者文档:前往开发者文档
    调试:调试开发者工具、调试编辑器;如果遇到疑似开发者工具或者编辑器的]更换开发模式:快速切换公众号网页调试和小程序调试
    退出:退出开发者工具
    项目
    新建项目:快速新建项目
    打开最近:可以查看最近打开的项目列表,并选择是否进入对应项目
    查看所有项目:新窗口打开启动页的项目列表页
    关闭当前项目:关闭当前项目,回到启动页的项目列表页
    文件
    新建文件
    保存
    保存所有
    关闭文件
    编辑:可以查看编辑相关的操作和快捷键
    工具
    编译:编译当前小程序项目
    刷新:与编译的功能一致,由于历史原因保留对应的快捷键]编译配置:可以选择普通编译或自定义编译条件
    前后台切换:模拟客户端小程序进入后台运行和返回前台的操作
    清除缓存:清除文件缓存、数据缓存、以及授权数据
    界面:控制主界面窗口模块的显示与隐藏
    设置:
    外观设置:控制编辑器的配色主题、字体、字号、行距
    编辑设置:控制文件保存的行为,编辑器的表现
    通知设置:设置是否接受某种类型的通知
    工具栏
    点击用户头像可以打开个人中心,在这里可以便捷的切换用户和查看开发者工具收到的消息。
    用户头像右侧是控制主界面模块显示/隐藏的按钮。至少需要有一个模块显示。
    工具栏中间,可以选择普通编译,也可以新建并选择自定义条件进行编译和预览。
    通过切后台按钮,可以模拟小程序进入后台的情况
    工具栏上提供了清缓存的快速入口。可以便捷的清除工具上的文件缓存、数据缓存、还有后台的授权数据,方便开发者调试。
    工具栏右侧是开发辅助功能的区域,在这里可以上传代码、版本管理、查看项目详情
    工具栏管理
    在工具栏上点击鼠标右键,可以打开工具栏管理
    模拟器
    模拟器可以模拟小程序在微信客户端的表现。小程序的代码通过编译后可以在模拟器上直接运行。
    开发者可以选择不同的设备,也可以添加自定义设备来调试小程序在不同尺寸机型上的适配问题。
    在模拟器底部的状态栏,可以直观地看到当前运行小程序的场景值,页面路径及页面参数
    独立窗口
    点击 模拟器/调试器 右上角的按钮可以使用独立窗口显示 模拟器/调试器

    使用方法
    一、下载安装微信开发者工具并打开软件。
    二、打开软件后使用微信扫描登录。
    三、按照自己的需求可以在小程序、小游戏点击新建或者导入项目制作新的程序。
    四、选择公众号网页功能可以对公众号进行WEB进行功能调试。

    下载链接

    http://www.bytepan.com/PQ7WPutHHoe

    图片

    在这里插入图片描述

    展开全文
  • 一,微信开发者工具简介 微信开发者工具是微信官方提供的针对微信小程序的开发工具,集中了开发,调试,预览,上传等功能。微信团队发布了微信小程序开发者工具,微信小程序开发文档和微信小程序设计指南,全新的...

    一,微信开发者工具简介

    微信开发者工具是微信官方提供的针对微信小程序的开发工具,集中了开发,调试,预览,上传等功能。微信团队发布了微信小程序开发者工具,微信小程序开发文档和微信小程序设计指南,全新的开发者工具,集成了开发调试,代码编辑及程序发布等功能,帮助开发者简单和高效地开发微信小程序。

    启动工具时,开发者需要使用已在后台绑定成功的微信号扫描二维码登录,后续所有操作都会基于这个微信的帐号

    程序调试主要有三大功能区:模拟器,调试工具和小程序操作区

    二,模拟器

    模拟器模拟微信小程序在客户端真实的逻辑表现,对于绝大部分的API均能在模拟器上呈现出正确的状态。

    三,调试工具

    调试工具分为6个大功能模块:Wxml,控制台,源,网络,Appdata,存储以及WxmlPannel

    • Wxml Pannel用于帮助开发人员开发Wxml转换后的界面。在这里可以看到真实的页面结构以及结构对应的wxss属性,同时可以通过修改wxss属性,在模拟器中实时看到修改的情况。通过调试模块左上角的选择器,还可以快速找到页面中组件对应的wxml代码。

    • Pannel源代码用于显示当前项目的脚本文件,同浏览器开发不同,微信小程序框架脚本脚本进行编译的工作,所以在Sources Pannel中开发者看到的文件是经过处理之后的脚本文件,开发的者的代码都会被包裹在define函数中,并且对于Page代码,在尾部将会需要的主动调用。

    • Netwrok Pannle用于观察和显示请求和套接字的请求情况。

    • Appdata Pannel用于显示当前项目当前时刻appdata具体数据,实时地反馈项目数据情况,可以在此处编辑数据,并及时地反馈到界面上。

    • Storage Pannel用于显示当前项目的使用wx.setStorage或wx.setStorageSync后的数据存储情况。

    • Console Pannel具有两大功能:开发者可以在此输入和调试代码以及​​微信小程序的错误输出。

    四,小程序操作区

    微信小程序操作区帮助开发者模拟一些客户端的环境操作。例如当用户从微信小程序中返回聊天窗口,会触发一个微信小程序被设置为后台的api。

     

    【融职教育】在工作中学习,在学习中工作

    展开全文
  • 打开微信开发者工具点击右上角的版本管理 界面简介 如果是第一次系统会提示你初始化Git仓库,初始化完之后我们会看到左边有一列仓库,可以简单分为工作区,本地仓库,远程仓库 设置远程仓库 打开设置在通用选项...

    打开版本管理

    打开微信开发者工具点击右上角的版本管理

    在这里插入图片描述

    界面简介

    如果是第一次系统会提示你初始化Git仓库,初始化完之后我们会看到左边有一列仓库,可以简单分为工作区,本地仓库,远程仓库

    在这里插入图片描述

    设置远程仓库

    打开设置在通用选项卡添加我们的用户信息
    在这里插入图片描述
    添加完之后点击网络与认证,添加我们登录Gitee的账号密码
    在这里插入图片描述
    设置完之后进入到远程选项卡点击添加远程仓库

    • 名称自己填写(自定义)
    • URL填写你对应Gitee上代码仓库的URL

    在这里插入图片描述
    Gitee远程仓库URL查看方式在这里插入图片描述

    抓取远程仓库

    添加完远程仓库之后先刷新一下然后右键我们添加的远程仓库先抓取一下,就可以看到远程仓库中的分支了

    在这里插入图片描述
    在这里插入图片描述

    推送代码

    • 当我们代码完成完成编写之后,在工作空间可以看到发生改变的文件
    • 点击可以查看文件具体修改详情,检查是否存在问题
    • 没有问题了我们可以输入这次提交的的标题和详细信息
    • 点击提交按钮之后代码会提交到本地仓库中(本地分支)

    在这里插入图片描述
    在本地分支中我们可以看到刚刚提交到的代码
    在这里插入图片描述
    之后我们点击左上角的推送,在弹出窗口中选择需要推送到的远程仓库
    在这里插入图片描述
    推送完成系统弹出窗口提示
    在这里插入图片描述

    查看远程仓库

    推送完成后打开我们的Gitee进入到对应的远程仓库查看,就可以看到刚刚推送的代码
    在这里插入图片描述

    如有错误    欢迎评论区指正
    展开全文
  • 一、简介微信小程序自动化框架 Python 版 -- Minium 之前有项目一直做APP UI自动化,用的appium,后来项目增加了小程序,使用appium来做小程序自动化的话会遇到很多问题,比如元素定位只能根据xpath来定位,为了...

    一、简介:微信小程序自动化框架 Python 版 -- Minium

                   之前有项目一直做APP UI自动化,用的appium,后来项目增加了小程序,使用appium来做小程序自动化的话会遇到很多问题,比如元素定位只能根据xpath来定位,为了更好地实现自动化,只能寻求更好地工具罗,路漫漫其修远兮……….微信小程序官方工具有miniprogram-automator,但是也没有过多的介绍,用例基本用JS来写,奈何只熟悉python语法,吾将上下而求索…………神奇的是,官方又出来了minium,鹅鹅鹅,灯火阑珊………废话不说了

    根据官方文档的介绍:

    • 支持一套脚本,iOS & Android & 模拟器,三端运行
    • 提供丰富的页面跳转方式,看不到也能去得到
    • 可以获取和设置小程序页面数据,让测试不止点点点
    • 可以直接触发小程序元素绑定事件
    • 支持往 AppSerive 注入代码片段执行
    • 可以调用部分 wx 对象上的接口
    • 支持 Mock wx 对象上的接口
    • 支持 Hook wx 对象上的接口
    • 通过 suite 方式管理用例,config 管理运行设备
    • ...

    我的个乖乖,好处很多,但是呢,楼主也不是很懂,只知道支持python

    二、Minium文档的安装部署

                   为什么要干这个,其实后面写用例需要看这个官方文档的函数,怎么定位,怎么切换,用啥方法,调用什么函数……….等等

    1.该文档使用 docsify 框架, 需要先通过npm安装docsify:

    npm i docsify-cli -g。(没安装过node需自行去安装)

    2.然后从微信git库checkout minum文档项目,url:https://git.weixin.qq.com/minitest/minium-doc (建议先安装下git,创建账号,因为后面你的用例也可以托管到你的git空间,这个就自行百度啦)

    3.打开git bash进入并安装依赖:

    cd minium-doc

    npm install

    4.本地部署:

                   docsify serve .

                   然后通过浏览器访问 http://localhost/:3000 即可以查看文档了,打开后如下

                  

    5. 后面文档 minium-doc可能需要更新更新,https://git.weixin.qq.com/minitest/minium-doc下载最新的minium-doc.zip包,直接到minium-doc同层目录,解压替换原有的文件,即可

    • 三、环境依赖

      1.Python 3.x

      安装python,确认python 版本在Python 3.x以上

      2.下载并安装稳定版微信开发者工具,工具下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html

      3.微信公共库版本 >= 2.7.3,确认微信公共库版本

      3.1 进入微信开发工具界面。

      3.2 在工具栏菜单中点击设置

      3.3 在拉option中选择项目设置

      3.3 切换到“本地设置”分页

      3.4 将调试基础库选择大于2.7.3的库

       

      4.打开微信开发者工具的安全模式

      5.首先你要先下载Minium框架压缩包

      https://developers.weixin.qq.com/community/develop/doc/000c046e8382102d950940f0953401?idescene=7&op=1

      下载Minium后安装到python的库,一定要确保你的minium包在库里面,并且脚本可以调用哦

      pip install minium-1.0.0b0

    •  

    • 注意最新版本哦,找不到资源的同学可以到我的首页资源下载,本来设置为0积分的,审核又变了积分,实在没辙

      6.配置使用命令行窗口开启微信开发者工具

                     6.1 找到微信开发者工具安装目录

                    

                     6.2 添加路径到path

                    

                     6.3打开命令行窗口,显示如下说明命令行配置ok

                    

                    

      6.4 cmd执行命令使用命令行,打开要测试的小程序项目(命令行蓝色部分是你自己项目的路径,需要小程序项目的源代码)

                     cli auto --project C:\\Users\\A692297\\Desktop\\2019\\minimun-doc\\demo_test\\miniprogram-demo-master\\miniprogram --auto-port 9420

                     看到这个界面说明,OK的,基本上没有什么问题。还有就是一定要等项目真的打开了。如果命令行不能打开,或者打开失败,那么去主页看我另外一篇文章(关于 微信小程序自动化框架:Minium + 微信开发者工具,使用命令行cli不能成功打开项目的问题)有详细的概述,希望可以帮你解决方法。

       

      打开项目后现在我们就开始测试一下执行简单的case能不能运行成功

    •  

    • 四、运行例子

    •  

      因为我们写case是用python语言,工具的话,基本还是用pycharm,有很多资源,可以使用,pycharm基本也是可以实现免费试用的;

      详细步骤下期再详细讲解,上面主要讲的是工具安装以及环境配置

      新建一个minium_test.py文件,里面编写以下代码,运行成功的话,获取到开发者工具模拟器的数据,说明工具和python和脚本已经可以连接成功,第一步完成,我们终于可以写case啦:

      # -*- coding:utf-8 -*-
      # Author:Jin Fei
      #!/usr/bin/env python3
      
      import minium
      
      #mini = minium.Minium()
      mini = minium.WXMinium()
      mini.connect_dev_tool()
      system_info = mini.get_system_info()
      app_info = mini.get_app_config()
      page_info = mini.app.get_current_page()
      print(system_info)
      print(app_info)
      print(page_info)

      运行脚本后,我们可以看到运行结果:

    • 工具笔者还在探索中,后续也会陆续更新,以及总结一些遇到的问题,欢迎一起讨论


      下一章节 我们 介绍 关于 元素定位的一些内容。。。。。。。。
    • 微信小程序自动化框架:Minium + 微信开发者工具 (二)——定位元素https://blog.csdn.net/m0_38043408/article/details/106495522
    • 微信小程序自动化框架:Minium + 微信开发者工具 (三)————关于minium的报告生成https://blog.csdn.net/m0_38043408/article/details/107384012 
    展开全文
  • 微信web开发者工具简介

    万次阅读 2016-10-02 19:24:24
    微信web开发者工具 为帮助开发者更方便、更安全地开发和调试基于微信的网页,我们推出了 web 开发者工具。它是一个桌面应用,通过模拟微信客户端的表现,使得开发者可以使用这个工具方便地在 PC 或者 Mac 上进行开发...
  • 微信小程序开发者工具简介

    万次阅读 2018-05-14 10:07:29
    微信团队发布了微信小程序开发者工具微信小程序开发文档和微信小程序设计指南,全新的开发者工具,集成了开发调试、代码编辑及程序发布等功能,帮助开发者简单和高效地开发微信小程序。启动工具时,开发者需要使用...
  • 摘要:本文介绍了微信小程序的开发者工具微信小程序使用的基本前后端框架1.简介为了鼓励广大程序员跳入微信小程序开发这个大坑,腾讯很贴心地提供了微信小程序开发框架以及灰常详细的开发文档(点这里),文档...
  • 微信开发的官方工具是《微信web开发者工具》,其实不只有这一个,不过我作为一名初学者,仅仅使用过这一个,如果对其他的有兴趣,可以自行去看下,还有牛刀云之类的第三方工具。 微信web开发者工具下载地址: ...
  • 微信小程序开发工具使用简介

    千次阅读 2018-07-06 13:28:35
    为了帮助开发者简单和高效地开发和调试微信小程序,我们在原有的公众号网页调试工具的基础上,推出了全新的微信开发者工具,集成了公众号网页调试和小程序调试两种开发模式。 使用公众号网页调试,开发者可以调试...
  • 微信小程序-开发简介

    2018-11-09 01:25:16
    微信开发者工具 工欲善其事必先利其器,我们先来了解下微信开发者工具的基本用法。首先看下微信开发者工具的界面,分成5个部分介绍。 模拟器:可以模拟小程序在微信客户端的表现。小程序的代码通过编译后可以在...
  • 微信小程序简介

    2020-08-05 22:29:03
    微信小程序用开发者工具来查看预览页面,H5用浏览器来查看渲染页面 2. 微信小程序扩展了底层能力,H5调用底层能力比较弱 3. 微信小程序没有完整的JS API,但H5拥有完整的JS API(EcmaScript,DOM,BOM)开发能力 4. ...
  • 1、名称:微信开发者工具; 2、简介: (1)图标: (2)仅支持 Windows 7 及以上版本 3、下载方式: (1)下载链接:微信开发者工具 (2)公众号后台下载: ( a )登录 微信公众平台(前提是得有公众号); ( b...
  • 安装微信开发者工具的步骤 1.进入微信公众平台官网首页 2.在开发工具中找到普通小程序微信开发者工具并点击进入 3.点击微信开发者工具 4.下载Windows64位的稳定版 Stable Build (1.02.1904090) 需要注意的信息...
  • 打开小程序的微信开发者工具后,在编辑器界面的可以看到有app.js,app.json,app.wxss,project.config.json这四个文件和pages,utils这两个文件夹。接下来谈谈每个文件和文件夹的作用project.config.json保存微信...
  • 开发平台:微信开发者工具 简介:仿微信的时间过去式表示形式 功能:表示过去的时间 今天的时间表示形式如“15:06” 昨天的时间表示形式如“昨天 15:06” 昨天以前,距今一周以内的表示形式如“星期五 15:06” 距今...
  • 微信小程序代码结构简介

    千次阅读 2018-12-07 15:10:14
    project.config.json:微信开发者工具的配置信息 app.js:帮助我们去注册一个微信小程序的应用 app.json:微信小程序的一个全局配置 app.wxss:设置微信小程序全局的一些样式 pages:存放的是小程序的所有界面,...
  • 2.3安装微信开发者工具 2.4创建Vue项目 2.5选择合适的组件库并引入项目 2.6拼接访问链接 2.7使用微信开发者工具进行页面调试 2.8配置自定义菜单 2.9部署到服务器 3、选型研究 3.1开发框架选型 3.1.1React...
  • 微信小程序总结篇

    2018-12-26 15:13:18
    2、安装腾讯提供的微信开发者工具,具体参考:微信开发者工具 2.初始 3.wxml文件(官方文档) 1、简介:WXML是框架设计的一套标签语言,以此来构建出页面的结构,类似于HTML。 2、标签(常用):  微信小...
  • 1:PC桌面打开微信小程序开发工具(微信web开发者工具),如图1所示:  图1 2: 用微信扫描图1中的二维码
  • [Wondgirl] 微信小程序(一)简介

    千次阅读 2016-11-23 14:36:56
    什么是微信小程序:小程序是一种新的开放能力,开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播...微信开发者工具下载地址:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?
  • 配置微信开发者工具要正确安装Lin UI,需将微信开发者工具的使用 npm 模块选项替换上 设置路径:微信开发者工具右上角->详情->本地设置 构建NPM模块微信开发者工具配置完成以后,还需进行一次NPM模块的构建 按钮位置...
  • 微信小程序的简单开发案例(记事本)

    千次阅读 2020-06-11 22:02:11
    小黑课堂:微信小程序学习与入门开发案例(记事本) 1,小程序简介 2,微信开发者工具的使用 3,微信小程序案例之记事本
  • 目录微信公众号开发--第一章 本地启动前后端一、本地开发环境二、项目简介前端微信后端后台三、配置本地域名授权回调页面域名前端网页授权...前端页面展示:微信开发者工具。 前端:node6.11.3。npm3.10.10。开发工...
  • 简介:HBuilderX + 微信开发者工具 HBuilderX下载链接 :https://www.dcloud.io/hbuilderx.html. 微信开发者工具 :https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html. 解决方案 简介:打开...
  • P1 1.1微信小程序从基础到实战课程概要 ...2、微信开发者工具 P4 2.2.2微信小程序开发工具的使用 P5 2.2.3目录结构详解 P6 2.3.1视图与渲染 1、组件的基本使用 2、数据绑定 3、渲染标签 4、模板的使用 事件
  • 2、然后把 前端代码,导入微信开发者工具 3、在开发者工具里 搜索 wenan.o90o.com 全部替换成 你自己的 后台域名———– 网盘下载地址: http://kekewangLuo.cc/8Sq4e9MJb9f0 图片: ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 439
精华内容 175
关键字:

微信开发者工具简介