【发布时间】：2013-01-30 12:18:07
【问题描述】：
我是 printThis 的作者，一个用于打印的 jquery 插件。
https://github.com/jasonday/printThis
我有一个用户提出了一个我无法破解的问题，很遗憾，我无法共享该页面（隐私问题）。
在用户的网站上，问题出现在 IE 的某些页面上，但在其他页面上没有。打印失败，因为 iframe 仍然为空。
IE中的错误在jQuery内部：
contents: function (a) {
return f.nodeName(a,
"iframe") ? a.contentDocument || a.contentWindow.document : f.makeArray(a.childNodes)
}
使用日志记录，我能够确定它在这条线上失败了：
var $doc = $("#" + strFrameName).contents();
但同样，这只发生在某些页面上，我无法在此用户站点之外的任何实例中重新创建。
我的问题：这里有更好的方法吗？还是让$doc 对象更防弹的方法？
// -----------------------------------------------------------------------
// printThis v1.1
// Printing plug-in for jQuery
//
// Resources (based on) :
// jPrintArea: http://plugins.jquery.com/project/jPrintArea
// jqPrint: https://github.com/permanenttourist/jquery.jqprint
// Ben Nadal: http://www.bennadel.com/blog/1591-Ask-Ben-Print-Part-Of-A-Web-Page-With-jQuery.htm
//
// Dual licensed under the MIT and GPL licenses:
// http://www.opensource.org/licenses/mit-license.php
// http://www.gnu.org/licenses/gpl.html
//
// (c) Jason Day 2012
//
// Usage:
//
// $("#mySelector").printThis({
// debug: false, //show the iframe for debugging
// importCSS: true, // import page CSS
// printContainer: true, // grab outer container as well as the contents of the selector
// loadCSS: "path/to/my.css" //path to additional css file
// });
//
// Notes:
// - the loadCSS option does not need @media print
//------------------------------------------------------------------------
(function($) {
var opt;
$.fn.printThis = function (options) {
opt = $.extend({}, $.fn.printThis.defaults, options);
var $element = (this instanceof jQuery) ? this : $(this);
// if Opera, open a new tab
if ($.browser.opera)
{
var tab = window.open("","Print Preview");
tab.document.open();
}
// add dynamic iframe to DOM
else
{
var strFrameName = ("printThis-" + (new Date()).getTime());
var $iframe = $("<iframe id='" + strFrameName +"' src='about:blank'/>");
if (!opt.debug) { $iframe.css({ position: "absolute", width: "0px", height: "0px", left: "-600px", top: "-600px" }); }
$iframe.appendTo("body");
}
// allow iframe to fully render before action
setTimeout ( function () {
if ($.browser.opera)
{
var $doc = tab.document;
} else
{
var $doc = $("#" + strFrameName).contents();
}
// import page css
if (opt.importCSS)
{
$("link[rel=stylesheet]").each(function(){
var href = $(this).attr('href');
if(href){
var media = $(this).attr('media') || 'all';
$doc.find("head").append("<link type='text/css' rel='stylesheet' href='" + href + "' media='"+media+"'>");
}
});
}
// add another stylesheet
if (opt.loadCSS)
{
$doc.find("head").append("<link type='text/css' rel='stylesheet' href='" + opt.loadCSS + "'>");
}
//add title of the page
if (opt.titlePage)
{
$doc.find("head").append('<title>'+opt.titlePage+'</title>');
}
//grab outer container
if (opt.printContainer) { $doc.find("body").append($element.outer()); }
else { $element.each( function() { $doc.find("body").append($(this).html()); }); }
//$doc.close();
// print
($.browser.opera ? tab : $iframe[0].contentWindow).focus();
setTimeout( function() { ($.browser.opera ? tab : $iframe[0].contentWindow).print(); if (tab) { tab.close(); } }, 1000);
//removed iframe after 60 seconds
setTimeout(
function(){
$iframe.remove();
},
(60 * 1000)
);
}, 333 );
}
$.fn.printThis.defaults = {
debug: false, //show the iframe for debugging
importCSS: true, // import page CSS
printContainer: true, // grab outer container as well as the contents of the selector
loadCSS: "", //path to additional css file
titlePage: "" //add title to print page
};
jQuery.fn.outer = function() {
return $($('<div></div>').html(this.clone())).html();
}
})(jQuery);
更新
由于document.domain引起的问题
这种类型的页面设置了document.domain，IE 不会从父级继承document.domain。
为了修复该部分，我将 iframe 创建更改为标准 javascript，并将源设置为在 iframe 创建时写入 document.domain。
var printI= document.createElement('iframe');
printI.name = "printIframe";
printI.id = strFrameName;
document.body.appendChild(printI);
printI.src = "javascript:document.write('<head><script>document.domain=\"mydomain.com\";</script></head><body></body>')";
var $iframe = $("#" + strFrameName);
所以这修复了访问被拒绝的问题，但是现在框架不会打印。我已经尝试了很多不同的方法来访问该对象，但是它们都不起作用。
A）在这种情况下，您将如何访问框架（我已经尝试过 SO 中列出的大多数方法）以使 IE 识别和打印
或
B) 谁能想到一个更好的方法来让 document.domain 在使用 jQuery 创建时进入 iframe？ （以后不能，因为会出现访问被拒绝的问题）
【问题讨论】：
-
所有页面是否都在同一个域/子域中？
-
@Christophe - 是的。所有页面都在同一个域中。打印不是专门在一种类型的页面上工作，而是在所有其他页面上工作。
-
还检查您的脚本用户是否使用相同版本的 jQuery，有时不同版本的 jQuery 会破坏，当我尝试将我的 jQuery 升级到最新版本时，我遇到过这种情况，并且很少有事情会崩溃，所以我只是恢复到旧的
-
@am05mhz - 不幸的是，它不是 jquery 版本。我已经测试了回到 1.4.2 的所有版本
标签： jquery iframe printing printthis