• 微信小程序基础库

    2019-08-03 10:20:20
    对于一些新功能,基础库版本低的可能会不支持,所以需要去检查基础库的版本做一些兼容。 1、查看基础库版本 wx.getSystemInfo({ success: function(res) { var version = res.SDKVersion; console.log(version); ...

    对于一些新功能,基础库版本低的可能会不支持,所以需要去检查基础库的版本做一些兼容。

    1、查看基础库版本

    wx.getSystemInfo({
      success: function(res) {
        var version = res.SDKVersion;
        console.log(version);
        //如果要做版本比较
        version = version.replace(/\./g, "")
        if(version<280){  //如果基础库版本低于2.8.0
        	...
        }
      },
    })
    

    2、修改微信开发者工具的基础库版本

    步骤:打开项目——》工具栏右上角的详情——》本地设置——》调试基础库选择版本号

    3、在管理后台设置最低版本库

      在管理后台设置最低版本库后,若用户使用的基础库版本低于设置的最低版本要求,则无法正常使用小程序,并提示更新微信版本。
    步骤:打开小程序管理后台——》设置——》基本设置——》基础库最低版本设置

    展开全文
  • 2.(不想重启时)在任务管理器中结束微信开发者工具的所有进程,然后以管理者身份运行,等待差不多有一分钟(期间任务管理器中的微信开发者工具的进程不断变化)打开成功。 上周微信开发者工具一直没有办法...

     亲身经历解决方案:1.电脑重启。

                      2.(不想重启时)在任务管理器中结束微信开发者工具的所有进程,然后以管理者身份运行,等待差不多有一分钟(期间任务管理器中的微信开发者工具的进程不断变化)打开成功。

     

    上周微信开发者工具一直没有办法打开页面,本来打算写一篇关于小程序的文章,结果等了半天试了好几次都是这样的界面,临近下班就没有在意了,今天来打开电脑还是如此,怎么也打不开编辑界面。到最后,使用了一个奇葩的方法(见方法5)

    于是卸载了重新下载安装了一次,还是如此,在网上看了几篇教程,全部试了一遍,结果,像是踩了一地的坑,可得劲了,看来大家都遇到了这样的问题了。

    为了少走弯路,看着热心大神网友纷纷支招,我特地总结了一下,
    微信web开发者工具无法打开的六种解决方法
    最后一种有效,其他的没啥用啊(但对于有些人有些版本的电脑是有用的)

    方法1:软件重新安装,系统重启

    当遇到这种情况的时候,尝试多次而不得,大多数人的想法就是卸载掉,重新安装一次好了,要不就关机重启电脑,这种方法特别具有使用性,是大多数程序员必备小技巧。

    方法2:杀掉之前的残留进程

    可以尝试关掉所有跟开发者工具有关的进程,然后再开一下就行了,这个方法有些人的电脑还可以行得通。打开任务管理器,如下图所示,结束所有关于微信web开发者工具的进程。

    方法3: win10下,用管理员或者兼容方式运行

    这时候我们在图标出点击右键你的微信Web开发工具,选择属性。在属性、兼容性中,点击兼容模式到兼容性选项卡(我的是win10的系统),并选着以管理员身份运行此程序。点击应用,并确认更改。

    教程:https://blog.csdn.net/gz506840597/article/details/77915488#commentsedit

    方法4: 重新安装到一个新的目录

    重装 “微信web开发者工具” ,要把安装目录修改为非上次安装的目录(安装在一个新目录下,不受原有文件影响,小编试过安装在原有的目录下,安装过程中会报与原有文件冲突,而且安装好后也无法启动)。

    教程:https://blog.csdn.net/chenthe1/article/details/73603444?utm_source=blogxgwz0

    方法5:最简单暴力的方法,32位

    软件重装,系统重启,管理员运行,更换目录,表示均无效的时候,告诉你们一个奇葩解法,好了过来谢谢我,你们下个32位的!别犹豫了,对!就是32位的,见证奇迹....

    因为我的系统是windows10 64位的,所以,我下载的小程序也是64位,后来发现,其实不对,腾讯的版本似乎错了,在windows 10 的某些64位版本,要 下的是微信小程序的32位版本。

    安装之后会发现,快捷键上面出现了一个小盾牌一样的图标,完美解决问题了。
    不要问我为什么,我也不知道,就是这么简单粗暴。

    原文作者:祈澈姑娘
    技术博客:https://www.jianshu.com/u/05f416aefbe1
    90后前端妹子,爱编程,爱运营,爱折腾。
    坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家加入群聊,一起探讨交流。
    来源:简书

     

    展开全文
  • 打开微信开发者工具,用手机上的微信扫描对应二维码,进 入开发工具界面。 选择“小程序项目”中的“小程序”,再点击右侧“+”号, 出现新建项目页面。 开发者工具界面 界面大致分为7个区域: 菜单栏区域 模拟器...

    创建项目

    1. 打开微信开发者工具,用手机上的微信扫描对应二维码,进
      入开发工具界面。
    2. 选择“小程序项目”中的“小程序”,再点击右侧“+”号,
      出现新建项目页面。
      在这里插入图片描述

    开发者工具界面

    界面大致分为7个区域:

    • 菜单栏区域
    • 模拟器、编程器、调试器的显示与隐藏区域
    • 模拟器区域
    • 编辑器区域
    • 调试器区域
    • 云开发区域
    • 工具栏区域
      在这里插入图片描述

    模拟器区域

    • 模拟器区域用来显示小程序界面。
    • 在小程序开发过程中,界面随着代码编写可以实时变化。
    • 模拟器可以模拟小程序在各个终端设备上的操作效果。
    • 可以设置小程序运行的终端设备。
    • 可以设置模拟器区域百分比大小。
    • 模拟设置Wi-Fi、2G、3G和4G等网络连接情况。
      在这里插入图片描述

    初始化失败问题

    原因:使用了云开发,调试基础库版本未达到要求。
    解决:工具栏“详情”,“本地设置”,“调试基础库”改为2.2.3以上版本

    展开全文
  • 1.下面是点击微信开发者工具后的界面 2.首先,先来了解本地分支。 带有HEAD标签在后面的master存储我的代码的现有版本,或者这里称之为标准版本。开始进入版本管理工具时会有个提示上传代码的按钮,点击后最开始...

    对于微信的代码管理工具一头雾水,用了一两个小时来了解,我真是太菜了

    更基础一点的可以点击参考这个链接

    接下来是我对于版本管理页面的理解

    1.下面是点击微信开发者工具后的界面

    2.首先,先来了解本地分支。

    带有HEAD标签在后面的master存储我的代码的现有版本,或者这里称之为标准版本。开始进入版本管理工具时会有个提示上传代码的按钮,点击后最开始的标准版本就是一开始上传的代码。点击master后右边出现了一个列表,如果只是刚开始什么都没有修改的话,我们只会看到一行信息,就是下图中有“initial Commot”的那行数据。下图中有三行数据的原因是我提交了两次修改,每次修改都会增添一条信息,所以我一共有三条信息。但是master里面保存的是最后一次修改的,分支代码的保存也差不多。关于提交修改的方法在下面会提到的工作区中。

    3.再看远程的代码管理仓库。这是之前设置过的远程代码仓库里面的项目。

    4.接下来看工作空间

    第一项工作区。当在微信开发者工具中修改了某些部分并保存的时候,工作区就会有消息提醒代码有修改。修改的对照是刚才提过的有HEAD标签的master。如果现在保存的代码和master不一样了,工作区就会在右边的列表列出修改过的地方。(修改显示是在更右边的文件里,红色区域表示是删除的东西,绿色区域表示增加的东西)。然后可以选择合适的修改在前面小框内打勾然后在下面写好备注就可以提交到master里了。

    第二项贮藏。贮藏是不知已有修改是否可行,但又不想直接撤销时,先暂时存放一下。点击工具栏那里的“贮藏”就可以贮藏全部修改(目测好像不可以选定贮藏)。要恢复到工作区就点击工作空间的贮藏,再右击右面列表需要恢复的选项,然后应用贮藏就可以了。

    第三项历史,就是修改历史总览。第四项设置没怎么看。

    5.工具栏(我也不知道那里算不算工具栏)

    左一刷新。按钮如其名。

    左二推送,可以上传本地分支里面的某一项到git仓库。

    左三抓取,抓取就是下载这一项最新的记录,但不会合并到master(后面会提到合并概念)。

    左四拉取,拉取就是下载这一项最新的记录,但会合并到master。

    右四贮藏,上面提过了,就是暂时不修改但保存修改。

    右三应用贮藏,就是把贮藏的项恢复到工作区。

    右二分支,对选定的本地分支项创建一个复制品。

    右一合并,就是等于将选定的项作为有head标签的master。但如果是master的历史记录里有选定的项,master是不会变的。

    展开全文
  • 微信开发者工具(一) 一、微信开发者工具基本信息 1.1 微信开发者工具的下载 ​ 直接打开下面网址进行下载: ​ https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 1.2 下载以后登录 1.3 ...

    微信开发者工具(一)

    一、微信开发者工具基本信息

    1.1 微信开发者工具的下载

    直接打开下面网址进行下载:

    https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

    1.2 下载以后登录

    登录微信开发者工具.png

    1.3 新建项目

    1.4 微信开发者工具详情页

    [外链图片转存失败(img-gmV5PArB-1567256776341)(https://i.loli.net/2019/08/30/yvtRNblSdWjp4K5.png)]

    1. 模拟器:

      • 可以调整对应的机型

      • 可以调整展示页面的大小

      • 模拟网络状态:WIFI、2G、3G、4G和Offline(断网)

      • 模拟操作

        模拟操作.png

    该操作的模拟前后端,前后端的切换操作,

    例如当用户从小程序中回到聊天窗口,会触发一个小程序被设置为后台的回调。

    1. 调试工具:

      • **Wxml:**帮助开发者开发,wxml转发后的界面。可以看到真实的页面结构,和结构对应的wxss属性,同时可以通过更改wxss属性,实时的看到修改的情况

      • Sources panel: 用于显示当前的脚本文件,在Sources panel的脚本是已经编译好的脚本,已经处理之后的脚本文件。在Sources panel运行的时候,运行到断点,会导致整个小程序停止运行。

      • AppData panel: 用于展示目前运行小程序时的具体数据

      • Storage panel: 可以直接对数据进行删除、新增和修改
        用于显示当前项目使用的wx.setStorage或者wx.setStorageSync后的数据储存情况

      • Network Panel: 用于观察和显示 request 和 socket 的请求情况

      • **Console panel:**两大功能:

        1. 开发者可以在此输入和调试代码
        2. 可以再次查看小程序的报错

        在控制台可以输入命令

        build:编辑小程序

        Preview: 预览

        upload:上传代码

        openVendor:打卡基础库所在目录

        openToolsLog:打开工具日志目录

        checkproxy(url):检查指定url的代理使用情况

      • Sensor panel:
        两个功能:

        1. 开发者可以在这里选择模拟地理位置
        2. 开发者可以在这里模拟移动设备表现,用于调试重力感应API

        重力测试.gif

    展开全文
  • 一.环境:: ubuntu 16.04; linux 二.安装过程: 2.1 安装wine sudo apt-get install wine 2.2 安装nwjs-sdk 2.2.1 下载linux版nwjs-sdk wget ...2.2.2 解压nwjs-s...
  • 如上图所示为开发者工具错误,刷新或者忽略即可
  • 微信小程序基础库的问题 很多刚开始开发小程序的开发者经常会遇到在开发者工具的模拟器里面...在开发者工具里面选择的基础库版本(假如是1.1.0),如果你的手机微信基础库版本是1.1.0或者以上,那么这款小程序就...
  • 这次的微信web开发者工具的更新主要是对开发工具的功能增强和bug修复,增加修改了一些最近一直频繁...开发者工具基础功能 1.[增加] 上传代码时样式自动补全选项,默认开启,开发者可以主动关闭 详情 Paste_Ima...
  • 微信小程序的测试发布在没有 CI/CD 等相关工具的情况下,存在着如下的问题: 小程序开发助手中,同一个开发者只能显示一个开发版本 测试同事找开发要二维码,效率较低 本地生成的二维码会出现携带本地代码、未及时...
  • 提示:提示请使用2.2.3或以上的基础库以使用云能力     解决办法: 工具栏中点击“详情”: 在下面页面中选择2.2.3以上的版本即可:
  • https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html 下面的菜单自己点点就知道是干啥的了 点击“详情”可以修改APPID以及项目名称 ...调试基础库为chromium版本号 ...
  • 安装方法 下载weui的源代码,... Download ZIP 解压,找到主文件weui.wxss,在./weui-wxss-master/dist/style/weui.wxss 打开微信开发者工具,打开小程序项目,找到style文件夹,(在./miniprogram/s...
  • 个人中心:点击头像显示的是个人中心面板,展示的是小程序版本以及系统版本更新之后的一个推送消息,也方便我们去切换我们的小程序账号 在头像后边有三个按钮: 模拟器,编辑器和调试器:点击来显示或隐藏相应的...
  • F 修复 删除用户数据目录后开发者工具启动不了的问题 F 修复 未使用体验评分时存在内存泄漏的情况 F 修复 切换页面偶现 WXML 面板内容丢失问题 反馈详情 F 修复 调试 WXML 面板 rpx 计算错误导致样式错乱的问题 ...
  • 如果你要开发自己的微信小程序或者小游戏,微信开发者工具是必不可少的,因为有些微信封装的方法只有微信开发者工具上才能使用,还有一个重要的原因就是,我们提交我们的代码审核必须通过该工具来提交,所有要做微信...
  • 一、简介:微信小程序自动化框架 Python 版 -- Minium 之前有项目一直做APP UI自动化,用的appium,后来项目增加了小程序,使用appium来做小程序自动化的话会遇到很多问题,比如元素定位只能根据xpath来定位,为了...
  • iOS 客户端版本 基础库版本 7.0.3 2.6.1 7.0.0 2.5.2 6.7.3 2.4.4 6.7.2 2.3.2 6.7.0 2.2.5 6.6.7 2.1.3 6.6.6 2.0.9 6.6.2 1.9.97 6.6.1 1.9.9 6.6.0 1.9.4 6.5.22 1.7.4 6.5.16 1.6.8 6.5.13 1.5.8 6.5.10 1.4.4 ...
  • 从前面从微信小程序开发者工具源码看实现原理(一)- - 小程序架构设计可以知道,小程序大部分是通过web技术进行渲染的,也就是最终通过浏览器的dom tree + cssom来生成渲染树;既然最终是通过css来绘制ui布局,我们...
  • 工具栏 人头像-个人中心:展示小程序系统版本更新后的一个推送消息。方便的切换小程序账号 头像旁边的3个按钮,我们可以点击他们去控制相应的模块的显示或隐藏 普通编译:我们可以选择添加编译模式自定义编译...
1 2 3 4 5 ... 20
收藏数 15,939
精华内容 6,375