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

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

 本帖最后由 X5-工作人员 于 2017-06-09 17:36:26 编辑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-08-15 17:23:41 解除置顶
14 条回复
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上添加@@@数字一堆@@@。这是为什么?
L.L_07rVCq 器粉跑堂
2017-06-22 14:58:42 9#
西早妈咪 发表于 2017-05-24 20:57:17 
iphone上的qq浏览器,本地局域网内通过ip访问开发机器上的网页,使用异步库通过域名请求跨域资源,非get请求都会在 ...

米乐_7l12Vk 器粉跑堂
2017-06-26 21:18:30 10#
ios版的qq浏览器,无法调用audio元素的pause方法暂停背景音乐,坑大发了。真无语死,谁tm的想起来复写浏览器自带的方法,这不脑残吗?
Country.. 器粉跑堂
2017-07-03 09:27:28 11#
 本帖最后由 Country.. 于 2017-07-03 09:28:53 编辑'">
Mazing_WK7K81 器粉跑堂
2017-08-12 15:56:20 12#
2333
Mazing_WK7K81 器粉跑堂
2017-09-07 11:31:34 13#
 本帖最后由 Mazing_WK7K81 于 2017-09-07 11:32:12 编辑233
熬夜的虫 器粉跑堂
2017-10-17 03:47:03 14#
哈哈
回复

您需要 登录 后才可以回帖