cover_image

微信官方推出的小程序真机测试工具,你试过了吗?| 小程序问答 #46

qa微信小程序小程序开发微信 web 开发者工具小程序问答开发者工具小程序测试
Astrian 🦊

<p><img class="aligncenter size-full wp-image-924638" src="http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2017/10/minapp-qna-46-feature.png" alt="" width="2400" height="1500" srcset="http://www.ifanr.com/wp-content/uploads/2017/10/minapp-qna-46-feature.png 2400w, http://www.ifanr.com/wp-content/uploads/2017/10/minapp-qna-46-feature-360x225.png 360w, http://www.ifanr.com/wp-content/uploads/2017/10/minapp-qna-46-feature-768x480.png 768w, http://www.ifanr.com/wp-content/uploads/2017/10/minapp-qna-46-feature-1024x640.png 1024w" sizes="(max-width: 2400px) 100vw, 2400px" /></p> <p>小程序优势之一,是可以同时在不同设备上运行,但这会带来潜在兼容性问题。</p> <p>这个问题对于个人开发者而言很麻烦,<strong>因为他们通常只会用自己的手机来测试小程序</strong>。</p> <p>当然,微信早就意识到这个问题,并在早先的新能力更新中,<strong>为小程序开发者提供了免费的真机测试工具</strong>。</p> <p>知晓程序(微信号 zxcx0101)现在就来带大家看看,这个免费的测试工具该怎么用。</p> <p><span style="color: #808080;">关注「知晓程序」微信公众号,在微信后台回复「<span style="color: #605eac;">问答</span>」,获取往期所有小程序问答文章。</span></p> <p>微信提供的这个工具,不需要自己准备测试手机。<strong>这个工具已经免费为你提供了大量 Android 机型供你测试</strong>,你需要做的,就是点点鼠标、申请测试。</p> <p>在最新版、测试版「微信 Web 开发者工具」中,都内置了这个工具。<strong>在开发者工具中,点击右上角的「测试」按钮,就可以查看以往申请过的测试报告。</strong></p> <p><img class="aligncenter size-full wp-image-925050" src="http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2017/10/Artboard-11.jpg" alt="" width="1000" height="365" srcset="http://www.ifanr.com/wp-content/uploads/2017/10/Artboard-11.jpg 1000w, http://www.ifanr.com/wp-content/uploads/2017/10/Artboard-11-360x131.jpg 360w, http://www.ifanr.com/wp-content/uploads/2017/10/Artboard-11-768x280.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></p> <p>如果你依然希望使用旧版「微信 Web 开发者工具」的同时,使用真机测试系统,可以考虑下载测试版「微信 Web 开发者工具」,它与旧版开发者工具可以共存。</p> <p><span style="color: #808080;">关注「知晓程序」微信公众号,回复「<span style="color: #605eac;">工具</span>」,获取测试版「微信 Web 开发者工具」下载地址。</span></p> <p><strong>点击「申请」按钮,开发者工具就会自动将你的小程序代码进行真机测试,全程无需手动操作</strong>。接下来只需要休息一下,等待结果出炉就可以了。</p> <p>测试完毕后,在「测试报告」中会出现新的报告结果。点击其中一份报告,就可以查看报告详细信息。</p> <p><img class="aligncenter size-full wp-image-925051" src="http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2017/10/Artboard-12.jpg" alt="" width="1000" height="642" srcset="http://www.ifanr.com/wp-content/uploads/2017/10/Artboard-12.jpg 1000w, http://www.ifanr.com/wp-content/uploads/2017/10/Artboard-12-360x231.jpg 360w, http://www.ifanr.com/wp-content/uploads/2017/10/Artboard-12-768x493.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></p> <p>由报告中可以看出,<strong>这份测试工具会将你的小程序代码在不同的 Android 机型中进行测试</strong>。</p> <p>测试时,系统将会让手机直接在小程序中随机加载不同页面,记录运行错误、系统资源占用等信息,让开发者可以更有针对性地进行优化。</p> <p>需要注意的是,<strong>这个工具并非可以无限次申请测试,每个小程序 AppID 在每个 24 小时,可以执行一次测试</strong>。也就是说,当你申请了一次测试,需要等待 24 小时才能执行第二次测试。</p> <p>即使如此,这个完全免费的测试小工具,依然可以帮助我们找到小程序中许多潜在问题,减少正式版小程序出现 bug 的概率。</p> <p><strong>关注「<span style="color: #605eac;">知晓程序</span>」公众号 👇</strong></p> <ul> <li>在微信后台回复「<span style="color: #605eac;"><strong>问答</strong></span>」,获取往期小程序问答文章。</li> <li>在微信后台回复「<span style="color: #605eac;"><b>定制</b></span>」,做一个属于你的小程序。</li> </ul> <p><img class="aligncenter size-full wp-image-911027" src="http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2017/09/minapp-qrcode.gif" alt="" width="800" height="400" srcset="http://www.ifanr.com/wp-content/uploads/2017/09/minapp-qrcode.gif 800w, http://www.ifanr.com/wp-content/uploads/2017/09/minapp-qrcode-360x180.gif 360w, http://www.ifanr.com/wp-content/uploads/2017/09/minapp-qrcode-768x384.gif 768w" sizes="(max-width: 800px) 100vw, 800px" /></p>