DebugR Chrome Extension

Receive debugging information alongside XMLHttpRequests..
Server code (example is php, but the extension is language agnostic):

<?php

if (isset($_SERVER['HTTP_DEBUGR'])) { // Only send headers when DebugR is enabled

// Send a message alongside the request.

header('DebugR: '.base64_encode('Hello DebugR'));

// Append a unique label to send multiple messages.

header('DebugR-my-first-label: '.base64_encode('Moarr information'));

}

?>

Client via javascript:

window.addEventListener('message', function (e) {

if (e.data.debugR) {

console.log(e.data);

}

}, false);

document.documentElement.setAttribute('data-debugR'); // Signal the extension that the eventlistener is active.

Using debugr.js helper:

<script src='js/debugr.js'></script>

<script>

debugR(function (message, details) {

console.log(message);

});

</script>

How to install DebugR chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the DebugR Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension DebugR Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the DebugR in Chrome Webstore Search and click on the search button.
• Step 3: click on the DebugR Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the DebugR extension for your Chrome Web browser .