如何在Safari中调试嵌入式JavaScript

bra*_*fle 3 javascript debugging safari

编辑:根据@ dmi3y的建议更新了标题,将'内联'更改为'嵌入',以更好地反映问题的性质.

在Chrome中,我通常通过在我的JS文件中设置断点来调试JS,但Chrome也允许你在内联JS的情况下使用实际的Document执行此操作(即JS不在单独的.js文件中,而是在<script>标签中).在我的生活中,我不能在Safari中找到相同的功能.它存在,还是我运气不好?

抱歉,如果这个问题已被提出......我检查了搜索,只发现了这个(有些但不是真的)相关的问题:如何在Safari调试器中调试延迟加载的javascripts

dmi*_*i3y 5

你可以这样做(至少在Windows的5.1.7版本中),只需转到Scripts选项卡并选择类似于http://yoursite.com/显示类似图片的内容Elements,但您显然可以在那里调试嵌入式JS.

PS:从术语的角度来看,我通常会想到inline类似的脚本

<a ... onclick="myfunction();" />
Run Code Online (Sandbox Code Playgroud)

要么

<a ... href="javascript:myfunction();" />
Run Code Online (Sandbox Code Playgroud)

这些东西可能用于bookmarklets或小调用.

代码转换为script我用来调用的标签embedded

如果调试器实际上可以使用内联脚本,它会感兴趣吗?

  • 你的回答指出了我正确的方向.我的脚本选项卡有一个名为'DOM Tree'或'Source Code'的选项(请参阅此截图http://cl.ly/image/0S2S3t1F1a1Y),该选项设置为DOM Tree.当我将其更改为源代码时,会出现行号(以及设置断点的能力).谢谢你指点我正确的方向.请注意,如果我编辑添加,或者如果你想,我会尽快接受.此外,术语上的好点...现在修复标题. (12认同)