X5-工作人员 器粉新人
版主
2017-05-18 18:59:04 

【第四季】TBS开发调试利器——工具基本操作

 本帖最后由 X5-工作人员 于 2017-05-22 14:58:37 编辑Inspector是一款内置于谷歌Chrome中的调试工具,在官网中的名字为Chrome Developer Tools(DevTools)。Inspector用于为前端开发者提供调试网站所需要的信息,使开发者能更高效地跟踪网页布局过程、站内资源、设置JS断点等等。
而在浏览器内核开发中,Inspector也是开发者快速定位网页缺陷的利器。下面将简单介绍基础用法,然后再结合日常工作,介绍一些使用的小技巧、以及各个页面中的高级用法,欢迎补充。
 
官网参考
https://developer.chrome.com/devtools/docs/shortcuts  快捷键
https://developer.chrome.com/devtools/docs/commandline-api     一些console指令
https://developer.chrome.com/devtools/docs/dom-and-styles基本的方法
https://developer.chrome.com/devtools/index进阶的用法
https://developer.chrome.com/devtools/docs/javascript-debuggingDebug JS的进阶
https://developer.chrome.com/devtools/docs/tips-and-trickstips and tricks
 

个人经验:简化页面的办法、更多JS调试的总结









 本主题由 蛋蛋_MVW0SR 于 2017-05-22 16:36:08 设置高亮
8 条回复
X5-工作人员 器粉新人
版主
2017-05-18 19:34:57 沙发
X5-工作人员 器粉新人
版主
2017-05-18 19:36:38 板凳

X5-工作人员 器粉新人
版主
2017-05-18 19:37:33 地板



X5-工作人员 器粉新人
版主
2017-05-18 19:39:03 4#



X5-工作人员 器粉新人
版主
2017-05-18 19:40:03 5#



X5-工作人员 器粉新人
版主
2017-05-18 19:41:34 6#



X5-工作人员 器粉新人
版主
2017-05-18 19:41:52 7#
西早妈咪 器粉跑堂
2017-05-24 20:57:17 8#
iphone上的qq浏览器,本地局域网内通过ip访问开发机器上的网页,使用异步库通过域名请求跨域资源,非get请求都会在url上添加@@@数字一堆@@@。这是为什么?
回复

您需要 登录 后才可以回帖