使用chrome查看页面元素的css样式 我们在写页面的时候,可能总是不知道怎么回事,就发现某个元素出现了问题,但是不知道为什么会这样,这时候,就需要使用强大的chrome了!!! 举例说明: 1. 我们希望看到博客园这张图片的具体信息。就可以打开chrome的开发者工具,点击箭头后选中该图片,这时 ...
分类:
Web程序 时间:
2016-12-05 07:43:01
阅读次数:
2522
使用chrome查看网页上效果的实现方式 chrome是一个极为强大的工具,很多时候,我们不知道一个效果怎么实现的,我们完全可以找到响应的网页,然后找到其html文件,和js文件,查看源码,获得其实现方式。 下面举例说明: 1. 我想知道下面这一部分的HTML代码: 可以直接打开开发者工具,点击箭头 ...
分类:
Web程序 时间:
2016-12-05 07:37:46
阅读次数:
262
chrome断点调试 在编写JavaScript代码时,如果出现了bug,就要不断的去找错误,如果console控制台中提示还好说,可是没有提示恐怕就要费一番周折了。但是有了chrome这个浏览器,我们通过开发者工具就可以很好的实现调试了。 实例代码如下: <!DOCTYPE html> <html ...
分类:
其他好文 时间:
2016-12-05 02:37:21
阅读次数:
210
项目创建的步骤:(以mac版为例) 1.在"应用程序"中,双击"微信web开发者工具.app", 如图: 2. 选择类型 3.点击"+" 4.点击无AppID 注:因为没有开发资格所以要选择无AppID 5.填写项目名称和项目目录 注意两点: 1.项目文件夹不能用中文; 2.新建项目文件夹要建一个空 ...
分类:
微信 时间:
2016-11-30 04:08:00
阅读次数:
382
IDE下载 微信web开发者工具 需要微信扫一扫登录。 如果没有公众号可以选择无appid 直接进入,如果有可以填写appid,可以尝试更多功能。 基本操作 Ctrl+S:保存文件 Ctrl+[, Ctrl+]:代码行缩进 Tab , shift + Tab:代码行缩进 Ctrl+Shift+[, ...
分类:
微信 时间:
2016-11-23 19:58:00
阅读次数:
277
Chrome实用调试技巧 Chrome调试工具常用功能整理 Google Chrome开发者工具使用(图文教程) 如何更专业的使用Chrome开发者工具 Chrome实用调试技巧 Chrome调试工具常用功能整理 Google Chrome开发者工具使用(图文教程) 如何更专业的使用Chrome开发 ...
分类:
其他好文 时间:
2016-11-23 16:21:28
阅读次数:
134
win7旗舰系统64为,更新ie11: 新安装了ie11浏览器,安装以后发现原来可以正常使用的开发者工具不能使用,提示 Imposible use F12 Developer Tools (Exception in window.onload: Error: An error has ocurred ...
分类:
其他好文 时间:
2016-11-19 21:07:08
阅读次数:
153
最近微信小程序已经开始公测了,鉴于开发的过程中更加便捷的编写代码,最近整理了一下《微信开发者工具》一些实用的快捷键分享给大家: 微信小程序开发工具快捷键 格式调整 Ctrl+S:保存文件 Ctrl+[, Ctrl+]:代码行缩进 Ctrl+Shift+[, Ctrl+Shift+]:折叠打开代码块 ...
分类:
微信 时间:
2016-11-18 22:25:09
阅读次数:
467
下面以开发者工具自动生成的程序框架为例,对小程序的框架进行介绍。选择一个空的项目目录创建一个小程序项目,如下图:
创建完成后我们看到如下目录结构:
目录结构小程序包含一个描述整体程序的 app...
分类:
微信 时间:
2016-11-18 00:27:00
阅读次数:
452
本篇将为大家详细介绍如何安装小程序开发工具,并进行一个完整小程序的开发。下载安装微信web开发者工具下载地址:
windows64:https://servicewechat.com/wxa-dev...
分类:
微信 时间:
2016-11-17 20:54:52
阅读次数:
322