起因
在去年开发微信小程序的时候,发现微信小程序的console类只有log、warn、error这几个可以调用的方法,之前浏览器开发的时候,经常使用的clear函数是没有的,然后就一直用log函数在打印 然后去慢慢调试,这样就显得很呆
更新后的微信开发者工具
但是在最近的微信开发者工具更新内容中,官方好像把console这个类给完善了,所以现在,我们可以调用其他的console函数了。
使用(TS环境下)
虽然在控制台可以使用这个函数了,但是在代码上面,调用clear等函数依然是会报错,
导致这个报错的原因是,在泛型定义的文件上,官方并没有及时更新泛型文档,这里就需要我们手动添加这些泛型定义上去,添加泛型流程如下:
- 输入console.log,
- 按F12或者按住ctrl点击该方法跳转到定义console内置函数的泛型文件。 跳转过去看到的文件内容大致上是这样子的:
在这里,我们可以看见常用的log函数等
- 然后我们需要在这里添加我们使用的clear、table等函数的泛型定义
- 保存该文件,然后回到ts文件,使用该方法,发现报错没有了,而且控制台也可以查看到使用的效果
END
Ok,这就是微信小程序的console新发现,虽然以前一直在说微信开发者工具很差劲,但是自从用过抖音开发者工具、小红书开发者工具、快手开发者工具以后,发现微信开发者工具真的算是可以了,其他平台的开发者工具用过就知道有多难了,下面附带一个console使用文章的链接,想要了解控制台使用的朋友,可以去别人的文章里面看看,这里我就懒得写了。
这里教大家一个微信小程序开发的小技巧,就是在app.ts入口文件的onLaunch函数中添加一个清除控制台的函数,这样,这样每次开发小程序的时候,控制台就是干净的,没有官方打印的一些内容在上面