1. 常用控制台工具console.log console.info console.error console.warnconsole.assertconsole.countconsole.dirconsole.time console.timeEndconsole.profileconsole....
分类:
其他好文 时间:
2015-01-12 16:02:03
阅读次数:
101
前端程序员或者在校大学生正在开发网页,如果想要测试或者通过测试优化网页结构,该怎么办呢?这就需要用到一款工具,chrome浏览器的开发者工具?本文写给尚不熟悉这个开发者工具的同学们或者同行们,话不多说,先...
分类:
Web程序 时间:
2015-01-09 10:56:35
阅读次数:
220
前端程序员或者在校大学生正在开发网页,如果想要测试或者通过测试优化网页结构,该怎么办呢?这就需要用到一款工具,chrome浏览器的开发者工具?本文写给尚不熟悉这个开发者工具的同学们或者同行们,话不多说,先看文章怎样打开Chrome的开发者工具?你可以直接在页面上点击右键,然后选择审查元素:或者在Ch...
分类:
Web程序 时间:
2015-01-09 10:23:10
阅读次数:
212
近几年,浏览器厂商也纷纷推出自己的远程调试(RemoteDebugging)工具,比如Opera Mobile 可以借助其推出的跨设备跨平台桌面开发者工具Opera Dragonfly 实现远程调试,iOS Safari 可以开启Web检查器在 Mac OS X系统中实现远程调试。Android 4+已上系统的 Chrome for Android可以 配合 ADB(Android Debug Bridge)实现桌面远程调试,桌面版Chrome 32+已经支持免安装ADB即可实现远程调试移动设备页面/Web...
分类:
移动开发 时间:
2015-01-08 21:39:23
阅读次数:
833
以 chrome 浏览器为例1) 浏览器登陆人人网并打开一个人人网页面2)打开 开发者工具,快捷键 Ctrl + Shift + I(大写 i)3)切换到 console 页,输入 document.cookie4)复制完整字符串即可,不包括两端的引号。
分类:
其他好文 时间:
2015-01-04 01:10:03
阅读次数:
653
1. 点击浏览器右上角 -》 更多工具 -》 开发者工具,页面下面会弹出一个窗口
2. 开始播放网页视频
3. 注意视频的格式(例如MP4,flv等),在视频格式所在行,右键—》copy link address
4. 新的选项卡中,黏贴刚刚复制的地址,视频播放时,右键 -》 视频另存为...
分类:
其他好文 时间:
2015-01-04 00:01:17
阅读次数:
418
我们都希望创建高性能的Web应用程序。由于我们的应用程序变得越来越复杂,我们可能想要支持丰富的画面以及理想的60帧/秒,这能保证我们的应用程序响应灵敏且生动流畅。知道如何衡量和提高性能,是一个有用的技能,在这短短的文章中,我会带您简单回顾关于如何通过Chrome DevTools的Timeline和...
分类:
Web程序 时间:
2014-12-23 12:05:49
阅读次数:
232
英文原文:Zack Grossbart,编译:伯乐在线——王筱你的网站正常运转。现在我们来让它运转的更快。网站的性能由页面载入速度和代码执行效率决定。一些服务可以让你的网站载入更快,比如压缩JS和CDN,但是让代码执行的更快你要做的事情。代码中很小的改动都可能对性能造成巨大的影响。快速灵活的网站和可...
分类:
编程语言 时间:
2014-12-23 11:53:44
阅读次数:
294
本文转自 http://www.cnblogs.com/Wayou/p/chrome-console-tips-and-tricks.htmlChrome的开发者工具已经强大到没朋友的地步了,特别是其功能丰富界面友好的console,使用得当可以有如下功效:更高「逼格」更快「开发调试」更强「进阶级的...
分类:
其他好文 时间:
2014-12-13 00:45:58
阅读次数:
235
最近在访问一些网站时,经常页面闪现一下,然后就被重定向到一个丑陋异常的页面,显示:
“尊敬的用户:您访问的域名有误或网页不存在,您可以使用我们提供的以下服务”
具体如下图:
打开Chrome的开发者工具,查看Nerwork Log(勾上Preserver Log复选框),找到当前页面的启动器(initiator),发现是来自
http://www.facebook.co...
分类:
其他好文 时间:
2014-12-12 16:41:54
阅读次数:
153