1. var saveToFile = function (fileContent, fileName) {
  2. var uc = Components.classes['@mozilla.org/intl/scriptableunicodeconverter'].createInstance(Components.interfaces.nsIScriptableUnicodeConverter);
  3. uc.charset = 'utf-8';
  4. fileContent = uc.ConvertFromUnicode(fileContent);
  6. var nsIFilePicker = Components.interfaces.nsIFilePicker;
  7. var fp = Components.classes['@mozilla.org/filepicker;1'].createInstance(nsIFilePicker);
  8. fp.init(window, '', fp.modeSave);
  9. fp.defaultString = fileName;
  10. fp.appendFilters(fp.filterHTML);
  11. fp.appendFilters(fp.filterAll);
  12. fp.open(function (rv) {
  13. if (rv == nsIFilePicker.returnOK || rv == nsIFilePicker.returnReplace) {
  14. var stream = Components.classes['@mozilla.org/network/file-output-stream;1'].createInstance(Components.interfaces.nsIFileOutputStream);
  15. stream.init(fp.file, 0x02|0x20|0x08, 0666, 0);
  16. stream.write(fileContent, fileContent.length);
  17. stream.close();
  18. }
  19. });
  21. };
  22. var resolveURL = function (url, base) {
  23. try {
  24. var ioService = Components.classes['@mozilla.org/network/io-service;1'].getService(Components.interfaces.nsIIOService);
  25. var baseURI = ioService.newURI(base, null, null);
  26. var absURI = ioService.newURI(url, null, baseURI);
  27. return absURI.spec;
  28. } catch (e) {}
  29. };
  31. var getSelWin = function (w) {
  32. if (w.getSelection().toString()) return w;
  33. for (var i = 0, f, r; f = w.frames[i]; i++) {
  34. try {
  35. if (r = getSelWin(f)) return r;
  36. } catch(e) {}
  37. }
  38. };
  39. var encodeImg = function (src, obj) {
  40. var canvas, img, ret = src;
  41. if (/^https?:\/\//.test(src)) {
  42. canvas = doc.createElement('canvas');
  43. if (!obj || obj.nodeName.toLowerCase() != 'img') {
  44. img = doc.createElement('img');
  45. img.src = src;
  46. } else {
  47. img = obj;
  48. };
  49. if (img.complete) try{
  50. canvas.width = img.width;
  51. canvas.height = img.height;
  52. canvas.getContext('2d').drawImage(img, 0, 0);
  53. ret = canvas.toDataURL((/\.jpe?g/i.test(src) ? 'image/jpeg' : 'image/png'));
  54. } catch (e) {};
  55. if (img != obj) img.src = 'about:blank';
  56. };
  57. return ret;
  58. };
  59. var toSrc = function (obj) {
  60. var strToSrc = function (str) {
  61. var chr, ret = '', i = 0, meta = {'\b': '\\b', '\t': '\\t', '\n': '\\n', '\f': '\\f', '\r': '\\r', '\x22' : '\\\x22', '\\': '\\\\'};
  62. while (chr = str.charAt(i++)) {
  63. ret += meta[chr] || chr;
  64. };
  65. return '\x22' + ret + '\x22';
  66. },
  67. arrToSrc = function (arr) {
  68. var ret = [];
  69. for (var i = 0; i < arr.length; i++) {
  70. ret[i] = toSrc(arr[i]) || 'null';
  71. };
  72. return '[' + ret.join(',') + ']';
  73. },
  74. objToSrc = function (obj) {
  75. var val, ret = [];
  76. for (var prop in obj) {
  77. if (obj.hasOwnProperty(prop) && (val = toSrc(obj[prop]))) ret.push(strToSrc(prop) + ': ' + val);
  78. };
  79. return '{' + ret.join(',') + '}';
  80. };
  82. switch (Object.prototype.toString.call(obj).slice(8, -1)) {
  83. case 'Array': return arrToSrc(obj);
  84. case 'Boolean':
  85. case 'Function':
  86. case 'RegExp': return obj.toString();
  87. case 'Date': return 'new Date(' + obj.getTime() + ')';
  88. case 'Math': return 'Math';
  89. case 'Number': return isFinite(obj) ? String(obj) : 'null';
  90. case 'Object': return objToSrc(obj);
  91. case 'String': return strToSrc(obj);
  92. default: return obj ? (obj.nodeType == 1 && obj.id ? 'document.getElementById(' + strToSrc(obj.id) + ')' : '{}') : 'null';
  93. }
  94. };
  96. var mainWin = document.commandDispatcher.focusedWindow.top == content ? document.commandDispatcher.focusedWindow : content
  97. var selWin = getSelWin(mainWin), win = selWin || mainWin, doc = win.document, loc = win.location;
  98. var ele, pEle, clone, reUrl = /(url\(\x22)(.+?)(\x22\))/g;
  100. if (selWin) {
  101. var rng = win.getSelection().getRangeAt(0);
  102. pEle = rng.commonAncestorContainer;
  103. ele = rng.cloneContents();
  104. } else {
  105. pEle = doc.documentElement;
  106. ele = (doc.body || doc.getElementsByTagName('body')[0]).cloneNode(true);
  107. };
  108. while (pEle) {
  109. if (pEle.nodeType == 1) {
  110. clone = pEle.cloneNode(false);
  111. clone.appendChild(ele);
  112. ele = clone;
  113. };
  114. pEle = pEle.parentNode
  115. };
  116. var sel = doc.createElement('div');
  117. sel.appendChild(ele);
  119. for (var el, all = sel.getElementsByTagName('*'), i = all.length; i--;) {
  120. el = all[i];
  121. if (el.style && el.style.backgroundImage) el.style.backgroundImage = el.style.backgroundImage.replace(reUrl, function (a, prev, url, next) {
  122. if (!/^[a-z]+:/.test(url)) url = resolveURL(url, loc.href);
  123. return prev + encodeImg(url) + next;
  124. });
  125. switch (el.nodeName.toLowerCase()) {
  126. case 'link':
  127. case 'style':
  128. case 'script': el.parentNode.removeChild(el); break;
  129. case 'a':
  130. case 'area': if (el.hasAttribute('href') && el.getAttribute('href').charAt(0) != '#') el.href = el.href; break;
  131. case 'img':
  132. case 'input': if (el.hasAttribute('src')) el.src = encodeImg(el.src, el); break;
  133. case 'audio':
  134. case 'video':
  135. case 'embed':
  136. case 'frame':
  137. case 'iframe': if (el.hasAttribute('src')) el.src = el.src; break;
  138. case 'object': if (el.hasAttribute('data')) el.data = el.data; break;
  139. case 'form': if (el.hasAttribute('action')) el.action = el.action; break;
  140. }
  141. };
  143. var head = ele.insertBefore(doc.createElement('head'), ele.firstChild);
  144. var meta = doc.createElement('meta');
  145. meta.httpEquiv = 'content-type';
  146. meta.content = 'text/html; charset=utf-8';
  147. head.appendChild(meta);
  148. var title = doc.getElementsByTagName('title')[0];
  149. if (title) head.appendChild(title.cloneNode(true));
  151. head.copyScript = function (unsafeWin) {
  152. if ('$' in unsafeWin) return;
  153. var f = doc.createElement('iframe');
  154. f.src = 'about:blank';
  155. f.setAttribute('style', 'position:fixed;left:0;top:0;visibility:hidden;width:0;height:0;');
  156. doc.documentElement.appendChild(f);
  157. var str, script = doc.createElement('script');
  158. script.type = 'text/javascript';
  159. for (var name in unsafeWin) {
  160. if (name in f.contentWindow || !/^[a-zA-Z_$][0-9a-zA-Z_$]*$/.test(name)) continue;
  161. try {
  162. str = toSrc(unsafeWin[name]);
  163. if (!/\{\s*\[native code\]\s*\}/.test(str)) {
  164. script.appendChild(doc.createTextNode('var ' + name + ' = ' + str.replace(/<\/(script>)/ig, '<\\/$1') + ';\n'));
  165. }
  166. } catch (e) {};
  167. };
  168. f.parentNode.removeChild(f);
  169. if (script.childNodes.length) this.nextSibling.appendChild(script);
  170. };
  171. head.copyScript(win.wrappedJSObject || win);
  173. head.copyStyle = function (s) {
  174. if (!s) return;
  175. var style = doc.createElement('style');
  176. style.type = 'text/css';
  177. if (s.media && s.media.mediaText) style.media = s.media.mediaText;
  178. try {
  179. for (var i = 0, rule; rule = s.cssRules[i]; i++) {
  180. if (rule.type != 3) {
  181. if((!rule.selectorText || rule.selectorText.indexOf(':') != -1) || (!sel.querySelector || sel.querySelector(rule.selectorText))) {
  182. var css = !rule.cssText ? '' : rule.cssText.replace(reUrl, function (a, prev, url, next) {
  183. if (!/^[a-z]+:/.test(url)) url = resolveURL(url, s.href || loc.href);
  184. if(rule.type == 1 && rule.style && rule.style.backgroundImage) url = encodeImg(url);
  185. return prev + url + next;
  186. });
  187. style.appendChild(doc.createTextNode(css + '\n'));
  188. }
  189. } else {
  190. this.copyStyle(rule.styleSheet);
  191. }
  192. }
  193. } catch(e) {
  194. if (s.ownerNode) style = s.ownerNode.cloneNode(false);
  195. };
  196. this.appendChild(style);
  197. };
  198. var sheets = doc.styleSheets;
  199. for (var j = 0; j < sheets.length; j++) head.copyStyle(sheets[j]);
  200. head.appendChild(doc.createTextNode('\n'));
  202. var doctype = '', dt = doc.doctype;
  203. if (dt && dt.name) {
  204. doctype += '<!DOCTYPE ' + dt.name;
  205. if (dt.publicId) doctype += ' PUBLIC \x22' + dt.publicId + '\x22';
  206. if (dt.systemId) doctype += ' \x22' + dt.systemId + '\x22';
  207. doctype += '>\n';
  208. };
  209. var fileName = selWin ? win.getSelection().toString() : (title && title.text ? title.text : loc.pathname.split('/').pop());
  210. fileName = fileName.replace(/[:\\\/<>?*|"]+/g, '_').replace(/\s+/g, ' ').slice(0, 100).replace(/^\s+|\s+$/g, '');
  211. fileName += (function () {
  212. var d = new Date(), z = function(n){return '_' + (n < 10 ? '0' : '') + n};
  213. return z(d.getHours()) + z(d.getMinutes()) + z(d.getSeconds());
  214. })();
  215. if(!/\.html?$/.test(fileName))fileName += '.html';
  217. saveToFile(doctype + sel.innerHTML + '\n<!-- This document saved from ' + (loc.protocol != 'data:' ? loc.href : 'data:uri') + ' -->', fileName);