Chrome的开发者工具(Chrome Developer Tools)按F12https://developer.chrome.com/devtools/indexhttp://www.w3school.com.cn/html/html_intro.asphttp://www.cnblogs.co...
分类:
其他好文 时间:
2015-05-15 10:34:46
阅读次数:
401
http://www.w3cplus.com/tools/15-must-know-chrome-devtools-tips-tricks.html谷歌浏览器如今是Web开发者们所使用的最流行的网页浏览器。伴随每六个星期一次的发布周期和不断扩大的强大的开发功能,Chrome变成了一个必须的工具。大多...
分类:
其他好文 时间:
2015-04-21 17:29:43
阅读次数:
158
利用NetWork工具来评估网页性能
NetWork工具记录了Web页面上的每一次网络操作,包括详细的请求时间数据、HTTP的请求和响应、以及WebSocket传输的数据等等。有时候我们会发现我们自己的网页加载比较慢,而其他访问网站速度正常。这时候就可以考虑通过NewWork工具来找出性能瓶颈进行优化。
关于Resource Timing API
NewWork工具使用了Res...
分类:
其他好文 时间:
2015-04-19 01:14:30
阅读次数:
170
http://stormzhang.com/devtools/2014/11/25/android-studio-tutorial1/背景相信大家对Android Studio已经不陌生了,Android Studio是Google于2013 I/O大会针对Android开发推出的新的开发工具,目前...
分类:
移动开发 时间:
2015-04-15 18:48:30
阅读次数:
184
在Web开发者中,Google Chrome是使用最广泛的浏览器。六周一次的发布周期和一套强大的不断扩大开发功能,使其成为了web开发者必备的工具。你可能已经熟悉了它的部分功能,如使用console和debugger在线编辑CSS。在这篇文章中,我们将分享15个有助于改进你的开发流程的技巧。
一、快速切换文件
如果你使用过sublime text,那么你可能不习惯没有Go to anything这个功能的覆盖。你会很高兴听到chrome开发者功能也有这个功能,当DevTools被打开的时候,按Ctrl+...
分类:
其他好文 时间:
2015-04-12 13:26:08
阅读次数:
157
A Phalcon在Windows上的安装1 从Phalcon for Windows下载适合的DLL,这里的适合 主要看两个方面1 PHP的版本2 线程是否是安全3 编译版本如果不清楚这些信息的话,可以编写一个phpinfo.php脚本然后通过浏览器直接访问该文件,就能知道以上的所有信息例如本人机...
分类:
其他好文 时间:
2015-04-04 16:44:29
阅读次数:
301
(上次DOM的部分做了些补充,欢迎查看Chrome development tools学习笔记(2))
利用DevTools Elements工具来调试页面样式
CSS(Cascading Style Sheets层叠样式表)定义了Web页面的表示层,是能够真正做到网页表现与内容分离的一种样式设计语言。本文主要是讲调试工具,关于CSS学习可以参考W3school的CSS部分:http:...
分类:
其他好文 时间:
2015-03-16 23:14:11
阅读次数:
566
利用DevTools Elements工具来调试页面DOM
Elements工具是Chrome DevTools界面的第一个标签,如今很多网页都通过JavaScript来动态的修改DOM以及CSS,传统的查看HTML和CSS源代码来调试页面,无法看到那些动态的内容,一遍一遍的刷新页面查看修改HTML和CSS的效果对于开发来说效率也很低下。Elements工具就是一个可以帮助我们实时的查看和编...
分类:
其他好文 时间:
2015-03-08 21:38:14
阅读次数:
228
原文网址:http://stormzhang.com/devtools/2014/11/25/android-studio-tutorial1/背景相信大家对Android Studio已经不陌生了,Android Studio是Google于2013 I/O大会针对Android开发推出的新的开发...
分类:
移动开发 时间:
2015-02-11 00:25:21
阅读次数:
427