微信开发者工具打开页面_微信web开发者工具无法打开网页 - CSDN
  • 于是开始学习微信小程序开发文档,下载微信开发者工具,进行开发了。开发过程中需要调试,开始只是打日志或者断言,觉得很不方便,希望跟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)

    展开全文
  • 然后,关闭微信开发者工具,在HbuilderX重新运行项目,到微信开发者工具,即可,注意,有时不会直接打开,如果跳转到微信开发者工具导入项目界面,留意一下项目列表中是否有你要打开的项目,有就手动点击打开就可...

    因为是别的小伙伴的项目,所以,要换一个appID,可以换成自己的,HbuilderX运行在微信开发者工具,打不开,只会跳转到导入项目界面,不会打开这个项目,报错:

     

    解决方法:

    然后,关闭微信开发者工具,在HbuilderX重新运行项目,到微信开发者工具,即可,注意,有时不会直接打开,如果跳转到微信开发者工具导入项目界面,留意一下项目列表中是否有你要打开的项目,有就手动点击打开就可以了

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

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

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

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

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

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

    展开全文
  • 声明:首先我的文章,是问题探讨,而不是问题解决,因为我真的也不知道怎么解决。...本来想卸载重装就完事了,但万万没想到,之后我就经历了两天的微信开发者工具无法打开登陆的苦恼,还被同学嘲笑她一分钟安...

    声明:首先我的文章,是问题探讨,而不是问题解决,因为我真的也不知道怎么解决。

    前言:

    就在2019年10月6日下午,我安装了微信开发者工具,初次安装可以正常使用,但我这个人脑缺,由于初次接触微信开发者工具,想做个微信小程序,我没事打开了其中的公众号网页的制作随意看看,却不知道怎么返回首页,就索性卸载了,对,卸载了。。。本来想卸载重装就完事了,但万万没想到,之后我就经历了两天的微信开发者工具无法打开登陆的苦恼,还被同学嘲笑她一分钟安好了,我却搞了两天。这。。。我也不想啊,嘤嘤嘤。

    问题解决方法探讨:

    我是在微信开发社区中(https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)下载的,首先我可以肯定,这个下载安装包肯定没问题,因为我第一次安装成功使用就是在这里下载的。我第一次是安装在了D盘,新建的文件夹“微信开发工具”,之后我重新安装也是在这个文件夹,但安装无法使用。然后我就在CSDN上各个大佬的博客找解决方法(其实我也想知道是什么原因,但他们都没说哎)。找到的方法如下:

    方法一:重新安装或电脑重启。

    方法二在任务管理器上关闭所有有关微信开发者工具的进程/任务,重新打开微信开发者工具。

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

    方法四:重装 “微信web开发者工具” ,要把安装目录修改为非上次安装的目录(安装在一个新目录下,不受原有文件影响)

    方法五:下载安装32位微信开发者工具。

    方法六:把微信开发者工具自动生成的桌面快捷方式删除,找到微信开发者工具安装目录下的wechatdevtools.exe(微信开发者工具)文件,将它发送到桌面快捷方式,重新打开。

    我的方法:是把微信开发者工具重装在了F盘,也就是我把安装地址换成不同盘符了。

    总结:

    对于不同方法,有的人有不同反应。其中方法二,方法五,反应解决的最多。当然像方法一、方法三、方法四的也有一部分人反应问题得到解决。至于方法六和我这种方法,感觉有点奇葩哈。不过可以试试,祝你好运。

    对于我现在安装好了,赶上微信小程序注册维修,无法申请,也是服了。摸摸我的小心肝。。。

    展开全文
  • 电脑用时间长了,昨天重做了系统,安装了开发者工具之后发现打不开,等了好久打开后居然黑屏。...\\AppData\\Local\\微信开发者工具\\userdata\\WeappLocalData放置这个文件https://share.weiyu...
  • 最近几天没关电脑,发现微信开发者工具非常卡顿,于是重启了一下,这一重启不要紧,打开了好几次都打不开,查看任务管理器,发现有一大堆微信开发者工具的进程,所以程序是运行了,但是界面没打开..上网查了一下,重启系统,重...
  • 亲身经历解决方案:1.电脑重启。...上周微信开发者工具一直没有办法打开页面,本来打算写一篇关于小程序的文章,结果等了半天试了好几次都是这样的界面,临近下班就没有在意了,今天来打开电脑还是...
  • 1.运用命令行安装依赖 npm i 2.进入微信开发者工具点击工具选择构建npm,刷新页面就行.
  • 先说一下我的问题 ...我的微信开发者工具打开的文件总是将前一个打开的文件覆盖了 看到了吧,覆盖掉了 解决办法: 点击左上角的设置 》编辑设置 勾上 总是在新标签页打开文件 就可以了 ...
  • 解决办法:windows环境,解决方法是删除 用户目录下微信开发工具配置(删除后小程序要重新配置); 微信开发者工具的删除目录如下 C:\Users\XXX\AppData\Local\微信开发者工具\User Data* ...
  • 利用微信开发者工具获取小程序指定页面路径! 文章来源:企鹅号 - 程鹏亮 小程序不同于app,小程序的每个页面都有页面路径。在使用微信小程序的过程中,很多场景都要使用到小程序的页面路径。比如微信图文中的小...
  • 打开微信开发者工具 创建第一个小程序 步骤: 打开微信开发者工具 使用微信扫码登录 点击小程序-创建小程序 项目名 项目路径 appid 不使用云服务器 语言: javascript...
  • 微信开发者工具调试微信网页授权,点击‘登录’按钮无效 问题描述 h5页面需要获取微信用户信息,参考微信开发者文档: 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,...
  • 微信开发者工具调试小程序 webview 页面白屏,但是 date 里面数据一切正常 微信开发者工具不能调试公众号网页,但是打开百度正常 解决方案 这个原因真是微信的锅,让人搞了一上午。微信开发者工具在2019年4月份之后...
  • 于是开始学习微信小程序开发文档,下载微信开发者工具,进行开发了。开发过程中需要调试,开始只是打日志或者断言,觉得很不方便,希望跟IDEA一样的调试器,于是摸索如下: 第一步:打断点,我们必须在我们想要它停下来的...
  • 微信开发者工具的快捷键
  • 微信开发者工具项目演示 配置: 我这里是选择 ios 手机代理配置 打开手机选择网络(必须确保手机,电脑在同一局域网下面) 然后点击微信调试 出现下面连接结果界面: 然后用手机打开微信里面相应网页(你需要调试...
  • 上一篇文章中https://blog.csdn.net/u014650759/article/details/90701866,我们已经安装好了微信开发者工具,并导入了一个Demo项目,这篇文章,将就开发者工具进行简单的介绍,方便你开发实用编译器,更好的开发小...
  • 微信小程序学习(三):在微信开发者工具中,使用WeUI 这里就是将WeUI导入到微信开发者工具中,我并没有使用多少样式,这里只是展示了一下怎么引用 网上有很多的方法,我绝大多数都没看懂,这里就是最简单的将文件...
  • 1.微信开发者工具自行到网上下载即可 2.打开微信开发者工具,如图所示: 点击创建后,如下图所示:
1 2 3 4 5 ... 20
收藏数 15,495
精华内容 6,198
关键字:

微信开发者工具打开页面