Эквивалент Firefox "консоль ошибок" в других браузерах

Ответ 1

У вас есть следующие опции

• Chrome. Нажмите Ctrl + Shift + J (Cmd + Option + J на Mac), и это даст аналогичную функциональность. Также рассмотрите возможность проверки отладчика JavaScript в Chrome
• IE7: ничего не встроено. Посмотрите Панель инструментов разработчика IE
• IE8: просто нажмите F12, и вы получите доступ к некоторым очень способным встроенным инструментам. Консоль ошибок находится на вкладке Script
• Firefox: Просто используйте FireBug Нажмите F12. Встроенные инструменты теперь хорошо работают.
• Opera: нажмите Ctrl + Shift + I (Cmd + Option + I на Mac), чтобы запустить Opera Drangonfly, который является полнофункциональным инструментом разработки и отладки, встроенным в браузер Opera.
• Safari. Включите меню разработчика из настроек Safari. Он предоставит доступ к различным инструментам (Консоль ошибок, Веб-инспектор, Профайлер JavaScript и т.д.). Конечно, есть также ярлыки, такие как Cmd + Alt + C для консоли

Ответ 2

Я использую Ctrl + Shift + J в Chrome, и там есть что-то близкое. IE - там IE Developer Toolbar, и я думаю, что у IE8 есть что-то в этом роде, но пусть сталкивается с этим, если вы используете IE для Отладка Javascript, вы в основном ненавидите себя и имеете более серьезные личные проблемы, касающиеся вашей самооценки, с которыми нужно иметь дело.

Ответ 3

Любые эти:

Hit F12 or Ctrl+Shift+I
right-click on any element on the page, and "Inspect Element"
Wrench button -> Tools -> Developer Tools

Затем перейдите на вкладку Консоль

Ответ 4

Если вы используете Firefox-консоль, вы должны рассмотреть плагин Firebug.

Существует также Firebug Lite - букмарклет, который добавляет уменьшенную версию Firebug в другие браузеры.

Ответ 5

В Opera это под Tools->Advanced->Error Console. Мне очень удобно.

Ответ 6

• Safari: Включите меню разработчика из настроек Safari, затем используйте это меню для доступа к различным инструментам (Console Console, Web Inspector, JavaScript Profiler,...). Конечно, есть также ярлыки, такие как CMD + ALT + C для консоли.:)

Ответ 7

При загрузке DOM я использовал следующую процедуру:

(function(window, undefined){
  var debug_print = (location.search.indexOf('debug') != -1);
  if(window['console'] == undefined){
    var _logs = [];
    var _console = {
      log : function(){
        _logs.push({'msg':Array.prototype.slice.call(arguments, 0), 'type':null});
        this._out();
      },
      warn : function(){
        _logs.push({'msg':Array.prototype.slice.call(arguments, 0), 'type':'warn'});
        this._out();
      },
      error : function(){
        _logs.push({'msg':Array.prototype.slice.call(arguments, 0), 'type':'error'});
        this._out();
      },
      _out : function(){
        if(debug_print && typeof this['write'] == 'function'){
          this.write(_logs.pop());
        }
      },
      _print : function(){return debug_print;},
      _q : function(){return _logs.length;},
      _flush : function(){
        if(typeof this['write'] == 'function'){
          _logs.reverse();
          for(var entry; entry = _logs.pop();){
            this.write(entry);
          }
        }
      }
    }
    window['console'] = _console;
  }
})(window)

и это после domload (поместите его в конец тега body):

(function(window, undefined){
  if(window['console']){
    if(console['_print']){
      var console_pane = document.createElement('div');
      console_pane.id = '_debug_console';
      document.body.appendChild(console_pane);
      console.write = function(log){
        var msg = [new Date(), log.msg].join("$/> ");
        var entry_pane = document.createElement('div');
        if(log.type !== undefined){
          entry_pane.className = log.type;
        };
        console_pane.appendChild(entry_pane);
        entry_pane.innerHTML = msg;
      };
      console._flush();
    };
  }
})(window)

Это позволяет вам сделать все основы и выключить и выключить механизм отображения консоли с помощью ?debug querystring (его можно разместить в любом месте в строке запроса). Чтобы он выглядел менее жестоким, вы также можете захотеть связать в следующем css:

#_debug_console{
  background : #ffffff;
  margin: 0px;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 20%;
  font-family: Arial;
  font-size: 10px;
  border-top: solid 5px #ddd;
}
#_debug_console .error{
  color: #FF0000;
}
#_debug_console .warn{
  color: #DDDD00;
}