保存自己收藏的頁面為html文件，放在電腦的桌面上

語：有時(shí)候在電腦上網(wǎng)的時(shí)候看見自己喜歡的網(wǎng)站或特別的頁面，自己已經(jīng)點(diǎn)擊電腦屏幕上方的星號(hào)收藏這個(gè)頁面了，但有時(shí)候看收藏夾又被密密麻麻的內(nèi)容弄得頭昏眼花，這時(shí)，我的處理方法是把收藏的頁面導(dǎo)出來，新建文件夾分類整理好，這樣下次想看什么內(nèi)容就不用只看收藏夾里小小的字，而是在文件夾中能夠清楚的，按照自己的習(xí)慣，分好類別的，整潔的頁面了。下面是具體操作，根據(jù)提示的1、2、3······進(jìn)行操作，就可以了。

首先打開瀏覽器。找到自己喜歡的頁面，我打開了自己的收藏夾，找到自己喜歡的頁面。然后點(diǎn)擊文字跳轉(zhuǎn)到具體的那個(gè)喜歡的頁面。

然后點(diǎn)擊屏幕上方，瀏覽器的三個(gè)點(diǎn)“···”。

然后點(diǎn)擊“更多工具”。

然后點(diǎn)擊“將頁面另存為”。

選擇文件夾，把頁面保存下來。

最后打開電腦你保存文件在什么地方，就能在該地方找到保存的喜歡頁面，該頁面在文件夾里保存的形式為“html”文件。

篇文章主要介紹了vscode 中保存后html自動(dòng)格式化的問題,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

最近幾天更新了 vsCode 的版本，目前所用的版本號(hào)為：1.43。其實(shí)每次更新 vsCode 版本號(hào)并沒有感受到有什么明顯的變化，只是日常順手更新而已。而這一次 vsCode 真的是幫了我一個(gè)“大忙”。眾所周知我們寫 html 頁面經(jīng)常會(huì)在元素上綁定很多屬性或者是事件什么的，如果不換行就比較難看，所以我的日常做法是每個(gè)屬性單獨(dú)一行，就像這樣：

<nz-pagination
[nzPageIndex]="2"
[nzTotal]="500"
nzShowSizeChanger
nzShowQuickJumper></nz-pagination>

可是這次更新后我只要保存html就會(huì)自動(dòng)格式化，而且是將所有屬性全都移到了一行，就像是這樣：

<label (click)="changeItem('code')" [ngClass]="{'active': activeItem == 'code'}">Hello World</label>

一開始我是容忍的，可是隨著一個(gè)元素上綁定的屬性越來越多我真的崩潰了。我以為是裝的某個(gè)插件搞得鬼，可是我找了一遍，安裝的插件里好像也沒有明確是針對(duì)html進(jìn)行格式化的。于是我一易怒之前將我的26個(gè)插件全都刪除了！可是問題并沒有解決。于是我將焦點(diǎn)集中到了vscode自帶插件上面，原來上次版本更新后vsCode自動(dòng)在這個(gè)選項(xiàng)上給我打了個(gè)勾。。。

希望大家以后遇到這類問題先查看一下這個(gè)地方，免得和我一樣。不說了，裝插件去了。。。總結(jié) 到此這篇關(guān)于解決vscode 中保存后html自動(dòng)格式化的問題的文章就介紹到這

原文來自：https://www.linuxprobe.com/?p=175310

兩天有個(gè)客戶需要把網(wǎng)頁轉(zhuǎn)為pdf，之前也沒開發(fā)過類似的工具，就在百度搜索了一波，主要有下面三種

在線轉(zhuǎn)pdf
使用瀏覽器打印功能轉(zhuǎn)pdf
使用本地軟件工具轉(zhuǎn)pdf

在線轉(zhuǎn)pdf

在百度（我一般用必應(yīng)）搜索“在線網(wǎng)頁轉(zhuǎn)pdf”就有很多可以做這個(gè)事的網(wǎng)站，免費(fèi)的如

PDF24Tools

各種pdf的操作都有，免費(fèi)使用，速度一般。

官網(wǎng)地址https://tools.pdf24.org/zh

PDF24 Tools

doctron

開源免費(fèi)項(xiàng)目，使用golang寫的，提供在線轉(zhuǎn)

官網(wǎng)地址http://doctron.lampnick.com/

doctron在線體驗(yàn)demo

還有挺多其他的，可以自己搜索，但是都不符合我的預(yù)期。

使用瀏覽器打印功能轉(zhuǎn)pdf

在瀏覽器右鍵，點(diǎn)擊打印或者ctrl+p
在彈出的打印對(duì)話框中找到目標(biāo)打印機(jī)選擇“另存為PDF”
點(diǎn)擊“保存”按鈕即可下載pdf了

使用本地軟件工具轉(zhuǎn)pdf

Doctron，這是我今天要介紹的重頭戲。

Doctron是基于Docker、無狀態(tài)、簡單、快速、高質(zhì)量的文檔轉(zhuǎn)換服務(wù)。目前支持將html轉(zhuǎn)為pdf、圖片(使用chrome(Chromium)瀏覽器內(nèi)核，保證轉(zhuǎn)換質(zhì)量)。支持PDF添加水印。

使用chrome內(nèi)核保證高質(zhì)量將HTML轉(zhuǎn)為pdf/圖片。
簡易部署(提供docker鏡像,Dockerfile以及k8s yaml配置文件)。支持豐富的轉(zhuǎn)換參數(shù)。轉(zhuǎn)為pdf和圖片支持自定義大小。
無狀態(tài)服務(wù)支持。

管他的，先把代碼下載下來再說

git clone https://gitcode.net/mirrors/lampnick/doctron.git

倉庫

運(yùn)行

go build
./doctron --config conf/default.yaml

運(yùn)行截圖

轉(zhuǎn)pdf，訪問http://127.0.0.1:8080/convert/html2pdf?u=doctron&p=lampnick&url=<url>，更換鏈接中的url為你需要轉(zhuǎn)換的url即可。

轉(zhuǎn)換效果

然后就可以寫程序去批量轉(zhuǎn)換需要的網(wǎng)頁了，但是我需要轉(zhuǎn)換的網(wǎng)頁有兩個(gè)需求

1、網(wǎng)站需要會(huì)員登錄，不然只能看得到一部分

2、需要把網(wǎng)站的頭和尾去掉的

這就為難我了，不會(huì)go語言啊，硬著頭皮搞了，肯定有個(gè)地方打開這個(gè)url的，就去代碼慢慢找，慢慢調(diào)試，功夫不負(fù)有心人，終于找到調(diào)用的地方了。

第一步：添加網(wǎng)站用戶登錄cookie

添加cookie之前

添加cookie之后

第二步：去掉網(wǎng)站頭尾

chromedp.Evaluate(`$('.header').css("display" , "none");
		$('.btn-group').css("display" , "none");
		$('.container .container:first').css("display" , "none");
		$('.breadcrumb').css("display" , "none");
		$('.footer').css("display" , "none")`, &ins.buf),

打開網(wǎng)頁后執(zhí)行js代碼把頭尾隱藏掉

第三步：程序化，批量自動(dòng)生成pdf

public static void createPDF(String folder , String cl ,  String pdfFile, String urlhref) {
        try {
            String fileName = pdfFile.replace("/", ":");
            String filePath = folder + fileName;
            File srcFile = new File(filePath);
            File newFolder = new File("/Volumes/disk2/myproject" + File.separator + cl);
            File destFile = new File(newFolder, fileName);
            if(destFile.exists()){
                return;
            }
            if(srcFile.exists()){
                //移動(dòng)到對(duì)應(yīng)目錄
                if(!newFolder.exists()){
                    newFolder.mkdirs();
                }
                FileUtils.moveFile(srcFile , destFile);
                return;
            }
            if(!newFolder.exists()){
                newFolder.mkdirs();
            }
            String url = "http://127.0.0.1:8888/convert/html2pdf?u=doctron&p=lampnick&url="+urlhref;
            HttpEntity<String> entity = new HttpEntity<String>(null, null);
            RestTemplate restTemplate = new RestTemplate();
            ResponseEntity<byte[]> bytes = restTemplate.exchange(url, HttpMethod.GET, entity, byte[].class);
            if (bytes.getBody().length <= 100) {
                if(urlList.containsKey(urlhref)){
                    Integer failCount = urlList.get(urlhref);
                    if(failCount > 3){
                        System.out.println("下載失敗：" + cl + " / " + pdfFile +"  " + urlhref);
                        return;
                    }
                    failCount++;
                    urlList.put(urlhref , failCount);
                }else{
                    urlList.put(urlhref , 1);
                }

                createPDF(folder , cl ,  pdfFile , urlhref);
            }else{
                if (!destFile.exists()) {
                    try {
                        destFile.createNewFile();
                    } catch (Exception e) {
                        e.printStackTrace();
                    }
                }
                try (FileOutputStream out = new FileOutputStream(destFile);) {
                    out.write(bytes.getBody(), 0, bytes.getBody().length);
                    out.flush();
                } catch (Exception e) {
                    e.printStackTrace();
                }
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

最終成果：

文件夾分類存放

pdf文件

在線咨詢

上一篇：網(wǎng)站維護(hù)需要做什么？做好網(wǎng)站維護(hù)需要具備哪些知識(shí)
下一篇：程序員表白必備， html5畫愛心+表白，附源碼

您的項(xiàng)目需求

*請認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。

整合營銷服務(wù)商

保存自己收藏的頁面為html文件，放在電腦的桌面上

在線轉(zhuǎn)pdf

使用瀏覽器打印功能轉(zhuǎn)pdf

使用本地軟件工具轉(zhuǎn)pdf

您的項(xiàng)目需求