新开发的网页需要在手机或是模拟机上运行测试，可以借助 Chrome提供的手机网页预览程序进行简单调试。查看 制作的网页是否能够适合各种手机型号使用。下面所以下如何使用Chrome调试多类型手机网页。首先 下载Chrome 浏览器。在你要调试的网页或是本地页面中。按F12 打开调试器。(即开发者模式)...
分类：
移动开发 时间：
2015-11-19 22:16:34
阅读次数：
191
作为后端开发人员，可能有很多同学不怎么了解chrome调试功能，而即将成为大神的我们，怎么也得会，知其然更要知其所以然，今天我带领大家好好的梳理一下，chrome浏览器调试，个人把它分成了前端功能和后端功能，在百度上也有很多关于该功能的使用说明，而其中很多都是抄来抄去的，很多概念模糊不清，甚至错误的...
分类：
其他好文 时间：
2015-11-13 14:45:06
阅读次数：
434
1. 目的在模拟器的浏览器或app hybrid开发中遇到chrome调试代码为线上代码或者混淆代码时，可以利用fiddler为genymotion配置代理，可以方便的将代码替换为本地代码，此外还可以针对访问服务进行截获分析。2. 配置2.1 配置fiddler本地代理2.1.1 Tools->Op...
分类：
移动开发 时间：
2015-09-24 12:28:20
阅读次数：
1112
1我们要调的json数据见下图，这里不涉及和后台的交互。2我们在chrome中打开开发者工具，打开方式如下图，我们也可以使用快捷键F12来打开。选择我们要调试的文件，相信你能找到，^_^。3设置断点的设置，我在11行设置了断点，设置方法左侧点击即可，我太喜欢这个断点了，看起来真漂亮。刷新一下页面，执...
分类：
Web程序 时间：
2015-09-23 06:38:02
阅读次数：
129
当我用chrome调试jsp 嵌入的js程序时， 在 developer tools ?的source中无法找到对应的jsp 页面。 以前尝试过 用 一个非法的 jquery 方法 可以将调试时自动停在异常出。比如在我的代码中写到 $dsadsad(); jquery...
分类：
编程语言 时间：
2015-09-18 16:54:37
阅读次数：
219
题记大多浏览器的调试功能的启用快捷键都一致…按下F12;还是熟悉的味道;
或者直接Ctrl>+Shift+J: 直接进入console面板点击第一张截图圈圈那个进入,看到Shortcuts这个就是了….快捷键大全快捷键大全快捷键有这么以下几大类..且看我一一道来~~~注:All pane是全局快捷键Console()
Ctrl+L : 清除控制台消息
Tab : 自动完成通用常缀
→: 接受建议...
分类：
其他好文 时间：
2015-08-30 06:35:39
阅读次数：
166
你 是怎么调试 JavaScript 程序的？最原始的方法是用 alert() 在页面上打印内容，稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容。嗯~，用这两种土办法确实解决了很多小型 JavaScript 脚本的调试问题。不过放着 Chrome 中功...
分类：
Web程序 时间：
2015-08-14 11:13:37
阅读次数：
203
随着Web应用的成熟以及HTML5技术的广泛应用，Web开发已经不仅仅是DOM框架，或者DOM只占了很小的比例，随着逻辑框架的日益复杂和渲染技术的多样化，从早期的脚本模拟动画，再到后来的SVG，VML再到如今的canvas和webgl技术，JavaScript已经成为Web开发的利器，无处不在如影随...
分类：
其他好文 时间：
2015-07-30 11:08:24
阅读次数：
186
前言：除了我们日常使用的调试方法，在Chrome中，其含有一些有意思的方法，有助于提高我们的开发调试效率。Sources页command + p 文件跳转使用Sublime的人或习惯用command + p 进行文件的跳转，在chrome dev tools中其实也有类似的跳转方法。command ...
分类：
其他好文 时间：
2015-07-29 19:10:09
阅读次数：
129
在项目框架搭建的时候，就写了ajax提交的公共接口，是想统一的日志和处理ajax返回的错误信息。今天，却又帮我解决了另外一个问题：每次点开某个页面，有一个ajax请求总是会调用两次，于是打开chrome调试器，在公共的ajax提交的地方打上断点，查看chrome的Call Stack，很容易就找到两...
分类：
Web程序 时间：
2015-07-27 18:41:25
阅读次数：
127
