521 lines
15 KiB
JavaScript
521 lines
15 KiB
JavaScript
|
/*
|
||
|
|
* Copyright (C) 2010 Google Inc. All rights reserved.
|
||
|
|
*
|
||
|
|
* Redistribution and use in source and binary forms, with or without
|
||
|
|
* modification, are permitted provided that the following conditions are
|
||
|
|
* met:
|
||
|
|
*
|
||
|
|
* * Redistributions of source code must retain the above copyright
|
||
|
|
* notice, this list of conditions and the following disclaimer.
|
||
|
|
* * Redistributions in binary form must reproduce the above
|
||
|
|
* copyright notice, this list of conditions and the following disclaimer
|
||
|
|
* in the documentation and/or other materials provided with the
|
||
|
|
* distribution.
|
||
|
|
* * Neither the name of Google Inc. nor the names of its
|
||
|
|
* contributors may be used to endorse or promote products derived from
|
||
|
|
* this software without specific prior written permission.
|
||
|
|
*
|
||
|
|
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
||
|
|
* "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
||
|
|
* LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
||
|
|
* A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
||
|
|
* OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
||
|
|
* SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
||
|
|
* LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||
|
|
* DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
||
|
|
* THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||
|
|
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||
|
|
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
||
|
|
*/
|
||
|
|
|
||
|
|
WebInspector.injectedExtensionAPI = function(InjectedScriptHost, inspectedWindow, injectedScriptId)
|
||
|
|
{
|
||
|
|
|
||
|
|
// Here and below, all constructors are private to API implementation.
|
||
|
|
// For a public type Foo, if internal fields are present, these are on
|
||
|
|
// a private FooImpl type, an instance of FooImpl is used in a closure
|
||
|
|
// by Foo consutrctor to re-bind publicly exported members to an instance
|
||
|
|
// of Foo.
|
||
|
|
|
||
|
|
function EventSinkImpl(type, customDispatch)
|
||
|
|
{
|
||
|
|
this._type = type;
|
||
|
|
this._listeners = [];
|
||
|
|
this._customDispatch = customDispatch;
|
||
|
|
}
|
||
|
|
|
||
|
|
EventSinkImpl.prototype = {
|
||
|
|
addListener: function(callback)
|
||
|
|
{
|
||
|
|
if (typeof callback != "function")
|
||
|
|
throw new "addListener: callback is not a function";
|
||
|
|
if (this._listeners.length === 0)
|
||
|
|
extensionServer.sendRequest({ command: "subscribe", type: this._type });
|
||
|
|
this._listeners.push(callback);
|
||
|
|
extensionServer.registerHandler("notify-" + this._type, bind(this._dispatch, this));
|
||
|
|
},
|
||
|
|
|
||
|
|
removeListener: function(callback)
|
||
|
|
{
|
||
|
|
var listeners = this._listeners;
|
||
|
|
|
||
|
|
for (var i = 0; i < listeners.length; ++i) {
|
||
|
|
if (listeners[i] === callback) {
|
||
|
|
listeners.splice(i, 1);
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (this._listeners.length === 0)
|
||
|
|
extensionServer.sendRequest({ command: "unsubscribe", type: this._type });
|
||
|
|
},
|
||
|
|
|
||
|
|
_fire: function()
|
||
|
|
{
|
||
|
|
var listeners = this._listeners.slice();
|
||
|
|
for (var i = 0; i < listeners.length; ++i)
|
||
|
|
listeners[i].apply(null, arguments);
|
||
|
|
},
|
||
|
|
|
||
|
|
_dispatch: function(request)
|
||
|
|
{
|
||
|
|
if (this._customDispatch)
|
||
|
|
this._customDispatch.call(this, request);
|
||
|
|
else
|
||
|
|
this._fire.apply(this, request.arguments);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function InspectorExtensionAPI()
|
||
|
|
{
|
||
|
|
this.audits = new Audits();
|
||
|
|
this.inspectedWindow = new InspectedWindow();
|
||
|
|
this.panels = new Panels();
|
||
|
|
this.resources = new Resources();
|
||
|
|
|
||
|
|
this.onReset = new EventSink("reset");
|
||
|
|
}
|
||
|
|
|
||
|
|
InspectorExtensionAPI.prototype = {
|
||
|
|
log: function(message)
|
||
|
|
{
|
||
|
|
extensionServer.sendRequest({ command: "log", message: message });
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function Resources()
|
||
|
|
{
|
||
|
|
function resourceDispatch(request)
|
||
|
|
{
|
||
|
|
var resource = request.arguments[1];
|
||
|
|
resource.__proto__ = new Resource(request.arguments[0]);
|
||
|
|
this._fire(resource);
|
||
|
|
}
|
||
|
|
this.onFinished = new EventSink("resource-finished", resourceDispatch);
|
||
|
|
}
|
||
|
|
|
||
|
|
Resources.prototype = {
|
||
|
|
getHAR: function(callback)
|
||
|
|
{
|
||
|
|
function callbackWrapper(result)
|
||
|
|
{
|
||
|
|
var entries = (result && result.entries) || [];
|
||
|
|
for (var i = 0; i < entries.length; ++i) {
|
||
|
|
entries[i].__proto__ = new Resource(entries[i]._resourceId);
|
||
|
|
delete entries[i]._resourceId;
|
||
|
|
}
|
||
|
|
callback(result);
|
||
|
|
}
|
||
|
|
return extensionServer.sendRequest({ command: "getHAR" }, callback && callbackWrapper);
|
||
|
|
},
|
||
|
|
|
||
|
|
addRequestHeaders: function(headers)
|
||
|
|
{
|
||
|
|
return extensionServer.sendRequest({ command: "addRequestHeaders", headers: headers, extensionId: location.hostname });
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function ResourceImpl(id)
|
||
|
|
{
|
||
|
|
this._id = id;
|
||
|
|
}
|
||
|
|
|
||
|
|
ResourceImpl.prototype = {
|
||
|
|
getContent: function(callback)
|
||
|
|
{
|
||
|
|
function callbackWrapper(response)
|
||
|
|
{
|
||
|
|
callback(response.content, response.encoding);
|
||
|
|
}
|
||
|
|
extensionServer.sendRequest({ command: "getResourceContent", id: this._id }, callback && callbackWrapper);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
function Panels()
|
||
|
|
{
|
||
|
|
var panels = {
|
||
|
|
elements: new ElementsPanel()
|
||
|
|
};
|
||
|
|
|
||
|
|
function panelGetter(name)
|
||
|
|
{
|
||
|
|
return panels[name];
|
||
|
|
}
|
||
|
|
for (var panel in panels)
|
||
|
|
this.__defineGetter__(panel, bind(panelGetter, null, panel));
|
||
|
|
}
|
||
|
|
|
||
|
|
Panels.prototype = {
|
||
|
|
create: function(title, iconURL, pageURL, callback)
|
||
|
|
{
|
||
|
|
var id = "extension-panel-" + extensionServer.nextObjectId();
|
||
|
|
var request = {
|
||
|
|
command: "createPanel",
|
||
|
|
id: id,
|
||
|
|
title: title,
|
||
|
|
icon: expandURL(iconURL),
|
||
|
|
url: expandURL(pageURL)
|
||
|
|
};
|
||
|
|
extensionServer.sendRequest(request, callback && bind(callback, this, new ExtensionPanel(id)));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function PanelImpl(id)
|
||
|
|
{
|
||
|
|
this._id = id;
|
||
|
|
}
|
||
|
|
|
||
|
|
function PanelWithSidebarImpl(id)
|
||
|
|
{
|
||
|
|
PanelImpl.call(this, id);
|
||
|
|
}
|
||
|
|
|
||
|
|
PanelWithSidebarImpl.prototype = {
|
||
|
|
createSidebarPane: function(title, url, callback)
|
||
|
|
{
|
||
|
|
var id = "extension-sidebar-" + extensionServer.nextObjectId();
|
||
|
|
var request = {
|
||
|
|
command: "createSidebarPane",
|
||
|
|
panel: this._id,
|
||
|
|
id: id,
|
||
|
|
title: title,
|
||
|
|
url: expandURL(url)
|
||
|
|
};
|
||
|
|
function callbackWrapper()
|
||
|
|
{
|
||
|
|
callback(new ExtensionSidebarPane(id));
|
||
|
|
}
|
||
|
|
extensionServer.sendRequest(request, callback && callbackWrapper);
|
||
|
|
},
|
||
|
|
|
||
|
|
createWatchExpressionSidebarPane: function(title, callback)
|
||
|
|
{
|
||
|
|
var id = "watch-sidebar-" + extensionServer.nextObjectId();
|
||
|
|
var request = {
|
||
|
|
command: "createWatchExpressionSidebarPane",
|
||
|
|
panel: this._id,
|
||
|
|
id: id,
|
||
|
|
title: title
|
||
|
|
};
|
||
|
|
function callbackWrapper()
|
||
|
|
{
|
||
|
|
callback(new WatchExpressionSidebarPane(id));
|
||
|
|
}
|
||
|
|
extensionServer.sendRequest(request, callback && callbackWrapper);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
PanelWithSidebarImpl.prototype.__proto__ = PanelImpl.prototype;
|
||
|
|
|
||
|
|
function ElementsPanel()
|
||
|
|
{
|
||
|
|
var id = "elements";
|
||
|
|
PanelWithSidebar.call(this, id);
|
||
|
|
this.onSelectionChanged = new EventSink("panel-objectSelected-" + id);
|
||
|
|
}
|
||
|
|
|
||
|
|
function ExtensionPanel(id)
|
||
|
|
{
|
||
|
|
Panel.call(this, id);
|
||
|
|
this.onSearch = new EventSink("panel-search-" + id);
|
||
|
|
}
|
||
|
|
|
||
|
|
function ExtensionSidebarPaneImpl(id)
|
||
|
|
{
|
||
|
|
this._id = id;
|
||
|
|
}
|
||
|
|
|
||
|
|
ExtensionSidebarPaneImpl.prototype = {
|
||
|
|
setHeight: function(height)
|
||
|
|
{
|
||
|
|
extensionServer.sendRequest({ command: "setSidebarHeight", id: this._id, height: height });
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function WatchExpressionSidebarPaneImpl(id)
|
||
|
|
{
|
||
|
|
ExtensionSidebarPaneImpl.call(this, id);
|
||
|
|
this.onUpdated = new EventSink("watch-sidebar-updated-" + id);
|
||
|
|
}
|
||
|
|
|
||
|
|
WatchExpressionSidebarPaneImpl.prototype = {
|
||
|
|
setExpression: function(expression, rootTitle)
|
||
|
|
{
|
||
|
|
extensionServer.sendRequest({ command: "setWatchSidebarContent", id: this._id, expression: expression, rootTitle: rootTitle, evaluateOnPage: true });
|
||
|
|
},
|
||
|
|
|
||
|
|
setObject: function(jsonObject, rootTitle)
|
||
|
|
{
|
||
|
|
extensionServer.sendRequest({ command: "setWatchSidebarContent", id: this._id, expression: jsonObject, rootTitle: rootTitle });
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
WatchExpressionSidebarPaneImpl.prototype.__proto__ = ExtensionSidebarPaneImpl.prototype;
|
||
|
|
|
||
|
|
function WatchExpressionSidebarPane(id)
|
||
|
|
{
|
||
|
|
var impl = new WatchExpressionSidebarPaneImpl(id);
|
||
|
|
ExtensionSidebarPane.call(this, id, impl);
|
||
|
|
}
|
||
|
|
|
||
|
|
function Audits()
|
||
|
|
{
|
||
|
|
}
|
||
|
|
|
||
|
|
Audits.prototype = {
|
||
|
|
addCategory: function(displayName, resultCount)
|
||
|
|
{
|
||
|
|
var id = "extension-audit-category-" + extensionServer.nextObjectId();
|
||
|
|
extensionServer.sendRequest({ command: "addAuditCategory", id: id, displayName: displayName, resultCount: resultCount });
|
||
|
|
return new AuditCategory(id);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function AuditCategoryImpl(id)
|
||
|
|
{
|
||
|
|
function auditResultDispatch(request)
|
||
|
|
{
|
||
|
|
var auditResult = new AuditResult(request.arguments[0]);
|
||
|
|
try {
|
||
|
|
this._fire(auditResult);
|
||
|
|
} catch (e) {
|
||
|
|
console.error("Uncaught exception in extension audit event handler: " + e);
|
||
|
|
auditResult.done();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
this._id = id;
|
||
|
|
this.onAuditStarted = new EventSink("audit-started-" + id, auditResultDispatch);
|
||
|
|
}
|
||
|
|
|
||
|
|
function AuditResultImpl(id)
|
||
|
|
{
|
||
|
|
this._id = id;
|
||
|
|
|
||
|
|
var formatterTypes = [
|
||
|
|
"url",
|
||
|
|
"snippet",
|
||
|
|
"text"
|
||
|
|
];
|
||
|
|
for (var i = 0; i < formatterTypes.length; ++i)
|
||
|
|
this[formatterTypes[i]] = bind(this._nodeFactory, null, formatterTypes[i]);
|
||
|
|
}
|
||
|
|
|
||
|
|
AuditResultImpl.prototype = {
|
||
|
|
addResult: function(displayName, description, severity, details)
|
||
|
|
{
|
||
|
|
// shorthand for specifying details directly in addResult().
|
||
|
|
if (details && !(details instanceof AuditResultNode))
|
||
|
|
details = details instanceof Array ? this.createNode.apply(this, details) : this.createNode(details);
|
||
|
|
|
||
|
|
var request = {
|
||
|
|
command: "addAuditResult",
|
||
|
|
resultId: this._id,
|
||
|
|
displayName: displayName,
|
||
|
|
description: description,
|
||
|
|
severity: severity,
|
||
|
|
details: details
|
||
|
|
};
|
||
|
|
extensionServer.sendRequest(request);
|
||
|
|
},
|
||
|
|
|
||
|
|
createResult: function()
|
||
|
|
{
|
||
|
|
var node = new AuditResultNode();
|
||
|
|
node.contents = Array.prototype.slice.call(arguments);
|
||
|
|
return node;
|
||
|
|
},
|
||
|
|
|
||
|
|
done: function()
|
||
|
|
{
|
||
|
|
extensionServer.sendRequest({ command: "stopAuditCategoryRun", resultId: this._id });
|
||
|
|
},
|
||
|
|
|
||
|
|
get Severity()
|
||
|
|
{
|
||
|
|
return apiPrivate.audits.Severity;
|
||
|
|
},
|
||
|
|
|
||
|
|
_nodeFactory: function(type)
|
||
|
|
{
|
||
|
|
return {
|
||
|
|
type: type,
|
||
|
|
arguments: Array.prototype.slice.call(arguments, 1)
|
||
|
|
};
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function AuditResultNode(contents)
|
||
|
|
{
|
||
|
|
this.contents = contents;
|
||
|
|
this.children = [];
|
||
|
|
this.expanded = false;
|
||
|
|
}
|
||
|
|
|
||
|
|
AuditResultNode.prototype = {
|
||
|
|
addChild: function()
|
||
|
|
{
|
||
|
|
var node = AuditResultImpl.prototype.createResult.apply(null, arguments);
|
||
|
|
this.children.push(node);
|
||
|
|
return node;
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
function InspectedWindow()
|
||
|
|
{
|
||
|
|
this.onDOMContentLoaded = new EventSink("inspectedPageDOMContentLoaded");
|
||
|
|
this.onLoaded = new EventSink("inspectedPageLoaded");
|
||
|
|
this.onNavigated = new EventSink("inspectedURLChanged");
|
||
|
|
}
|
||
|
|
|
||
|
|
InspectedWindow.prototype = {
|
||
|
|
reload: function(userAgent)
|
||
|
|
{
|
||
|
|
return extensionServer.sendRequest({ command: "reload", userAgent: userAgent });
|
||
|
|
},
|
||
|
|
|
||
|
|
eval: function(expression, callback)
|
||
|
|
{
|
||
|
|
function callbackWrapper(result)
|
||
|
|
{
|
||
|
|
var value = result.value;
|
||
|
|
if (!result.isException)
|
||
|
|
value = value === "undefined" ? undefined : JSON.parse(value);
|
||
|
|
callback(value, result.isException);
|
||
|
|
}
|
||
|
|
return extensionServer.sendRequest({ command: "evaluateOnInspectedPage", expression: expression }, callback && callbackWrapper);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function ExtensionServerClient()
|
||
|
|
{
|
||
|
|
this._callbacks = {};
|
||
|
|
this._handlers = {};
|
||
|
|
this._lastRequestId = 0;
|
||
|
|
this._lastObjectId = 0;
|
||
|
|
|
||
|
|
this.registerHandler("callback", bind(this._onCallback, this));
|
||
|
|
|
||
|
|
var channel = new MessageChannel();
|
||
|
|
this._port = channel.port1;
|
||
|
|
this._port.addEventListener("message", bind(this._onMessage, this), false);
|
||
|
|
this._port.start();
|
||
|
|
|
||
|
|
top.postMessage("registerExtension", [ channel.port2 ], "*");
|
||
|
|
}
|
||
|
|
|
||
|
|
ExtensionServerClient.prototype = {
|
||
|
|
sendRequest: function(message, callback)
|
||
|
|
{
|
||
|
|
if (typeof callback === "function")
|
||
|
|
message.requestId = this._registerCallback(callback);
|
||
|
|
return this._port.postMessage(message);
|
||
|
|
},
|
||
|
|
|
||
|
|
registerHandler: function(command, handler)
|
||
|
|
{
|
||
|
|
this._handlers[command] = handler;
|
||
|
|
},
|
||
|
|
|
||
|
|
nextObjectId: function()
|
||
|
|
{
|
||
|
|
return injectedScriptId + "_" + ++this._lastObjectId;
|
||
|
|
},
|
||
|
|
|
||
|
|
_registerCallback: function(callback)
|
||
|
|
{
|
||
|
|
var id = ++this._lastRequestId;
|
||
|
|
this._callbacks[id] = callback;
|
||
|
|
return id;
|
||
|
|
},
|
||
|
|
|
||
|
|
_onCallback: function(request)
|
||
|
|
{
|
||
|
|
if (request.requestId in this._callbacks) {
|
||
|
|
var callback = this._callbacks[request.requestId];
|
||
|
|
delete this._callbacks[request.requestId];
|
||
|
|
callback(request.result);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
_onMessage: function(event)
|
||
|
|
{
|
||
|
|
var request = event.data;
|
||
|
|
var handler = this._handlers[request.command];
|
||
|
|
if (handler)
|
||
|
|
handler.call(this, request);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function expandURL(url)
|
||
|
|
{
|
||
|
|
if (!url)
|
||
|
|
return url;
|
||
|
|
if (/^[^/]+:/.exec(url)) // See if url has schema.
|
||
|
|
return url;
|
||
|
|
var baseURL = location.protocol + "//" + location.hostname + location.port;
|
||
|
|
if (/^\//.exec(url))
|
||
|
|
return baseURL + url;
|
||
|
|
return baseURL + location.pathname.replace(/\/[^/]*$/,"/") + url;
|
||
|
|
}
|
||
|
|
|
||
|
|
function bind(func, thisObject)
|
||
|
|
{
|
||
|
|
var args = Array.prototype.slice.call(arguments, 2);
|
||
|
|
return function() { return func.apply(thisObject, args.concat(Array.prototype.slice.call(arguments, 0))); };
|
||
|
|
}
|
||
|
|
|
||
|
|
function populateInterfaceClass(interface, implementation)
|
||
|
|
{
|
||
|
|
for (var member in implementation) {
|
||
|
|
if (member.charAt(0) === "_")
|
||
|
|
continue;
|
||
|
|
var value = implementation[member];
|
||
|
|
interface[member] = typeof value === "function" ? bind(value, implementation)
|
||
|
|
: interface[member] = implementation[member];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function declareInterfaceClass(implConstructor)
|
||
|
|
{
|
||
|
|
return function()
|
||
|
|
{
|
||
|
|
var impl = { __proto__: implConstructor.prototype };
|
||
|
|
implConstructor.apply(impl, arguments);
|
||
|
|
populateInterfaceClass(this, impl);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
var AuditCategory = declareInterfaceClass(AuditCategoryImpl);
|
||
|
|
var AuditResult = declareInterfaceClass(AuditResultImpl);
|
||
|
|
var EventSink = declareInterfaceClass(EventSinkImpl);
|
||
|
|
var ExtensionSidebarPane = declareInterfaceClass(ExtensionSidebarPaneImpl);
|
||
|
|
var Panel = declareInterfaceClass(PanelImpl);
|
||
|
|
var PanelWithSidebar = declareInterfaceClass(PanelWithSidebarImpl);
|
||
|
|
var Resource = declareInterfaceClass(ResourceImpl);
|
||
|
|
var WatchExpressionSidebarPane = declareInterfaceClass(WatchExpressionSidebarPaneImpl);
|
||
|
|
|
||
|
|
var extensionServer = new ExtensionServerClient();
|
||
|
|
|
||
|
|
webInspector = new InspectorExtensionAPI();
|
||
|
|
|
||
|
|
}
|