如何利用Chrome瀏覽器將網頁儲存為pdf檔案

阿新 • • 發佈：2019-01-29

Chrome瀏覽器很強大，最近發現一種利用Chrome可以將網頁儲存為pdf的方法，寫下來分享給大家。

1，以csdn首頁為例，在Chrome瀏覽器中，開啟網頁，按Ctrl+P，會彈出印表機對話方塊，如下圖

2，找到左側“目標印表機”，點選更改，彈出如下對話方塊

選擇另存為PDF

3，點選左上角儲存，會彈出儲存位置對話方塊，選擇好位置，點選確定就大功告成了。

是不是很簡單，這樣我們可以很方便的將我們喜愛的網頁儲存為pdf檔案。

Chrome瀏覽器很強大，最近發現一種利用Chrome可以將網頁儲存為pdf的方法，寫下來分享給大家。 1，以csdn首頁為例，在Chrome瀏覽器中，開啟網頁，按Ctrl+P，會彈出印表機對話方塊，如下圖 2，找到左側“目標印表機”，點選更改，彈出如下對話方塊選

<a href="#" onclick=document.execCommand("saveAs","ture","filename.txt")>儲存本頁</a>如果僅僅是document.execCommand("saveAs")，彈出按預設的另存為

一、業務場景　　公司的樣本檢測報告以React頁面的形式生成，已調整為A4大小的樣式並已實現分頁，業務上需要將這個網頁生成PDF檔案，並上傳到伺服器，後續會將這個檔案傳送給客戶（這裡不考慮）。二、原來的實現形式　　瀏覽器原生方法：window.print()可以將網頁儲存為PDF檔案，由於檢測報告

很早之前就買了Kindle閱讀器，剛入手的時候非常的喜歡這個閱讀器，可以讓人專注於閱讀，但是隨後由於「工作和學習」越來越忙了，就由把kindle放入了壓泡麵的位置。（藉口，就是你不喜歡看書了，玩手機去啦。。。）分享一個外掛：EpubPress ，官方網址：http://epub.pre

最近做資料視覺化專案，需要用到截圖功能，在網上搜了一圈，發現 html2canvas 不錯，奈於沒用過，只能各種搜，最後發現下面這篇通俗易懂的文章： scale：是用來調整生成圖片螢幕解析度的，其實設定成1再iphone上生成的圖片清晰度沒啥問題，但是再有些android手機

下載phantomjs後解壓就可以使用。phantomjs可以在頁面渲染完成後將頁面儲存為圖片，而無需顯示頁面。 phantomjs 需要引入webpage模組，通過page.open()開啟頁面。 window .setTimeout() 等待頁面渲染

需求:將含有二維碼的html轉化成圖片並儲存思路: 1.將html頁面轉化成圖片需要使用H5中canvas（畫布）功能，需要引入js庫: html2canvas.js canvas2image.js jquery.min.js（必須要） qrcode.min.j

使用wkhtmltopdf外掛+ pdfkit外掛的安裝：wkhtmltopdf的安裝參考：https://github.com/JazzCore/python-pdfkit/wiki/Installing-wkhtmltopdf安裝pdfkit p

1.Git & GithubDesktop https://git-scm.com/ 下載Git(程式猿本猿使用) https://desktop.github.com/ 下載GithubDesktop 2.命令語句 ps : github建立倉庫後有對應命令語句 g

/// <summary> /// 獲取MVC檢視Html /// </summary> /// <param name="context">控制器上下文</param> ///

/// 將資料以CSV格式儲存 /// ",表示移動到同一行的下一格" /// "\r\n"表示移動到下一列 /// </summary> /// <param name="sender"></pa

file = open('filename','a',encoding='utf-8') file.write('......') file.close 上面這種標準的檔案儲存方式，開啟檔案、寫入資料、關閉檔案。下面這種寫法，會隨著with語句的結束，自動關閉。 wi

鼎鼎大名的烏雲，存在了6年左右，就停擺了，真是可惜。。。這是從某個網站看到的烏雲文章，爬取儲存下來以作學習使用建立一個資料夾wooyun，把下面的程式碼儲存到一個檔案如test.py，放在該檔案裡面 # -*- coding: utf-8 -*- im

平時寫日誌基本都是用markdown了，真的非常喜歡這種風格。同時，pdf也是我們常用的一種文字儲存方式，所以我需要用到markdown轉換成pdf。經過篩選，決定了使用Pandoc這個工具。接下來就介紹一下如何使用這個工具吧。一、Pandoc及其依賴的安裝

1、從canvas中直接提取圖片元資料 // 圖片匯出為 png 格式 var type = 'png'; var imgData = canvas.toDataURL(type); 上面的程式碼得到的資料格式為：data:image/p

有時候不知道為什麼，有些人總會想要把看到的各種東西弄成其他格式。這完全是句廢話，寫這句廢話是因為我突發奇想來到久違的網咖上網，腦子暫時還有點混亂。我來網咖是為了解決一點個人問題，現在問題解決完了或者無法解決了，無聊之中就只好來更新一下部落格了。現在腦子清醒過來，我知道，

在JPanel中繪圖，並利用ImageIO將JPanel儲存為圖片時，往往只儲存一個空白的JPanel，使用者所繪製的圖形往往不能正確儲存，查了很多資料說是要呼叫paintComponent方法而不是paint方法，但是這裡強調的事自由繪圖，而不是畫好圖然後呈現出來。下面

原因 chrom 如果選擇 spa 16px getpara 傳參就是背景：在今天工作過程中，打斷點調試跟進一段JS代碼執行情況，界面使用JQuery.open打開，Ok() 事件沒有對應的按鈕，前端網頁界面點擊按鈕，無法切入斷點語句。解決方法：使用debugge

GitHub：https://github.com/niklasvh/html2canvas 官網：https://html2canvas.hertzen.com html2canva.js：https://html2canvas.hertzen.com/dist/html2canvas.m