整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          把HTML網頁下載為單文件,可離線訪問

          網頁下載下來使用,在日常工作中使用頻率還是很高的,有時候確實能解一時之急,我自己就有很窘迫的經歷。

          我開會的時候,都會把準備好的文檔存在局域網,到會議室直接打開就能直接用了。有一次到分公司,由于分公司剛剛成立,內網還沒有和母公司連通。結果這下子懵逼了,上不去內網,看不到文檔。又是叫同事發過來,又是提發送文件的安全申請,讓人著急。

          如果把網站保存下來,放在自己的電腦中,既不用擔心信息泄露問題,又不用為了看不了文檔而著急。

          遇到問題,記錄下來,然后解決問題,程序員的解決思路永遠是自己創造輪子的,接下來就是不斷的探索解決方案。

          其實下載網頁的方式有很多種,其中有幾種辦法使用的比較多,例如:如果你用Chrome,直接按 Ctrl+s 就可實現。使用這種方法,Chrome會把整個網站,按照編譯完成的源碼目錄結構保存下來。像下面這樣:

          下載完成的文件直接點擊 xxx.html 可以直接離線訪問,但是這種方式對目錄的依賴結構比較高,怎么理解呢?就是 html 文件和對應文件名的文件夾必須在同一個目錄中,才能正常使用。拷貝到其他機器的時候必須要兩個同時拷貝才可以,否則就會排版錯亂。

          如果有十個或者更多的網頁需要拷貝或者刪除,就會很麻煩,例如我想在其中找到其中幾個,復制到其他地方,很容易弄錯順序。

          HTML 是一種純文本格式,它用于排版文字。純文本文檔的意思就是,文檔中只包含文字內容,不包含二進制內容,舉個例子:打印出的A4紙,只有文字沒有圖片。而 HTML 想要顯示照片等二進制信息,通常都會鏈接到其他文件,也就是上面文件夾里面的內容。

          不過 Chrome 下載文件這種方式也有優點,下載下來的文件可以保持獨立性,比如說,我需要這個網頁中的一張圖片,那么就可以直接到文件夾里面尋找了。

          另外還有一種辦法,也有很多人再使用。Chrome 在打印網頁的時候,會把網頁轉成 PDF ,然后在進行打印。那么就給我們提供了很明確的思路,把網頁直接保存為 PDF ,這樣保存下來的網頁就只有一個文件。

          使用Chrome,直接按下Ctrl+p就可以。然后目標打印機選擇 另存為 PDF 。

          這個功能很多瀏覽器都支持

          但是這種辦法也有很明顯的缺點,由于 PDF 是靜態文檔,網頁上的一些動畫可能不會正常顯示,而且排版也有可能會錯亂,這完全靠運氣。個人覺得這不是一種很靠譜的方法。

          這時候主角來了!有一個工具既可以把網頁保存為 html 又可以保持是單文件。他就是 monolith ,你可以在 github 上面找到它,但是源碼并沒有編譯為可執行文件,我把它編譯了一下,下面會放上來鏈接,https://github.com/leconio/Repos/raw/master/monolith.7z。

          那么下面就簡單說說使用方法:如果你下載我的鏈接,那么里面有三個文件:

          第一個是Mac平臺編譯出來的,使用方式為:

          ./monolith 網站地址 > xxx.html
          

          默認情況下 monolith 會把生成的 html 輸出到標準輸出流,也就是當前終端。使用 > 我們把輸出的內容重定向并覆蓋到文件。

          執行完成之后,在這個目錄下面就會有一個對應的文件:xxx.html 。

          另外兩個是 Windows 平臺使用的。為了簡化使用,我寫了一個 CMD 腳本。直接點擊 monolith.cmd ,然后粘貼地址就可以完成下載。

          下載完成之后,在本地你會發現只有一個 html 文件。我們打開之后,發現圖片和JS等信息都在,而且排版正常。那么就要思考了,我們之前說過,HTML 是放置純文本信息的,那么圖片在哪里呢?

          答案顯而易見,就在 HTML 文件里面。為了方便小圖片傳輸,有一種叫 Base64 的東西,它可以把二進制信息變成成純文本。這在使用 Json 傳遞數據的今天十分常見,它可以減少一次請求(題外話),這里就是用的這個原理。monolith 把圖片等二進制內容轉為了純文本,保存在 HTML 文件中。我們在下載的文件源碼可以看到:

          對比源代碼,src 信息已經變成了 base64 格式的圖片,就是那串亂碼。復制那串亂碼,從網上搜一個 base64 轉圖片工具,粘貼進去,這時會發現就是我們看到的那張圖片。這樣一來,無論這個網站上有多少個文件,都會保存到一個 HTML 文件里面,而且還能離線使用。

          當然,base64 編碼的圖片比原生圖片略大,這可能也是你現在在擔心的問題。不過 monolith 會特殊處理文件體積。我們可以看看 Chrome 直接下載和使用 monolith 下載體積相差多少。我們把兩種方式下載的網頁都進行了 7-Zip 壓縮。

          我們可以看到,使用 monolith 下載會比 Chrome 直接下載小一倍還多!

          最后要說的是局限性,無論那種方法,都幾乎不能把視頻網站中的視頻下載下來。因為現在的視頻地址都是 Token 加密的,同理,使用 Token 加密的其他請求信息也無法下載。

          比如你可以試試下載其他網站的首頁,Logo 和視頻都是下載不了的。但是也有解決辦法,那就是另外一個領域的事情了,以后有機會說給大家聽。

          如果這篇文章對您或者您的朋友有幫助,感謝您關注,轉發。

          們在搜索資料的時候會看到一些非常有用的資料,但往往這些資料都是付費資料。只能看一部分,不能直接復制下來。如果要直接下載,那只能付費下載。今天就教大家一個方法,可以免費復制付費文檔資料。一分鐘學會,看懂能讓你少花很多錢。這個小技巧建議大家收藏,以免找不到。下面大家跟著我一步步做吧!

          如何免費復制付費文檔資料

          這里我們以谷歌瀏覽器為例來進行手把手的操作:

          首先我們打開某度文檔,在里面搜索到了一篇文章,文檔顯示需要VIP專享才可以下載。在這里如果我們直接復制這里的文字,就是彈出一個對話框,顯示文檔復制為VIP權益,開通VIP可繼續復制。

          彈出的vip窗口

          重點來了,我們在頁面的空白處點擊右鍵,并打開檢查選項。這檢查功能太重要了,里面我們可以看到該網頁的源代碼。這個一般是前端開發人員經常用到的功能,不僅可以調試各種樣式參數,還可以看數據傳遞性能。

          檢查選項

          我們找到設置按鈕(如下圖的紅色圈標注的地方),對頁面的首選項(preferences)進行設置。

          設置按鈕

          下拉找到調試程序(Debugger)選項,將禁用Javascript(Disable Javascript)進行勾選。

          勾選禁止JavaScript按鈕

          不要關閉檢查窗口,我們發現原來我們打開的頁面文章選中后已經可以復制了。大功告成。是不是很簡單。大家學會了嗎?

          大功告成

          這個免費復制的原理就是禁用網頁的頁面Javascript代碼。缺點也是非常明顯,就是不能直接復制圖片或者特殊文字代碼等。所以,如果大家需要完整的文檔最好還是付費購買吧。

          應該注意的情況:

          1.如果用這個辦法不能復制,可能就是原來資料本身就是不可編輯的資料,比如別人就是以圖片形式上傳的資料。
          2.尊重別人的勞動成果,不可將別人的資料直接應用到自己的作品中。只可用于個人學習之用。
          3.由于平臺打擊各種第三方工具下載,以前的很多工具(網站)已經失效,如果有購買的需謹慎。

          注:我是秦韻莞香,和你聊聊日常的數碼科技、互聯網趣聞,每天一更,歡迎關注。原創文章,未經授權不得轉載,侵權必究。

          面我推薦幾款工具

          HTML App Build

          HTML App Build 工具是一款可以將 HTML 網頁轉換為 EXE 可執行文件的軟件。它可以讓您使用 HTML、JavaScript 和 CSS 等網頁技術開發跨平臺的移動應用

          使用 HTML App Build 工具的步驟如下:

          1. 在您的電腦上安裝 HTML App Build 工具

          2. 打開 HTML App Build 工具,選擇“文件”-> “新建”->“項目”,輸入項目名稱和保存路徑,選擇“5+ App”模板。

          3. 編寫您的 HTML、JavaScript 和 CSS 代碼,或者使用 HBuilderX 內置的 HTML5+ API 和 MUI 框架來快速開發移動應用。

          4. 在 HTML App Build 工具中選擇“運行”-> “運行到手機或模擬器”,查看您的應用在真機或模擬器上的效果。

          5. 在 HTML App Build 工具中選擇“云打包”-> “打包設置”,設置應用的圖標、名稱、版本號等信息,然后選擇“開始云打包”。

          6. 等待云打包完成后,下載應用的 EXE 文件,或者掃描二維碼在手機上安裝應用。

          HEX

          HEX 工具是一款可以將 HTML 網頁轉換為 EXE 或 APP 的軟件。它可以讓您使用 HTML等網頁技術開發桌面或移動應用。


          使用 HEX 工具將 HTML 變為 EXE 或 APP 的步驟如下:

          1. 在您的電腦上安裝 HEX 工具。

          2.打開HEX 工具,選擇“新建項目”,輸入項目名稱和保存路徑,選擇“HTML”模式。

          3.編寫您的 HTML ,JavaScript 和 CSS 代碼,或者使用現有的 HTML 網頁文件。

          4.在HEX 工具中選擇“發布項目”,設置您的應用的圖標、名稱、版本號等信息,然后選擇“生成 EXE”或“生成 APP”。

          5.等待生成完成后,您就可以得到您的應用的 EXE 或 APP 文件,可以在電腦或手機上運行。

          這是詳細的使用過程:HTML杞? EXE錛寃eb欏圭洰鎵撳寘 exe鐨勮В鍐蟲柟妗堬紙1錛夛細HEX - 鐭ヤ箮

          HTML Compiler

          HTML Compiler是一款可以將HTML文件轉換為可執行文件的工具。您可以使用它來制作獨立的網頁應用程序或演示文稿。要使用HTML Compiler工具,您需要按照以下步驟操作:

          1. 下載并安裝HTML Compiler2021直裝版,或者從官網下載最新版本。

          2. 打開HTML Compiler,選擇“新建項目”或“打開項目”,并選擇您要編譯的HTML文件或文件夾。

          3. 在項目設置中,您可以修改應用程序的名稱、圖標、版本、版權等信息,以及選擇編譯選項和輸出路徑。

          4. 點擊“編譯”按鈕,等待編譯完成,您就可以在輸出路徑中找到生成的可執行文件了。

          這是關于html compiler直裝版的詳細教程HTML Compiler2021直裝版 附安裝教程及特點 - 嗶哩嗶哩

          如果您只是想編輯和運行HTML文件,而不需要編譯成可執行文件,您可以使用其他的HTML編輯器,例如VS Code、HBuilderX、Online HTML Editor等。這些編輯器都提供了語法高亮、代碼提示、實時預覽等功能,可以幫助您快速編寫和測試HTML代碼。


          主站蜘蛛池模板: 国产在线精品一区二区高清不卡| 亚洲一区电影在线观看| 波多野结衣中文一区| 麻豆va一区二区三区久久浪| 亚洲av成人一区二区三区| 亚洲一区二区三区高清在线观看| 污污内射在线观看一区二区少妇| 麻豆aⅴ精品无码一区二区| 午夜天堂一区人妻| 午夜一区二区免费视频| 精品国产免费一区二区三区| 人妻无码一区二区不卡无码av| 成人免费视频一区二区三区| 一区二区三区视频免费观看| 亚洲福利视频一区| 一区二区三区四区无限乱码| 无码人妻久久久一区二区三区| 天堂Av无码Av一区二区三区| 国产乱码伦精品一区二区三区麻豆| 国产综合一区二区| 日韩有码一区二区| 日韩精品中文字幕视频一区| 日本内射精品一区二区视频| 亚洲成av人片一区二区三区| 一区二区传媒有限公司| 国产激情无码一区二区| 国产观看精品一区二区三区| 精品国产一区二区三区www| 久久国产精品无码一区二区三区| 国产人妖在线观看一区二区| 国产成人亚洲综合一区| 亚洲一区二区三区91| 无码精品黑人一区二区三区| 秋霞午夜一区二区| 国模少妇一区二区三区| 亚洲爽爽一区二区三区| 精品人体无码一区二区三区| 无码AⅤ精品一区二区三区| 精品一区二区三区视频| 亚洲av无码天堂一区二区三区| 国产日韩视频一区|