菜鸟的疑问有关CHROME开发者工具

Question

F12调出开发者工具发现没有SCRIPT调试debug的标签呀？？
看到网上CHROME开发者工具截图是这样的在timeline之前就是有SCRIPT的调试标签的，这是为什么呀,难道只有MAC上的CHROME才有WINDOWS上的chrome没有吗？求解答万分感谢~~~~~~~~

Answer 1

第一张截图是:chome浏览器的开发者工具
第二张截图是:safari浏览器的开发者工具

Answer 2

虽然两个浏览器用的都是webkit内核但不能说两个浏览器的开发者工具菜单布局一样呀。

Answer 3

那请问CHROME调试JAVASCript是在什么地方呢？可以设置断点的

Answer 4

https://developers.google.com/chrome-developer-tools/docs/javascript-debugging?hl=zh-TW

Answer 5

点击Sources，然后左边有个三角形，点击即可看到当前页面引用的资源树，选中你要debug的js文件，然后右侧就会出现源码，然后你就可以加断点debug了。之前叫Scripts，后来可能觉得这里不光是js脚本，就改成Sources了，叫源代码，而且这里还能看到css和html文件。

Answer 6

非常感谢，请问大大觉得是FIREBUG比较方便还是CHROME DEVELOPER比较方便呢？

Answer 7

非常感谢~~~~~~~~~~~
请问大大觉得是FIREBUG比较方便还是CHROME DEVELOPER比较方便呢？

Answer 8

先入为主，很多人可能觉得FireBug好用。
我用chrome的，感觉更顺手。