如何在Safari中调试嵌入式JavaScript

Question

编辑：根据@dmi3y的建议，更新标题将“inline”更改为“embedded”，以更好地反映问题的性质。

在Chrome中，我通常通过在JS文件中设置断点来调试JS，但是在实际文档中存在内联JS的情况下，Chrome还允许您这样做（即不在单独的.js文件中而在<script>标记中）。就我而言，在Safari中找不到同样的功能。它是否存在，或者我的运气不好？

如果已经提出了这个问题，我向您道歉...我检查了搜索结果，只发现了这个（有些相关，但并不完全）的问题：如何在Safari调试器中调试延迟加载的JavaScript

- brandwaffle

Answer 1

你可以这样做（至少在 Windows 版本5.1.7中），只需进入“脚本”选项卡，选择类似于 http://yoursite.com/ 这样的东西，它会显示与 Elements 相似的图片，但你显然可以在那里调试嵌入的 JS。

附：顺便提一下术语，我通常认为像 inline 脚本这样的东西。

<a ... onclick="myfunction();" />

或者

<a ... href="javascript:myfunction();" />

这些东西可能会用于书签小工具或小型调用。

将代码嵌入 script 标签中，我使用类似于 embedded 的调用方式。

如果调试器实际上可以处理内联脚本，那就很有趣了。

- dmi3y

---

你的回答指引我朝着正确的方向。我的“Scripts”标签页有一个选项，叫做“DOM树”或者“源代码”（参见这张截图http://cl.ly/image/0S2S3t1F1a1Y），之前设置为了“DOM树”。当我将其改为“源代码”时，行号（以及设置断点的能力）就出现了。感谢你指引我朝着正确的方向。如果你不介意的话，我可以编辑一下并加上这段话。或者如果你想要的话，你也可以编辑，我会尽快接受修改。此外，关于术语问题，你说得很对……我现在正在修正标题。 - brandwaffle