CRPER

题记大多浏览器的调试功能的启用快捷键都一致…按下F12;还是熟悉的味道; 或者直接Ctrl>+Shift+J: 直接进入console面板点击第一张截图圈圈那个进入,看到Shortcuts这个就是了….快捷键大全快捷键大全快捷键有这么以下几大类..且看我一一道来~~~注:All pane是全局快捷键Console()Ctrl+L : 清除控制台消息Tab : 自动完成通用常缀→: 接受建议

题外话这篇作为firebug系列的结束贴; 四篇博文应该让一些小伙伴对firebug有了基本的认识和操作网络菜单依次解释 暂停符号:在XHR( XMLHttpRequests)处暂停也就是监听,点击这个按钮后，发起异步请求时中断js执行，并跳转到script面板，标识出相应的代码清除:清除当前获取的资源信息保持:保存当前获取的信息,刷新依旧存在全部是汇总所有资源信息,后面的都是针对性的筛

简介FireBug备受推崇的一个原因就是对于JS调试;界面功能启用JS调试功能 选择哪些脚本可以展示 所有旁边那个下拉菜单可以更细化的选择哪个JS文件,支持筛选 调试进入按钮(四个按钮依次解释)断续(F8): 结束当前断点跳转到下一个断点单步进入(F11): 就是一步一步的执行,可以明显的看到数据的变化单步跳过(F10): 就是跳过这一步进入到下一步看代码变化单步退出(Shift+F11):

简介Firebug是Firefox下一款知名的插件,目前稳定版本是2.X,alpha版本是3.X(装了.完全看不懂–适用于FF44+,也就是测试版本); 功能主要用于调试网页中的错误,修改代码及实时查看效果;目前只有在Firefox下的firebug才能体验它的强大支出,,对于其他浏览器,lite版本功能阉割太多; 但是吧,就其他浏览器而言,chrome自带的已经足够强大,IE11自带的也挺不错

题外话传统的开发我们是在编辑器操作代码保存,再到浏览器预览查看效果的; 而如今的firebug和chrome的内置调试器就不需要了..可以直接实时编辑且看到效果; 在调试中对代码的操作不会保存到本地实际代码中..是不是很赞!!;定位HTML元素的三种方式进入调试工具界面,按下”瓢虫”旁边的小鼠标,再进行网页元素的选择默认快捷键,Ctrl + shift + C鼠标移动到网页的某一块元素,鼠

有时候为了用户体验，我们做开发必须考虑弱网情况下访问体验，比如加载顺序，首屏在弱网的展示等； 有些小伙伴推荐用fiddler4 【用过，感觉还可以，功能很强大，自我感觉有些臃肿】,但是在chrome也有弱网模拟的【用来搞前端接口请求，页面渲染的模拟足够用了】

chrome内置调试器的JS调试技巧技巧汇总，走过路过不要错过~~~