微信开发者工具为什么不能编辑 - CSDN
精华内容
参与话题
  • 微信开发者工具调试大法

    万次阅读 2019-01-24 11:44:29
    于是开始学习微信小程序开发文档,下载微信开发者工具,进行开发了。开发过程中需要调试,开始只是打日志或者断言,觉得很方便,希望跟IDEA一样的调试器,于是摸索如下: 第一步:打断点,我们必须在我们想要它停下来的...

    由于小程序的火爆,于是去开源中国接了个私活,开发一个小程序。于是开始学习微信小程序开发文档,下载微信开发者工具,进行开发了。开发过程中需要调试,开始只是打日志或者断言,觉得很不方便,希望跟IDEA一样的调试器,于是摸索如下:

    第一步:打断点,我们必须在我们想要它停下来的地方打上调试断点,点击微信开发者工具的左侧的“调试”tab,然后选择中间窗口中的”Sources”Tab,在Sources页中点开”Top”根节点,层层打开,找到自己想要调试的js文件,一般是打那种.js后面带[sm],如index.js[sm],非index.js,当然这里之后想修改内容不能在”调试”模式下修改,而要转到”编辑”模式,之前我老容易犯这个错误,打开index.js[sm]文件后,点击左边的行上的数字,就会由灰色背景变成蓝色背景,这样断点就打好了,(如果不想要了,也可以点击就会取消)如下图所示:

     

    第二步:运行,首先点击编译上面的那个运行小图标(或者快捷键ctrl+b),然后操作到你想要的那个界面或者触发某个动作,程序自动会跑到断点处代码,如下图所示:

     

    第三步:单步调试,按调试器窗口(debugger)的向下箭头(step into nextfunction call),一步步的可以往下调试,如果想跳到下一个断点,就按调试器窗口的类似于播放的小按钮,英文叫resume script execution,快捷键为F8或者Ctrl+\,如下图所示

     

    如果想看调试中变量的运行值怎么办?有许多办法,这里以查看上个界面传来的options变量值为例

    办法1:让鼠标指针放在变量上,他会有提示框,框内就是变量值,如下图所示

     

    办法2:使用console.log(options);打印出来,在console窗口可以查看,如下图所示

     

    方法3:在调试器窗口,点开Scope标签,然后再点开相应变量,如下图所示

     

    如果我们的断点过多或者不想它们调试了,怎么让它们失效呢?

    办法就是点击调试器窗口中的图标,英文叫deactive breakpoints(或者快捷键:Ctrl+F8)

    展开全文
  • 前段时间突发奇想想接触小程序,看了一些视频之后...下载、安装、新建/导入项目,真的是很简单了,但是为什么我打开的主页面和别人一样???(正常主页面长什么样子可以自行百度,网上教程和视频所展示的都是正...

    前段时间突发奇想想接触小程序,看了一些视频之后其实主要还是要练手,当然就去官网下载了小程序官方开发工具(https://developers.weixin.qq.com/miniprogram/dev/devtools/nightly.html)

    下载、安装、新建/导入项目,真的是很简单了,但是为什么我打开的主页面和别人不一样???(正常主页面长什么样子可以自行百度,网上教程和视频所展示的都是正确页面)

    而我的......

    编辑器就是俩大黑框,页面路径是空。

    我的奇怪主页

     

    如果关掉编辑器,那么可以看到调试器出现的文件夹是默认top目录,打开默认运行about:blank文件,如下图。

    关掉编辑器的页面

     

    这就让我很崩溃了,为什么和我看的别人的不一样!(摔...

     

    --------------------------------------------------------------------------------------------------------------------------

    错误尝试:1.卸载重装 2.换老版本 3.不停导入项目或者新建项目试图等着软件突然好起来4.关闭防火墙........

    然后,我在开发者专区(https://developers.weixin.qq.com/community)问了这个问题,回答还是说是防火墙的问题。

     

    于是我又重启电脑、卸载重装软件、关闭所有防火墙(我电脑除了Windows Defender没有其他安全软件,防火墙全关,我都觉得我电脑在裸奔,太刺激了!)、再试一次,莫名其妙地好了...就好了?

    防火墙全关

     

    so,还是因为防火墙是吧?!

     

    如果有人出现和我一样的问题,或者类似的问题,请关闭你的所有防火墙,然后让电脑尽情裸奔,说不定奔着奔着电脑就开心了、软件就好起来了!

     

    当然,上面那句话只是皮一下,设置一下防火墙就好了,允许微信开发者工具通过防火墙就行。

     

     

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

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

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

     

    图片.png

    为了少走弯路,看着热心大神网友纷纷支招,我特地总结了一下,
    微信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位版本。

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

     

    原文作者:祈澈姑娘
    欢迎关注【编程微刊】,回复“领取资源”,500G编程学习资源干货免费送。 

    展开全文
  • 微信开发者工具使用bug

    千次阅读 2018-10-22 21:19:04
     遇到了微信开发者工具开的问题,就重新下载了最新版的微信开发者工具!但是下载完了以后,却发现打上汉字,我的天呀!网上搜索还是微信开发者工具自身的bug,需要重新启动一下才可以使用。好吧,我又关了重新...

           之前下载了微信开发者工具,最近一直提示下载更新。因为嫌麻烦,就没有更新。结果今天微信开发者工具竟然打不开了!好吧!以后还是经常更新比较好!

      遇到了微信开发者工具打不开的问题,就重新下载了最新版的微信开发者工具!但是下载完了以后,却发现打不上汉字,我的天呀!网上搜索还是微信开发者工具自身的bug,需要重新启动一下才可以使用。好吧,我又关了重新启动了一下,才可以正常使用。

       经验教训:1.需要经常更新微信开发者工具,别等到有了问题,如打不开,进不去编辑页面,才重新下载!会影响工作效率。不过如果是更新了,依然会出现这个问题,那就只能重新下载了!

           2.重新更新了以后,会出现打不上中文汉字的问题,只能输入英文,输入中文就会闪一下没了。解决方案:关闭微信开发者工具,再重新打开!

    什么时候我写文章也能如此就好了!老话说:“读书破问卷,下笔如有神”,想来我读书还是没有读到位呀!

    展开全文
  • 微信开发者工具添加插件步骤: 获取插件文件 在vsCode并安装你需要移植的插件 ...微信开发者工具编辑器扩展目录入口![ 打开编辑器扩展目录,把复制的插件文件粘贴过来 添加插件配置文件 进入微信开发
  • 微信开发者工具集成git,实现多人协调开发,下面就拿GitHub举例,一一说明。 一、在GitHub创建远程仓库。这里忽略,网上很多。 二、在微信开发者工具中配置Git,并实现文件上传。 1.点击开发者工具右上角的...
  • 2.(想重启时)在任务管理器中结束微信开发者工具的所有进程,然后以管理者身份运行,等待差不多有一分钟(期间任务管理器中的微信开发者工具的进程不断变化)打开成功。 上周微信开发者工具一直没有办法...
  • 确保微信开发者工具-设置-安全-服务端口开启;且已获得小程序项目的开发者角色。 1、打开Git Bash 克隆小程序项目。克隆完成后。 2、打开HBuilder,点击菜单“文件”下的“打开目录”,选择已克隆的小程序项目。...
  • 微信开发者工具调试微信网页授权,点击‘登录’按钮无效 问题描述 h5页面需要获取微信用户信息,参考微信开发者文档: 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,...
  • 解决微信开发者工具”当前系统代理不是安全代理” . 故障1) 你有设置开启代理吗? 如果需要,你点左上角的“代理”选项,关闭代理即可 故障2) 使用emedit工具,点击搜索,在文件中查找 在微信开发者工具的...
  • 微信开发者工具快捷键

    千次阅读 2016-12-15 16:21:14
    本人觉得微信微信开发者工具快捷键太low了为什么像其他编辑器学习呢,难受的要死,开一个编辑器还得把微信开发者工具打开,他特么麻烦了,支持的赞一个
  • 于是开始学习微信小程序开发文档,下载微信开发者工具,进行开发了。开发过程中需要调试,开始只是打日志或者断言,觉得很方便,希望跟IDEA一样的调试器,于是摸索如下: 第一步:打断点,我们必须在我们想要它停下来的...
  • 微信小程序开发者工具简介

    万次阅读 2018-05-14 10:07:29
    微信团队发布了微信小程序开发者工具微信小程序开发文档和微信小程序设计指南,全新的开发者工具,集成了开发调试、代码编辑及程序发布等功能,帮助开发者简单和高效地开发微信小程序。启动工具时,开发者需要使用...
  • 解决微信开发者工具信任问题

    千次阅读 2019-05-05 18:11:25
    微信开发者工具总是弹出信任的这个弹窗,一开始直接无法进入到编辑页面, 网上各种百度尝试,最后勉强解决: 然后关闭电脑的防火墙,最后重启电脑; 虽然后来也弹出来信任窗口吧,但是没那么频繁了,凑合用吧...
  • 微信开发者工具-码云项目的导入

    千次阅读 2020-05-05 10:53:21
    title: 微信开发者工具–码云项目的导入 date: 2020-05-04 21:37:11 tags: 小程序 第一步: -打开开发者工具,新建项目,填写项目名称,例:demo -选择一个空目录存放此项目 -填写小程序的AppID(在微信公众平台...
  • 然后我们还研究学习了微信开发者工具的用法,关于.js/.json/.wxml/.wxss这四种文件的用法介绍。还有其中一些页面的创建、代码的编辑调试等功能。今天的主要工作就是学习微信开发者工具的使用。明日计划将具体进行...
  • 微信开发者工具点击上按键

    千次阅读 2019-02-22 10:02:17
    微信开发者工具在咱们开发微信小程序和微信公众号时会使用上,之前遇到一个问题就是在微信的授权页面点击生效,其实不是点击生效,是点击的位置偏移,最后找到问题所在是因为win10有缩放大小的问题(按照下面的...
  • 首先要用到的工具是微信开发者工具,可以去微信小程序官网下载最新版本的开发者工具,接下来就是开发者工具的快捷键的修改,查找和设置了(这里我是因为最早的时候用的编辑器是eclipse,所以我这里快捷键修改的都是...
  • 今天开微信开发者工具时,一打开竟然文件全部不见了!然后页面也编译出来,搜了一下大神们的建议: 1、在编辑器控制台输入:openVendor 回车  会打开一个文件夹:C:\Users\Administrator\AppData\Local\微信web...
  • 先在 “ 微信开发者工具 ” 的 “ 版本管理 ” 中把代码存储在本地分支上。 拉取线上分支,并解决冲突的代码。 先在本地把分支切换到master分支上。 然后在“ 版本管理 ” 中选择“ 合并 ”按钮选择需要合并的本地...
1 2 3 4 5 ... 20
收藏数 15,950
精华内容 6,380
热门标签
关键字:

微信开发者工具为什么不能编辑