关于开发者工具的详细介绍

测试手机为IPHONE6,开发者工具版本0.10.102800微信小程序里的canvas 非 h5 canvas有很多不一样的地方，以下把微信小程序的canvas叫做wxcanvas下面全是我一点点测试出的干货，耐心看：1.wxcanvas,不像h5canvas那样有width和height属性和width和height的style样式。他只有style样式，可以理解为他就是个框吧；2.wxcanvas不要当成真的H5canvas，就当它是个p就行，画出范围的东西也是存在的，改变width,height就显示出来了，或者说这里有重绘，但具体如何实现的不知道；3.改变wxcanvas的style的width,height，并不改为原画布上的东西的大小；4.css transform变换中的变大缩小也无法改变原画布上的东西大小5.官方说法：context只是一个记录方法调用的容器，用于生成记录

1. 小程序开发中的wxcanvas详解

简介：在前端开发中，有一个非常重要的技能，叫做断点调试。 在chrome的开发者工具中，通过断点调试，我们能够非常方便的一步一步的观察JavaScript的执行过程，直观感知函数调用栈，作用域链，变量对象，闭包，this等关键信息的变化。因此，断点调试对于快速定位代码错误，快速了解代码的执行过程有着非常重要的作用，这也是我们前端开发者必不可少的一个高级技能。 当然如果你对JavaScript的这些...

【相关问答推荐】：

javascript - IE F12的开发者工具中怎么调试低版本ie浏览器？

javascript - 微信小程序配置好的https域名在开发者工具测试有效，但在手机上预览时却提示“not verified",是怎么回事？

javascript - 通过开发者工具修改值，并使用jquery的text(),val(),attr(),data()方法获取修改的值时出现疑问?

javascript - 看别人代码的时候，如何能快速找到对应的事件绑定在哪个地方？

javascript - 如何获取chrome开发者工具选定到某个元素时，显示的那个尺寸？

以上就是关于开发者工具的详细介绍的详细内容，更多请关注其它相关文章！