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

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

然后點擊屏幕上方，瀏覽器的三個點“···”。

然后點擊“更多工具”。

然后點擊“將頁面另存為”。

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

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

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

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

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

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

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

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

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

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

兩天有個客戶需要把網頁轉為pdf，之前也沒開發過類似的工具，就在百度搜索了一波，主要有下面三種

1. 在線轉pdf
2. 使用瀏覽器打印功能轉pdf
3. 使用本地軟件工具轉pdf

在線轉pdf

在百度（我一般用必應）搜索“在線網頁轉pdf”就有很多可以做這個事的網站，免費的如

• PDF24Tools

各種pdf的操作都有，免費使用，速度一般。

官網地址https://tools.pdf24.org/zh

• doctron

開源免費項目，使用golang寫的，提供在線轉

官網地址http://doctron.lampnick.com/

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

使用瀏覽器打印功能轉pdf

1. 在瀏覽器右鍵，點擊打印或者ctrl+p
2. 在彈出的打印對話框中找到目標打印機選擇“另存為PDF”
3. 點擊“保存”按鈕即可下載pdf了

使用本地軟件工具轉pdf

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

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

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

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

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

運行

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

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

然后就可以寫程序去批量轉換需要的網頁了，但是我需要轉換的網頁有兩個需求

1、網站需要會員登錄，不然只能看得到一部分

2、需要把網站的頭和尾去掉的

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

第一步：添加網站用戶登錄cookie

第二步：去掉網站頭尾

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),

打開網頁后執行js代碼把頭尾隱藏掉

第三步：程序化，批量自動生成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()){
                //移動到對應目錄
                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();
        }
    }

最終成果：