Create a gist now

Instantly share code, notes, and snippets.

What would you like to do?
mdn command
Components.utils.import("resource:///modules/devtools/gcli.jsm");
gcli.addCommand({
name: 'cssdoc',
description: 'Documentation for CSS properties',
returnType: 'html',
params: [
{
name: 'property',
type: 'string',
description: 'property name',
}
],
exec: function(args, context) {
let promise = context.createPromise();
let url = "https://developer.mozilla.org/en/CSS/" + args.property;
let browserDoc = context.environment.chromeDocument;
let iframe = browserDoc.createElement("iframe");
iframe.setAttribute("style", "visibility:collapse");
iframe.setAttribute("src", url);
browserDoc.documentElement.appendChild(iframe);
iframe.addEventListener("load", function() {
let doc = iframe.contentDocument;
let container = doc.getElementById("pageText");
if (!container) {
promise.resolve("Unexpected content: <a href='" + url + "'>link</a>.");
} else {
let divs = container.parentNode.querySelectorAll("#pageText > div");
if (divs.length == 0) {
promise.resolve("Unexpected content: <a href='" + url + "'>link</a>.");
} else {
this.buildResponse(promise, divs);
}
}
iframe.parentNode.removeChild(iframe);
}.bind(this), true);
return promise;
},
buildResponse: function(promise, divs) {
let doc = divs[0].ownerDocument;
let summary = divs[0].cloneNode(divs[0]);
let div = doc.createElement("div");
let h1 = doc.createElement(h1);
h1.textContent = doc.title;
let link = doc.createElement("a");
link.textContent = doc.defaultView.location;
link.setAttribute("href", doc.defaultView.location);
link.setAttribute("style", "float:right");
link.setAttribute("target", "_blank");
div.appendChild(h1);
div.appendChild(link);
div.appendChild(summary);
promise.resolve(div);
},
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment