javascript - HTML block 仅在 Firebug 运行时出现在 DOM 中

Question

在过去的几个小时里，我一直在努力反对这个问题。

我正在使用 Javascript 构建一个 HTML block 并将其附加到页面的 DOM。问题是这仅在 Firebug 正在运行时有效，禁用 Firebug 无济于事。当 Firebug 未运行时，代码会生成但不会附加到 DOM(并不是说它是不可见的或其他东西)。

Safari 和 Chrome 不受此问题影响。

我应该检查什么？

以下是有罪的代码:如果它看起来很奇怪，那是因为它确实很奇怪，我现在正在将它从其原始的德国黑魔法风格中重构出来，而不对不言自明的 jquery 进行评论

function create_button() {

  var textblock = $('div#textblock2');
  var token;

  token = $(textblock).text();
  token = token.split('=')[1]; 
  //delete the text that we parsed to build the btn
  textblock.text(''); 

  var form = write_form();
  var btn = write_submit_btn(token);

  console.log('form: ' + form);
  console.log('btn: ' + btn);

  textblock.append(form);
  textblock.append(btn);

  console.log('textblock2 contents:' + textblock.html());

}

function write_form() {

  return "<form name='Formular'></form>";

}

function write_submit_btn(token) {
  var btn;

  if ( token.match(/weiter/) != null )

    btn = "<input type='button' name='naechsteFrage' value='weiter' onClick='load_next_question();' />";

  else

    btn = "<input type='button' name='naechsteFrage' value='zur" + String.fromCharCode(252) + "ck' onClick='load_prev_question()' />";

  return btn;
}


create_button();

Answer 1

console.log('textblock2 contents:' + textblock.html()); 需要被删除......同样

  console.log('form: ' + form);
  console.log('btn: ' + btn);

当 Firebug 未启动时，Firefox 没有控制台并且该功能终止。

所有基于 Webkit 的浏览器都有一个内置控制台，因此不受此问题的影响。 (另一方面，IE 和 Opera 也会有这个问题。[还有链接，但我不认为你担心那个。;-)])