menifest.json
{
"name": "Message Timer",
"version": "1.2",
"description": "Times how long it takes to send a message to a content script and back.",
"permissions": ["tabs"],
"content_scripts": [
{
"matches": ["http://*/*"],
"js": ["page.js"]
}
],
"browser_action": {
"default_title": "Time to current page",
"default_icon": "clock.png",
"default_popup": "popup.html"
},
"manifest_version": 2
}
page.js
// Copyright (c) 2013 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
chrome.runtime.onConnect.addListener(function(port) {
port.onMessage.addListener(function(msg) {
port.postMessage({counter: msg.counter+1});
});
});
chrome.extension.onRequest.addListener(
function(request, sender, sendResponse) {
sendResponse({counter: request.counter+1});
});
popup.js
// Copyright (c) 2012 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
if (!chrome.benchmarking) {
alert("Warning: Looks like you forgot to run chrome with " +
" --enable-benchmarking set.");
return;
}
function setChildTextNode(elementId, text) {
document.getElementById(elementId).innerText = text;
}
// Tests the roundtrip time of sendRequest().
function testRequest() {
setChildTextNode("resultsRequest", "running...");
chrome.tabs.getSelected(null, function(tab) {
var timer = new chrome.Interval();
timer.start();
chrome.tabs.sendRequest(tab.id, {counter: 1}, function handler(response) {
if (response.counter < 1000) {
chrome.tabs.sendRequest(tab.id, {counter: response.counter}, handler);
} else {
timer.stop();
var usec = Math.round(timer.microseconds() / response.counter);
setChildTextNode("resultsRequest", usec + "usec");
}
});
});
}
// Tests the roundtrip time of Port.postMessage() after opening a channel.
function testConnect() {
setChildTextNode("resultsConnect", "running...");
chrome.tabs.getSelected(null, function(tab) {
var timer = new chrome.Interval();
timer.start();
var port = chrome.tabs.connect(tab.id);
port.postMessage({counter: 1});
port.onMessage.addListener(function getResp(response) {
if (response.counter < 1000) {
port.postMessage({counter: response.counter});
} else {
timer.stop();
var usec = Math.round(timer.microseconds() / response.counter);
setChildTextNode("resultsConnect", usec + "usec");
}
});
});
}
document.addEventListener('DOMContentLoaded', function() {
document.querySelector('#testRequest').addEventListener(
'click', testRequest);
document.querySelector('#testConnect').addEventListener(
'click', testConnect);
});
popup.html
<head>
<style>
tr {
white-space: nowrap;
}
.results {
text-align: right;
min-width: 6em;
color: black;
}
</style>
<script src="popup.js"></script>
</head>
<body>
<table>
<tr>
<td><button id="testRequest">Measure sendRequest</button></td>
<td id="resultsRequest" class="results">(results)</td>
</tr>
<tr>
<td><button id="testConnect">Measure postMessage</button></td>
<td id="resultsConnect" class="results">(results)</td>
</tr>
</table>
</body>