Console.Re | Try Remote Javascript Development Console

Remote logging String or Number value with interpolation.

var str = 'Test', num = 43;
console.re.log('This is a string %s and number %d', str, num);

Try this code

Remote logging {Object} and its content.

var obj = {key1:1,key2:2,key3:3};
console.re.log('This is an %s', obj);

Try this code

Remote logging [Array] and its content.

var arr = ['element1','element2','element3'];
console.re.log('This is an %s', arr);

Try this code

Remote logging DOM elements and its HTML content with JavaScript or jQuery selectors.

console.re.log('This is an %s', document.body, 'Paragraphs %s:', $('p'));

Try this code

Remote logging test results for given expression.

console.re.test("1!==1","'this string'","[1,2,3,4,5,6]","document.body");

Try this code

Remote logging message if a given expression is not true.

console.re.assert(1!==1, 'It is not true');

Try this code

Remote logging time passed between timer start and end calls with the same label.

console.re.time('1000000-loops');
for (var i = 0; i < 1000000; i++) {
  var b = document.body;
}
console.re.timeEnd('1000000-loops');‌

Try this code

Remote logging number of times counter called with the same label.

for (var i = 0; i < 10; i++) {
  var b = document.body;
  console.re.count('loop number:%d');
}

Try this code

Remote logging size in pixels of DOM elements or Window.

// get Window size
console.re.size();
// get size of all P elements
console.re.size('all P elements %s', document.getElementsByTagName('p')); 
// get size of DIV elements with class 'test' using jQuery
console.re.size($('div.test')[0]);

Try this code

Remote logging CSS properties for specified DOM elements.

// get value of CSS property 'background-color' of <body>
console.re.css(document.body, 'background-color');
// get value of CSS properties 'border' and 'color' for all P elements
console.re.css('P elements %s', document.getElementsByTagName('p'), ['border','color']);
// get value of CSS property 'margin' and 'padding' using jQuery
console.re.css('DIV.test %s', $('div.test'), ['margin','padding']);

Try this code

Remote logging Media Query rules used for current Window size.

// get applied Media Query rulers for current Window size
console.re.media();
// get all types of Media Query applied, including print and screen 
console.re.media('all');
// get applied Media Query rulers and send updates on Window resize or device orientation change
console.re.media('watch');‌

Try this code

Remote logging JavaScript Stack Trace information.

(function test(){
  console.re.trace('Stack Trace');
})();

Try this code

Using [BBcodes] you can send message to remote logger in styles, colors and size:

console.re.error('output [i]any[/i] [size=15]errors[/size] using [red]Error log level[/red]');
console.re.info('output anything in colors: [red]%s[/red] [green]%s[/green] [blue]%s[/blue] [yellow]%s[/yellow] [orange]%s[/orange] [lime]%s[/lime] [white]%s[/white] [black]%s[/black]', 'red', 'green', 'blue', 'yellow',  'orange', 'lime', 'white', 'black');

Try this code

Clearing remote logger console before sending a new messages.

console.re.clear();
console.re.info('first info message');
console.re.log('second log message');

Try this code