相关疑难解决方法(0)

我正在尝试自定义打印CSS,并发现它打印出带有href值和链接的链接.

这是在Chrome中.

对于这个HTML:

<a href="http://www.google.com">Google</a>

它打印:

Google (http://www.google.com)

我希望它打印:

Google

我最近一直在为一个网站制作一个打印样式表,我意识到我无法通过有效的方式进行调整.使用重新加载周期来处理屏幕布局是一回事:

• 改变代码
• 命令选项卡
• 重装

但是当你尝试打印时,整个过程会变得更加艰难:

• 改变代码
• 命令选项卡
• 重装
• 打印
• 斜视打印预览图像
• 在预览中打开PDF以进一步检查

我在这里错过了哪些工具？WebKit的检查员是否"假装这是分页媒体"复选框？Firebug(不寒而栗)可以做些什么吗？

我有一个HTML报告,由于列数很多,需要打印出来.它有一种方法可以做到这一点,而无需用户更改文档设置？

浏览器有哪些选择？

这是我现在的过程:

1. 保存对print.css的更改
2. 打开浏览器并刷新页面.
3. 右键单击并选择"打印">"打印预览"(Firefox,但确实是任何浏览器)

这是第3步让我烦恼,我想知道是否有可能用插件或其他东西将其删除.只需选择将页面视为打印介质,然后只需刷新即可查看更改.

你如何测试你的打印样式表？刷新后是否总是单击打印预览？

我是这家公司的新人,我们的产品使用了数英里的css.我正在尝试为我们的应用程序制作一个可打印的样式表,但我在@media print中遇到了背景色问题...

    @media print {
      #header{display:none;}
      #adwrapper{display:none;}
      td {
        border-bottom: solid; 
        border-right: solid; 
        background-color: #c0c0c0;
      }
    }

其他一切工作,我可以修改边框等,但背景颜色将不会在打印中出现.现在我明白你们可能无法回答我的问题并提供更多细节,我只是好奇,如果有人之前有这个问题,或类似的东西.

我一直使用Firebug和IE Developer Toolbar来调试棘手的CSS问题.但偶尔会出现一个棘手的错误,只有在你打印页面时才出现.

您使用哪些技术/工具来诊断此类问题？有没有办法在打印视图中更多地使用传统的CSS调试工具？

更新:我已经使用PDF打印机以避免浪费纸张; 我的问题是我无法右键单击打印的DOM.下面的一些其他答案非常有用,谢谢.:-)

我想知道如何检查我的打印CSS,就像我用普通的css检查我的元素一样,我看了一遍插件和这样的东西

就像在Chrome中预览打印件一样,但是你能够检查元素

@media print {
   p{color:red;}
   ..... my css
}
.sharebar {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 195;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

我正在尝试在chrome中设置媒体查询以进行打印.我试着关注这篇文章 - 在打印预览模式下使用Chrome的Element Inspector？

但是,我无法在覆盖下找到Emulate CSS媒体选项.

它被移动了吗？我应该在哪里寻找它？

我在控制台抽屉中尝试了Emulation.这不是他们的 -

我正在实现最初在Internet Explorer中显示的网页的打印.

我想在打印模式下使用浏览器"Inspect Element"功能.所以我想模仿打印媒体,同时仍然在浏览器中显示页面.

谷歌浏览器具有这一功能.

这是否在Internet Explorer中可用.特别是IE11？

我使用Print Media Query在我的网页上打印可滚动的DIV(主DIV包含一个子DIV和表,其中有几行和来自kendo网格的自定义样式).window.Print()仅在IE 9和Chrome中打印一页,其中包括DIV内容的其余部分.我如何确保它在多个页面中打印所有内容.我在Firefox上看过类似的帖子,但使用overflow:visible!important的解决方案对我来说并不适用.以下是我的风格

注意:我尝试过使用position:absolute,height/width:100%并为Table,TBody,TR和TD设置如下设置,但没有用.

@media print {

body * {
    visibility: hidden;
  }

#divname, #divname* {
    visibility: visible;
  }

#divname
    {
        overflow: visible !important; 
        float:none !important;
        position: fixed;
        left: 0px;
        top: 0px;
        display:block !important;
        /*height:auto !important;*/
    }
}

编辑:我终于通过读取DOM来打印,如下所示.万一,如果它可以帮助某人

    `//get DIV content as clone
    var divContents = $("#DIVNAME").clone();
    //detatch DOM body
    var body = $("body").detach();
    //create new body to hold just the DIV contents
    document.body = document.createElement("body");
    //add DIV content to body
    divContents.appendTo($("body"));
    //print body
    window.print();
    //remove body with …