Javascript firebug:断点和异常行为

Javascript firebug:断点和异常行为,javascript,debugging,tinymce,firebug,breakpoints,Javascript,Debugging,Tinymce,Firebug,Breakpoints,我有一个contentEditable元素,实际上是一个tinyMCE编辑器;我正在调试我的插件,寻找Firefox特有的bug 我的代码使用事件侦听器进行工作,包括: ed.onKeyDown.addToTop(mycallback); 现在,我的问题是,如果我在通过按键触发的代码行中放置一个断点,然后单击firebug的“继续”按钮,代码将继续,但该键将被编辑器丢弃。也就是说,我按下一个键,它不会出现在编辑器中。如果删除断点,编辑器工作正常 这只发生在firefox上:Google Chr

我有一个contentEditable元素,实际上是一个tinyMCE编辑器;我正在调试我的插件,寻找Firefox特有的bug

我的代码使用事件侦听器进行工作,包括:

ed.onKeyDown.addToTop(mycallback);
现在,我的问题是,如果我在通过按键触发的代码行中放置一个断点,然后单击firebug的“继续”按钮,代码将继续,但该键将被编辑器丢弃。也就是说,我按下一个键,它不会出现在编辑器中。如果删除断点,编辑器工作正常

这只发生在firefox上:Google Chrome工作正常


是否有一种解决方案可以使用断点并仍然看到编辑器工作?

我不知道您是否仍然存在此问题,但使用Win7上Firefox 13.0.1+Firebug 1.9.2的以下示例对我来说效果很好:

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>tinyMCE test</title>
        <script type="text/javascript" src="tiny_mce/tiny_mce.js"></script>
        <script type="text/javascript">
        function mycallback() {
          console.log("Key down");
        }

        var ed = new tinymce.Editor("editor", {});

        ed.onKeyDown.addToTop(mycallback);

        ed.render();
        </script>
    </head>
    <body>
        <textarea id="editor">test</textarea>
    </body>
</html>
我的步骤:

在测试页面上打开Firebug 启用并切换到脚本面板 重新加载页面 在第10行console.logKey down设置断点; 在tinyMCE编辑器中键入“a”=>执行在第10行停止 单击“继续”按钮 切换到控制台面板 =>输出键已记录到控制台面板中

我必须承认,我对tinyMCE一无所知,你的描述对我来说也不是100%清楚。
如果你仍然有这个问题,如果你像我一样给出一个小测试用例,包括复制的步骤,它会有所帮助。

我不知道你是否仍然有这个问题,但我可以在Win7上使用Firefox 13.0.1+Firebug 1.9.2的以下示例:

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>tinyMCE test</title>
        <script type="text/javascript" src="tiny_mce/tiny_mce.js"></script>
        <script type="text/javascript">
        function mycallback() {
          console.log("Key down");
        }

        var ed = new tinymce.Editor("editor", {});

        ed.onKeyDown.addToTop(mycallback);

        ed.render();
        </script>
    </head>
    <body>
        <textarea id="editor">test</textarea>
    </body>
</html>
我的步骤:

在测试页面上打开Firebug 启用并切换到脚本面板 重新加载页面 在第10行console.logKey down设置断点; 在tinyMCE编辑器中键入“a”=>执行在第10行停止 单击“继续”按钮 切换到控制台面板 =>输出键已记录到控制台面板中

我必须承认,我对tinyMCE一无所知,你的描述对我来说也不是100%清楚。 如果您仍然有这个问题,它将有帮助,如果您像我一样给出一个小测试用例,包括复制步骤