精华内容
参与话题
问答
  • 微信开发者工具项目演示 配置: 我这里是选择 ios 手机代理配置 打开手机选择网络(必须确保手机,电脑在同一局域网下面) 然后点击微信调试 出现下面连接结果界面: 然后用手机打开微信里面相应网页(你需要调试...

    微信开发最大的特点就是不好调试,所以微信官方推出了一款调试工具!

    下载地址:传送门

    微信开发者工具项目演示

    配置:

    我这里是选择 ios

    在这里插入图片描述

    手机代理配置

    打开手机选择网络(必须确保手机,电脑在同一局域网下面)

    在这里插入图片描述

    在这里插入图片描述

    然后点击微信调试
    出现下面连接结果界面:

    在这里插入图片描述

    然后用手机打开微信里面相应网页(你需要调试的功能页面,菜单或者页面)

    下面是我自己点击菜单后的页面,以及连接后的结果页面
    在这里插入图片描述

    展开全文
  • 1.首先要去手机的设置打开开发者模式,每个手机打开开发者模式的姿势不一样,如OPPO的就需要先找到“关于手机”,然后在版本号上连点几次,然后再退出来点开“其他设置”,才能出现开发者选项,然后打开USB调试,...

    在之前先讲下一个uniapp的坑:

    1.在HBuilderx导入项目时,直接导入项目即可,不要在项目文件夹下导入父目录,这样会识别不到项目类型,就无法用项目相应的运行方式运行了。如下:加了这层父级“ZKuniapp”就无法运行到模拟器了,因为点击该文件夹右键,检测项目类型检测的是web,当然就无法运行到手机模拟器了,只能运行在浏览器,只导入uniapp重新识别项目类型,就可以识别到:uniapp_vue,就可以运行在模拟器和真机上了。

    而且在dcloud社区也说的很清楚。但是不知道的人这真是一个坑。

    2. 在下载hbuilderx后,安装完打开对APP进行编译,会报错:安装目录不能有(,经查找是下载后的文件夹有一个(),去掉该括号即可编译成功

    3.更新基座后白屏问题

     连接真机和MUMU手机模拟器进行调试,发现代码运行了,里面的console.log也打印了,但APP就是白屏,没有页面,而且控制台报了一个错:“login/index”页面已打开,请不要重复打开。尝试着把重复打开的那地方代码去掉,果然是这个原因。即进入页面重复打开了一个页面可能会白屏。我在网上查了关于“真机调试白屏”的问题,可能其他原因也会出现白屏问题。

    一、在真机上调试

    1.首先要去手机的设置打开开发者模式,每个手机打开开发者模式的姿势不一样,如OPPO的就需要先找到“关于手机”,然后在版本号上连点几次,然后再退出来点开“其他设置”,才能出现开发者选项,然后打开USB调试,记住,打开usb调试后一定不要选择只进行充电,而是选择文件传输,或者去usb设置里面选择文件传输也可。oppo的打开开发者选项比较隐蔽,每个手机也有点差别,可自行百度。手机和电脑连接成功后,在Hbuilderx上就有运行在某某设备上,然后还有该项目名称,点击运行即可。

    运行后编辑器会对其进行编译,第一次真机调试一般在控制台会给这么一个提示,要你去这个目录下安装这么一个apk的文件,其实就是去手机上安装这个app,直接把这软件通过微信的文件传输拷贝到手机上,然后安装即可。其实这个软件就是和hbuilder配合调试的一个软件。

     

     安装完这个软件后,再进行上面操作在真机上运行,编译和连接手机成功后,点击打开手机上的软件,即可显示你开发的项目的界面,如果你修改了代码,发现界面并没有刷新,退出重新启动该手机APP即可。

    简单一句话总结就是:先安装hbuilderx里面的安卓apk的安装包,这是一个huilder的基座,相当于封装的运行在安卓系统的安装包,里面可以运行前端代码,然后手机连接hbuilderx,搜索到手机后运行在手机上,就相当于把代码编译到了基座上,就可以打开你开发的app了,也可以拔掉数据线了,只有调试的时候才一直连着数据线

    二、在手机模拟器上调试

    首先去网上下载一种手机模拟器

     每种手机模拟器的端口不一样,直接去网上搜索下载就好了,我用的事网易的mumu模拟器。

    下载完后,要在HBuilderx上配置一下模拟器的端口,网上有种复杂的配置方式,想了解可以去搜索,我们这里就只讲这种简单的配置方式。

    直接在hbuilderx中找到工具,设置,运行配置,配置adb路劲和端口。

    adb路劲填 如下这个路劲,端口填每个模拟器的端口

     配置完后,重启下。在运行下就会出现运行在某某模拟器的选项,点击即可

     然后mumu模拟器的窗口大小想设置成手机大小,直接在如下地方设置即可:

    三、微信开发者工具调试

     首先需要对Hbuilderx项目在微信开发者工具运行的路劲做配置:在Hbuilderx的工具——设置——运行设置

    然后在项目中的manifest.json文件中对微信小程序运行配置进行配置APPid

     配置完成后即可点击运行到微信小程序中

    注意点:

    1.微信小程序调用的接口只能支持https的接口,http的接口不支持

    2.微信开发者工具只是做调试开发界面用,编辑代码还是在hbuilderx中,因为开发者工具里面的代码是压缩编译过的

    展开全文
  • 微信开发者工具不显示二维码问题

    千次阅读 2019-08-16 14:44:11
    在电脑上安装了微信开发者工具,但是双击打不开,以管理员的身份也打不开,然后下载了老版本也是打不开,重装了无数次,重启的无数次,在我马上绝望的时候,有高人指点,一冲动把网线拔了,然后连接了手机热点,就...

    在电脑上安装了微信开发者工具,但是双击打不开,以管理员的身份也打不开,然后下载了老版本也是打不开,重装了无数次,重启的无数次,在我马上绝望的时候,有高人指点,一冲动把网线拔了,然后连接了手机热点,就可以了

    总结:连接手机热点进行打开微信开发者工具

    展开全文
  • 其实就按照这上面说的就行。 关键点是在第三部。 配置网络代理时 不能填写http:// 转载于:https://www.cnblogs.com/mchuang/p/6136220.html

    其实就按照这上面说的就行。  

    关键点是在第三部。 

    配置网络代理时

    不能填写http://

     

    转载于:https://www.cnblogs.com/mchuang/p/6136220.html

    展开全文
  • 昨天有个demo需要做一个打包测试,我打包到50%的时候就可以报招不到微信开发者工具的错了!主要是我其实已经有配置了,但还是报这个错(忘记截图了) 后面我百度啥的但是没有我想要的答案,我就试着升了下我编辑器的...
  • 微信web开发者工具

    2018-04-12 11:47:21
    通过收集相关资料,加亲身实验,有以下几种调试微信页面的方式:1、(推荐)手机连wifi,并确保手机可以ping通pc端(不在一个网段也可以,只要路由是通的) 此种方法需要在手机上按开发者工具上设置连接wifi的代理...
  • 微信web开发者工具 移动调试

    万次阅读 2018-06-11 16:45:47
    1 下载 微信web开发者工具:https://mp.weixin.qq.com/wiki?t=resource/res_main&...3 打开微信web开发者工具 ,选择如下图PS:我使用了很多手机,小米max ,iphoneX,小米5sp等等。。。没有一个能使用 X5Blin...
  • 2 微信网页开发-》微信web开发者工具 -》立即下载体验 3 安装软件,手机和电脑 都连接公司/家 的无线网(同一网断下) 4 手机代理到电脑 (iphone) 点击wifi 点击手动 输入服务器地址 (电脑的ip, ...
  • 微信小程序开发者工具详解

    万次阅读 2018-09-17 10:43:59
    在头像后边有三个按钮: ...编译模式:普通编译和自定义编译条件 ...远程调试:真机的远程调试功能,会通过我们的网络连接对我们手机运行的小程序进行一个调试 切后台:切后台按钮会帮助我们快速的切到不...
  • 使用手机扫描开发者工具的二维码进行预览,如果不打开调试模式写库(云开发自带的库),总是写库失败, 当打开手机端的调试后,写库成功,请问大神,这个是为什么?上线后会不会也写库失败? ![图片说明]...
  • 准备工作1:电脑一台2:无注册过微信相关产品...4:注册完成了登陆微信小程序后台:5:选择右侧的普通小程序开发者工具6:点击该界面的微信开发者工具,跳转到下载界面7:我这边下载的是开发 window 64位,64还是...
  • 工具栏 人头像-个人中心:展示小程序系统版本更新后的一个推送消息。方便的切换小程序账号 头像旁边的3个按钮,我们可以点击他们去控制相应的模块的显示或隐藏 普通编译:我们可以选择添加编译模式自定义编译...
  • 微信小程序的wx.downloadFile Api使用的时候,pc开发者工具有效,移至android手机调试的时候方法内的任何回调都没有执行,判断方法没有执行(真机调试),但是上传至体验之后神奇的有效了,状况不明 ...
  • 微信公众平台深度开发Java v2.0”系列课程共有6季,使用JAVA语言,系统讲解微信公众平台订阅号、服务号官方列出的全部功能接口,包括:自定义菜单、个性化菜单(按需定制菜单)、群发消息、客服消息(有限次消息...
  • 开发者工具预览,顺序是对的 真机运行也是好的 直接手机预览、体验预览,不按套路出牌了 捉鸡捉鸡捉鸡捉鸡捉鸡捉鸡捉鸡 自己测试: 一、我以为 for 循环的 key 冲突了,全部检查一遍,确保 key 不冲突 二、将 ...
  • 【TechWeb】8月9日消息,微信开放社区发布公告称,微信PC小程序开发者公测,最新版微信开发者工具新增支持在微信PC中预览小程序。 微信表示,用户在微信PC端聊天场景中收到的小程序消息,可支持在PC端直接打开...
  • 打开“微信web开发者工具”,如下图,按目录结构找到左侧 1 的文件并打开,在右侧写入2 的代码,发布审核就可以了。这样就可以在小程序里面嵌入手机版的网页了。 注意:代码中的域名就是要嵌入的手机端域名,域名...
  • 微信小程序开发者工具 预览 手机报错: ERR_CONNECTION_REFUSED 首先手机和电脑必须在同网络环境(同WIFI): 其次: 然后: const API_BASE_URL = 'http://localhost:8080/platform_framework_war_exploded/api/';...
  • 只有在微信开发者工具预览,用开发者的手机微信扫码,进入开发的小程序才可以打开vconsole面板。 扫码进入开发板小程序后,点击右上角“关闭”按钮,左边的三个点, 在右下角,就可以看到 “开发调试”的选项了...
  • 此外,微信开发者文档还写明该功能的使用流程,微信开发者工具菜单栏点击“设置—通用设置”,勾选“启动 PC 端自动预览”,接着点击“预览—自动预览—编译并预览”,即可在微信 PC 上自动拉起小程序。...
  • 还记得之前用微信的 web开发者工具是长这个样子的, 打开后直接就有移动开发的选项,然而现在却没有了, 调试不了, 摸黑写代码, 不爽! 以前↓ 现在↓ 这样可不行呀, 随便改个东西都要 alert(JSON.stringify...
  • 微信小程序手机预览请求不到数据

    万次阅读 2018-01-29 10:48:16
    1、微信开发者工具中设置:不校验安全域名、web-view 域名、TLS 版本以及 HTTPS 证书。这样在有网络请求的时候,就可以访问本地的服务器了,因为本地开发调试一般都是IP+端口的访问地址。 2、手机和电脑(本地服务器...
  • 微信小程序 性能Trace工具

    千次阅读 2018-05-24 14:06:27
    微信 Andoid 6.5.10 开始,我们提供了 Trace 导出工具,开发者可以在开发者工具 Trace Panel 中使用该功能。使用方法PC 上需要先安装adb工具,可以参考一些主流教程进行安装,Mac 上可使用 brew 直接安装。确定adb...

空空如也

1 2 3 4 5 ... 8
收藏数 152
精华内容 60
关键字:

微信开发者工具连手机