用戶選擇文件->打印時，僅打印iframe的內容

Question

問題：

我有一個應用程序，可將其他服務器上的內容加載到<iframe> 。 用戶希望能夠在iframe中打印內容，該內容有時會很長，並導致iframe滾動。 打印時，僅打印iframe視口中顯示的區域。 其余的被切斷。

我試過的

使用@media print樣式，我可以隱藏頁面上的所有其他元素，並將iframe擴展為100％的寬度和高度。 我不能做的就是將AFAICT的大小調整為實際內容的w / h（僅使用CSS），因此，如果100％不夠，內容將被截斷。

我知道這可以通過javascript解決，但是瀏覽器不能始終為文件-> print提供事件掛鈎，因此我無法在需要時運行javascript。

我可以創建一個自定義的“打印”按鈕，以便可以運行JS並正確打印iframe，但不允許“打印預覽”，因為瀏覽器沒有為此提供JS方法。

我被困在這里，有答案嗎？

Answer 1

如果要打印iframe的內容，可以使用

document.getElementById('ifr1').contentWindow.print()

這將在iframe（而不是容器窗口）的內容上調用print() ）。