Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/dart/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何从Dart/polymer web应用程序打印网页_Dart_Polymer_Dart Polymer_Printing Web Page - Fatal编程技术网

如何从Dart/polymer web应用程序打印网页

如何从Dart/polymer web应用程序打印网页,dart,polymer,dart-polymer,printing-web-page,Dart,Polymer,Dart Polymer,Printing Web Page,我正在尝试在我的Dart+polymer web应用程序中打印“我所看到的”。我在打印预览(Windows)中得到一个空白页。标题就在那里,我用CSS删除了它(所以对我的CSS有一点反应!它并没有完全死掉) 我尝试了一个单独的打印样式表进行打印。我还尝试将以下内容添加到我的主css中: @media print { body { font: 12pt Georgia, "Times New Roman", Times, Serif; color: #222222; l

我正在尝试在我的Dart+polymer web应用程序中打印“我所看到的”。我在打印预览(Windows)中得到一个空白页。标题就在那里,我用CSS删除了它(所以对我的CSS有一点反应!它并没有完全死掉)

我尝试了一个单独的打印样式表进行打印。我还尝试将以下内容添加到我的主css中:

@media print { 
  body {
    font: 12pt Georgia, "Times New Roman", Times, Serif;
    color: #222222;
   line-height: 1.3;
}

header, footer{
  display: none;
}
@page{
 margin: 0.5cm;
} 
}
并分离出@media屏幕{}

我有聚合物按钮等,许多元素(表,列表,画布…)使用代码动态添加,还有聚合物模板+数据绑定。我知道我只需更改需要更改的项目,即可覆盖现有样式

那么,是否可以简单地添加一些CSS来打印?我必须对阴影dom做些什么吗

谢谢


干杯,史蒂夫

我为此挣扎了几个小时,直到我想到这个: -将要打印的内容复制到新窗口并打印该窗口

现在这有点棘手,因为样式会丢失。(但基本上,这是最好的出路

代码示例:

var prnWnd = window.open();
prnWnd.document.title = "Title of Printed Page"; //in case you print "headers"
$(document.querySelector('#head').cloneNode(true).innerHTML).appendTo(prnWnd.document.head);

$('<link rel="stylesheet" href="'+location.origin+location.pathname+'includepathtoextra.css">').appendTo(prnWnd.document.head);

$(document.querySelector('#contentToPrint')).appendTo(prnWnd.document.body);
prnWnd.print(); // bring up the print dialog
prnWnd.close(); // close the print view once the print dialog is disposed
var prnWnd=window.open();
prnWnd.document.title=“打印页面的标题”;//如果打印“标题”
$(document.querySelector(“#head”).cloneNode(true.innerHTML).appendTo(prnWnd.document.head);
$('').appendTo(prnWnd.document.head);
$(document.querySelector('#contentToPrint')).appendTo(prnWnd.document.body);
prnWnd.print();//打开打印对话框
prnWnd.close();//一旦释放了打印对话框,就关闭打印视图

只是好奇,你是否在正文中使用了
未解析的
属性?如果你删除该属性会发生什么?嗨,谢谢。刚刚尝试过-没有效果。所有打印预览显示的都是右下角的警告框(因为我包含css的次数太多了…用于另一个讨论!).干杯!就像你在使用jQuery一样。你真的在使用Dart吗?问题是关于聚合物Dart。我在使用聚合物,嵌入jQuery。