微信小程序的console新发现

202 阅读2分钟

起因

在去年开发微信小程序的时候,发现微信小程序的console类只有log、warn、error这几个可以调用的方法,之前浏览器开发的时候,经常使用的clear函数是没有的,然后就一直用log函数在打印 然后去慢慢调试,这样就显得很呆

更新后的微信开发者工具

但是在最近的微信开发者工具更新内容中,官方好像把console这个类给完善了,所以现在,我们可以调用其他的console函数了。

image.png

image.png

使用(TS环境下)

虽然在控制台可以使用这个函数了,但是在代码上面,调用clear等函数依然是会报错,

image.png

image.png 导致这个报错的原因是,在泛型定义的文件上,官方并没有及时更新泛型文档,这里就需要我们手动添加这些泛型定义上去,添加泛型流程如下:

  • 输入console.log,

image.png

  • 按F12或者按住ctrl点击该方法跳转到定义console内置函数的泛型文件。 跳转过去看到的文件内容大致上是这样子的:

image.png 在这里,我们可以看见常用的log函数等

  • 然后我们需要在这里添加我们使用的clear、table等函数的泛型定义

image.png

  • 保存该文件,然后回到ts文件,使用该方法,发现报错没有了,而且控制台也可以查看到使用的效果

image.png

END

Ok,这就是微信小程序的console新发现,虽然以前一直在说微信开发者工具很差劲,但是自从用过抖音开发者工具、小红书开发者工具、快手开发者工具以后,发现微信开发者工具真的算是可以了,其他平台的开发者工具用过就知道有多难了,下面附带一个console使用文章的链接,想要了解控制台使用的朋友,可以去别人的文章里面看看,这里我就懒得写了。

这里教大家一个微信小程序开发的小技巧,就是在app.ts入口文件的onLaunch函数中添加一个清除控制台的函数,这样,这样每次开发小程序的时候,控制台就是干净的,没有官方打印的一些内容在上面

不清除的效果

image.png

清除后的效果

image.png