1、开始调试:右键审查元素 2、按钮功能: 调出控制台; 切换开发环境全屏还是嵌入; 清空当前显示; 将压缩 js 文件格式化缩进规整的文件; 3、常用页面功能: 查看、编辑(双击)HTML; 查看选中代码的代码嵌套路径; 查看、编辑当前选中代码所用的CSS代码; 查看选中元素的盒模型; 监听事件; ...
分类:
其他好文 时间:
2016-06-25 12:15:39
阅读次数:
146
安装nodejs安装react-native-clinpminstall-greact-native-cli安装androidstudio创建项目并编译运行react-nativeinitHelloWorldcdHelloWorldreact-nativerunandroid用chrome调试http://localhost:8081/debugger-uihttp://facebook.github.io/react-native/docs/getting-started..
分类:
移动开发 时间:
2016-05-26 11:47:10
阅读次数:
502
Elements chrome devtools 中 Elements panel 是审查 dom 元素和 css 的, 可以实时修改 dom/css. windows: ctrl + shift + i mac: cmd + opt + i DOM 修改 html & 属性 节点右键, 如下图, ...
分类:
其他好文 时间:
2016-04-20 19:40:59
阅读次数:
248
1. 实践了 chrome 调试器的用法 终于会用了,打断点、逐步运行、进入函数、出函数,还能看到变量当前的值。 2. 后台交互 学会了同后台传数据的写法,首先在service.js 中封装好函数(把请求的地址写入函数里,通过post来实现,将传入的数据作为函数参数),然后文件中需要require一
分类:
其他好文 时间:
2016-03-10 01:25:10
阅读次数:
171
chrome内置调试器的JS调试技巧技巧汇总,走过路过不要错过~~~...
分类:
Web程序 时间:
2016-02-24 09:40:04
阅读次数:
288
### usb debug by remote chrome ### https://developer.chrome.com/devtools/docs/remote-debugging ### chrome develop tools ### https://developers.google.
分类:
移动开发 时间:
2016-01-27 17:13:56
阅读次数:
175
家都知道在前端开发过程中,为加快网站静态资源加载速度都会对js/css等静态资源进行压缩合并再部署到生产环境,而在实际开发过程中开发人员一般都是在开发环境进行源码文件开发调试的,当部署平台或部署人员将开发人员提交的前端代码进行压缩合并为压缩文件后,当遇到生产环境出现问题之后很难通过压缩文件去定位问题...
分类:
其他好文 时间:
2016-01-19 17:24:09
阅读次数:
565
工作中开发基于手机qq的webapp页面时,通常开发会对页面进行限制让用户通过手机qq访问,进行引导,如下图所示。 很多时候我们开发只是在手机展示,而在pc端进行调试,当开发加了这一层限制之后,就会导致有些数据样式出不来,让pc端调试整个就废掉了。 由于这一级限制是通过判断userage...
分类:
其他好文 时间:
2016-01-05 10:58:16
阅读次数:
169
今天有个同事问到我用chrome调试动态加载js的问题,这个问题之前遇到过,只是时间有点长了,有些忘记。在这里做一下记录:在要调试的源码的后面加上 //@ sourceURL= debug.js 注释。这样子,当浏览器检测到这个标记的时候,就会在脚本列表中列出debug.js作为源码的文件,同样,你...
分类:
Web程序 时间:
2015-11-27 14:56:45
阅读次数:
142