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

测试手机为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详解

简介：测试手机为IPHONE6,开发者工具版本0.10.102800 微信小程序里的canvas 非 h5 canvas有很多不一样的地方，以下把微信小程序的canvas叫做wxcanvas

2. 小程序之基础样式库--WeUI

简介：TODO：小程序集成WeUI WeUI 为微信 Web 服务量身设计。WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。 1.使用微信开发者工具添加新项目MWL 2.下载WeUI...

3. 实现微信小程序开发者工具初体验的技术初探（图）

简介：微信小程序是当前的热点，市面上已经有很多微信小程序开发相关的文章，今天晚上抽了点时间折腾了微信小程序，并顺便看看了下微信小程序开发者工具的实现，是使用Node.js开发的，UI是基于NW.js框架开发的，支持Windows和Mac跨平台。 微信小程序开发工具初体验 首先当然是先下载个微信小程序开发工具，微信Web开发者工具下载地址, 然后顺便找了个感觉还可以的小程序源码微信中的知乎微信小...

4. 支付宝小程序5.4号悄然上线，微信该如何接招？

简介：实际上，早在今年1月份，就有网友曝出支付宝也将推出小程序，并晒出开发者工具截图，此次传言支付宝将在下周推出支付宝小程序，并不意外，微信通过扫一扫调用小程序的方式连接线下，而线下，正是支付宝为之骄傲的护城河。

5. 微信小程序中异步处理实例详解（async/await）

简介：Promise和co都搞过了，终于还是忍不住要折腾，上ES7的终极方案：async/await。 async/await也是和Promise配合使用的, 先来看一下示例代码，这个用法和我们之前讲的co的用法是极其相似的： 要在小程序中使用async/await的话，靠微信web开发者工具中的Babel转换工具是不够的了，因为需要一些额外的Babel插件来编译使用了async/await的代码...

6. 教你一个删除微信web开发者工具中失效项目的方法

简介：我日常使用微信web开发者工具来学习和开发我们的微信小程序，在这过程中，我们可能会创建很多小程序项目，总会有时候，我需要删除我们不需要的项目，通常情况下，我们可以进入要删除的项目，在“项目”菜单下，找到“删除项目”按钮，来将该项目与开发者工具解除绑定（代码不会真正删除）。 但是，有时候我们先去删除了代码文件夹，或者移动了代码文件夹的位置，再回到开发者工具中来，就会出现进入不了该项目，又删不掉...

7. 分享一个微信小程序访问nodejs接口服务器搭建的教程

简介：最近在做微信的应用号小程序开发，小程序的后台数据接口需要https安全请求，所以需要我的nodejs服务器能够提供https的支持，现在就将整个https服务器的搭建过程说一下。 首先，我试了一下以前的过期的证书，在开发者工具里模拟的时候可以正常访问接口，在手机里测试时候微信小程序的wx.request是会报SSL握手失败的错误(request error : request: fail ...

8. 带你了解小程序的由来

简介：微信小程序是如何架构出来的，深入了解之后，可能你会悄然大悟。所有的创新都是在前人的基础之上进行的。react实现了高效的虚拟DOM，微信在此基础之上，构建了一个微信浏览器，即小程序运行环境。(原链接) 附原文地址，有部分删改，以下是正文—— 首先你需要有下面的工具啦 1、Mac电脑 2、微信web开发者工具.app 3、WebStorm / 其他编程器 或 IDE，最好可以支持重命名 首先，...

9. 作为Python程序员必须要会的开发者工具

简介：　Python已经演化出了一个广泛的生态系统，该生态系统能够让Python程序员的生活变得更加简单，减少他们重复造轮的工作。同样的理念也适用于工具开发者的工作，即便他们开发出的工具并没有出现在最终的程序中。本文将介绍Python程序员必知必会的开发者工具。

10. 前端进阶（六）：观察函数调用栈、作用域链与闭包

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

【相关问答推荐】：

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

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

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

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

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

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