Автор 
Владимир Лучанинов
Как вы делаете отладку? В запутанных случаях я использую Zend Debugger, а в простых случаях пишу pr($variable).
Прочитав Ярослава, я вдруг осознал насколько удобно было бы не мусорить окно браузера, а красиво выводить отладочные сообщения в Firebug. Особенно приятно туда выводить сложные объекты и большие массивы так как Firebug позволяет удобно такие вещи просматривать.
Но реализация от Ярослава мне не подходит.
Там много всяких полезностей, но мне они не нужны :). Схожие функции выполняет будет когда-то выполнять дополнительная панель к Firebug – FirePHP. Но это совсем уже монстр, к тому же пока очень бета. Может, когда его доработают, то я себе установлю.
А пока мне просто нужно писать во View <?=$jsDebug->console($strangeVariable)?>, где переменная может быть как целым числом, так и сложным массивом или объектом. Это перекрывает 90% потребностей. Бонусом является возможность добавления стандартных иконок Firebug (warn, info, error) и иногда устанавливать переменную javascipt, чтобы потом javascriptом её и обрабатывать. А для тех, у кого нет Firebug, можно использовать метод alert.
Как обычно начинаем с теста, который покажет как использовать этот helper.
<?
loadHelper('JsDebug');
class JsDebugTest extends UnitTestCase {
var $helper = null;
function setUp() {
$this->helper = new JsDebugHelper();
}
function testConsole() {
$result = $this->helper->console('');
$this->assertEqual('<script type="text/javascript">console.log(eval(""))</script>', $result);
$result = $this->helper->console('1');
$this->assertEqual('<script type="text/javascript">console.log(eval("1"))</script>', $result);
$result = $this->helper->console(array(1,2,3));
$this->assertEqual('<script type="text/javascript">console.log(eval([1,2,3]))</script>', $result);
$result = $this->helper->console(array('one'=>'test','two'=>array(1,2,3),3));
$this->assertEqual('<script type="text/javascript">console.log(eval({"one":"test","two":[1,2,3],"0":3}))</script>', $result);
}
function testConsoleTypes() {
$result = $this->helper->console('1', 'info');
$this->assertEqual('<script type="text/javascript">console.info(eval("1"))</script>', $result);
$result = $this->helper->info('1');
$this->assertEqual('<script type="text/javascript">console.info(eval("1"))</script>', $result);
$result = $this->helper->warn('1');
$this->assertEqual('<script type="text/javascript">console.warn(eval("1"))</script>', $result);
$result = $this->helper->error('1');
$this->assertEqual('<script type="text/javascript">console.error(eval("1"))</script>', $result);
}
function testSet() {
$result = $this->helper->set('', 'test');
$this->assertEqual('<script type="text/javascript">var test = eval("")</script>', $result);
$result = $this->helper->set('1', 'test');
$this->assertEqual('<script type="text/javascript">var test = eval("1")</script>', $result);
$result = $this->helper->set(array(1,2,3), 'test');
$this->assertEqual('<script type="text/javascript">var test = eval([1,2,3])</script>', $result);
$result = $this->helper->set(array('one'=>'test','two'=>array(1,2,3),3), 'test');
$this->assertEqual('<script type="text/javascript">var test = eval({"one":"test","two":[1,2,3],"0":3})</script>', $result);
}
function testAlert() {
$result = $this->helper->alert('');
$this->assertEqual('<script type="text/javascript">alert(\'\')</script>', $result);
$result = $this->helper->alert('1');
$this->assertEqual('<script type="text/javascript">alert(\'1\')</script>', $result);
$result = $this->helper->alert(array(1,2,3));
$this->assertEqual('<script type="text/javascript">alert(\'Array\n(\n [0] => 1\n [1] => 2\n [2] => 3\n)\n\')</script>', $result);
$result = $this->helper->alert(array('one'=>'test','two'=>array(1,2,3),3));
$this->assertEqual('<script type="text/javascript">alert(\'Array\n(\n [one] => test\n [two] => Array\n (\n [0] => 1\n [1] => 2\n [2] => 3\n )\n\n [0] => 3\n)\n\')</script>', $result);
}
function tearDown() {
unset($this->helper);
}
}
?>
А вот и сам helper
<?
/**
* JsDebug helper
*
* Sends php variables to Firebugs console.log or just sets javascript variable
* Console method requires Firebug at client browser. You can download it at http://www.getfirebug.com
*
* @author Vladimir Luchaninov
* @version 1.0 (16 Oct 2007)
*/
class JsDebugHelper extends Helper {
var $varPrefix = 'JsDebug_';
var $varCounter = 1;
/**
* Makes Firebug console.log of $value
*
* @param variant $value
* @param string $type
* You may specify icon near the debug message. Possible values: info, warn, error
* @return string
*/
function console($value, $type=null) {
if (empty($type) || !in_array($type, array('info', 'warn', 'error'))) {
$type = 'log';
}
return $this->output($this->_wrapScript('console.'.$type.'('.$this->_wrapEval($value).')'));
}
function info($value) {
return $this->console($value, 'info');
}
function warn($value) {
return $this->console($value, 'warn');
}
function error($value) {
return $this->console($value, 'error');
}
/**
* Alerts variable dump
*
* @param variant $value
* @return string
*/
function alert($value) {
ob_start();
print_r($value);
$value = ob_get_clean();
return $this->output($this->_wrapScript('alert(\''.$this->_escapeString($value).'\')'));
}
/**
* Sets javascript variable
*
* @param variant $value
* @param string $name
* If empty then name will be generated as JsDebug_1, JsDebug_2, ...
* @return string
*/
function set($value, $name=null) {
if (empty($name)) {
$name = $this->varPrefix . $this->varCounter++;
}
return $this->output($this->_wrapScript('var '.$name.' = '.$this->_wrapEval($value)));
}
/**
* Very similar to Javascript Helper escapeString
* But this version also includes replacement of </script>
*
* @param string $string
* @return string
*/
function _escapeString($string) {
$escape = array(
"\r\n" => '\n',
"\r" => '\n',
"\n" => '\n',
'"' => '\"',
"'" => "\\'",
'</script>' => '<\/script>'
);
return r(array_keys($escape), array_values($escape), $string);
}
function _wrapScript($s) {
return '<script type="text/javascript">'.$s.'</script>';
}
function _wrapEval($value) {
return 'eval('.json_encode($value).')';
}
}
?>