Javascript 调试jQuery移动注入脚本

Javascript 调试jQuery移动注入脚本,javascript,debugging,jquery-mobile,Javascript,Debugging,Jquery Mobile,在jQuery Mobile中,我可以使用data role=page将“移动页面”定义为divs 这些文件可以存储在其他HTML文件中,并临时注入到主HTML页面中 在这样一个div中,我可以放置一个script标记,该脚本也将被注入到我的主页中 该脚本在我的DOM中不会显示为脚本标记,而是以内联方式注入,因此它不会以标准方式显示在调试器(例如FireBug的脚本面板)中 是否有人找到了调试这些脚本的常规方法(希望是在FF或Chrome中) 编辑: 只是澄清一下,“其他”页面中的脚本标记不是内

在jQuery Mobile中,我可以使用
data role=page
将“移动页面”定义为
div
s

这些文件可以存储在其他HTML文件中,并临时注入到主HTML页面中

在这样一个
div
中,我可以放置一个
script
标记,该脚本也将被注入到我的主页中

该脚本在我的DOM中不会显示为
脚本
标记,而是以内联方式注入,因此它不会以标准方式显示在调试器(例如FireBug的脚本面板)中

是否有人找到了调试这些脚本的常规方法(希望是在FF或Chrome中)

编辑:

只是澄清一下,“其他”页面中的脚本标记不是内联脚本。这是一个:

<div data-role="page" id="some_id">
    <script type="text/javascript" src="MyScript.js"></script>
    ...
</div>

...
尽管如此,它还是作为内联脚本注入到DOM中

顺便说一句,如果我把脚本标签放在HTML的头部,它根本就不会被加载

编辑2:

更多澄清:

  • 我正在编写一个框架,在客户站点上插入“扩展模块”,并决定加载哪个模块(即带有脚本的附加“页面”),这是一个运行时决定。因此,在我的主页中,我事先不知道要加载哪些脚本,必须将加载推迟到“模块加载”时间

  • 我在这里的最终目标是允许“模块”开发人员调试他们的脚本。为此,我想要一个解决方案,在FireBug/ChromeDevTools中可以像其他脚本一样使用引用脚本文件

  • 从AJAX加载的html中删除脚本标记并内联评估它,而不是将脚本标记留在那里并让浏览器正常加载,这似乎是标准的jquery(核心,而不是移动)行为

    我并不完全理解这背后的动机,这确实妨碍了我的调试选项:-(


    顺便说一句,我使用的是jQuery 1.5.2(与1.5.1的行为相同)和jQuery Mobile alpha 4(与3相同)

    脚本是动态添加到文档中的,因此firebug通常看不到它。 有一个插件处理调试动态加载的脚本。
    Firebug的内联代码查找器
    但它的最后一个版本是在2009年。如果修改支持的版本,您可能可以使用它

    顺便说一句,我相信你不应该使用jquery mobile的这个功能。它是用来支持包含大量内联脚本块的大型项目的

    您应该在每个子页面上包含脚本,并使其以这种方式工作

    如果脚本太大而无法始终包含,请在需要时使用
    .getScript()
    动态加载脚本

    [编辑]


    是的,如果您将脚本放在页眉,它将不会被加载。我重复:将脚本放在每页的页眉,并绑定右侧页面的
    pageshow
    ,而不是一个普通的
    文档。准备好了吗

    谢谢naugtur,请参阅我上面的编辑-您认为这是(脚本标记引用外部JS)吗应该开箱即用吗?是的…如果它不在第一个加载的html页面的头部,我称之为内联;)再次感谢:-)IIUC,您的编辑建议我首先在主html页面中包含脚本(我想用注入的html加载)。如果是这样,请参阅我的[EDIT 2],了解为什么在我的情况下不可行。还有其他想法吗?