網頁下載下來使用,在日常工作中使用頻率還是很高的,有時候確實能解一時之急,我自己就有很窘迫的經歷。
我開會的時候,都會把準備好的文檔存在局域網,到會議室直接打開就能直接用了。有一次到分公司,由于分公司剛剛成立,內網還沒有和母公司連通。結果這下子懵逼了,上不去內網,看不到文檔。又是叫同事發過來,又是提發送文件的安全申請,讓人著急。
如果把網站保存下來,放在自己的電腦中,既不用擔心信息泄露問題,又不用為了看不了文檔而著急。
遇到問題,記錄下來,然后解決問題,程序員的解決思路永遠是自己創造輪子的,接下來就是不斷的探索解決方案。
其實下載網頁的方式有很多種,其中有幾種辦法使用的比較多,例如:如果你用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 和視頻都是下載不了的。但是也有解決辦法,那就是另外一個領域的事情了,以后有機會說給大家聽。
如果這篇文章對您或者您的朋友有幫助,感謝您關注,轉發。
TML模板網站是提供免費或付費網站模板下載的在線平臺。這些模板設計精美、功能齊全,可幫助用戶快速搭建自己的網站。在這個數字化時代,網站已成為企業、個人展示和推廣的重要工具之一。
在過去,搭建一個網站需要具備一定的編程知識和技術能力。但隨著HTML模板網站的出現,普通用戶也能夠通過簡單的操作完成網站的搭建。這些模板已經預設了布局、顏色、字體等設計元素,用戶只需要根據自己的需求進行修改和添加內容,就能夠快速創建出一個專業而獨特的網站。
HTML模板網站通常有以下特點:
1. 多樣化的模板選擇:HTML模板網站提供了各種各樣的網站模板,涵蓋了各個領域和行業。用戶可以根據自己的需求選擇適合的模板,如企業官網、個人博客、在線商店等。
2. 設計精美:這些模板經過專業的設計師精心設計,具有美觀大方的外觀、清晰明了的布局以及合理的信息組織,能夠吸引用戶的眼球并提供良好的用戶體驗。
3. 簡單易用:HTML模板網站的使用非常簡便,只需要用戶進行一些基本的設置和修改即可完成網站的搭建。一般來說,網站模板會提供詳細的使用說明和教程,幫助用戶快速上手。
4. 兼容性強:這些模板通常采用HTML、CSS、JavaScript等標準的前端技術開發,具有良好的兼容性,可以在各種瀏覽器和設備上正常顯示和運行。
5. 可定制性:雖然模板已經預設了一些設計元素,但用戶仍然可以根據自己的需求進行修改和定制。通過修改文字、圖片、顏色等元素,用戶可以使得網站更符合自己的風格和品牌形象。
6. 多種擴展功能:HTML模板網站通常會提供一些額外的功能組件或插件,用戶可以根據自己的需求添加到網站中,如圖庫、社交媒體分享、滑動幻燈片等。
盡管HTML模板網站為用戶提供了快速建站的解決方案,但也存在一些挑戰和限制。
首先是模板的通用性。由于這些模板需要適應不同行業和領域的需求,因此有些功能可能無法滿足特定的要求。此時,用戶可能需要自己進行一些編程定制或者尋找專業的開發人員來滿足特定的需求。
其次是個性化和差異性。盡管模板提供了一些定制的選項,但仍然有可能在大量網站中找到相似的設計元素。這就需要用戶通過自己的努力和創造力,不斷地優化網站,使其與眾不同。
此外,還需要注意模板的版權問題。雖然我們可以從HTML模板網站中下載并使用這些模板,但有些模板可能有版權保護,或者在模板使用時需要滿足特定的使用條件。用戶在下載和使用模板時要注意相關的版權規定,避免違反法律法規。
綜上所述,HTML模板網站是一個方便快捷的工具,可幫助用戶快速建立個性化的網站。但在使用模板的過程中,用戶仍然需要不斷優化和改進,以確保網站具有獨特性和個性化。
因此,對于想要搭建一個個性化、具有專業性的網站的用戶來說,HTML模板網站是一個不錯的選擇。通過選擇適合自己需求的模板,并進行適度的定制與優化,用戶可以快速搭建一個美觀、實用的網站,提高企業形象和個人品牌。
面我推薦幾款工具
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 工具是一款可以將 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文件轉換為可執行文件的工具。您可以使用它來制作獨立的網頁應用程序或演示文稿。要使用HTML Compiler工具,您需要按照以下步驟操作:
1. 下載并安裝HTML Compiler2021直裝版,或者從官網下載最新版本。
2. 打開HTML Compiler,選擇“新建項目”或“打開項目”,并選擇您要編譯的HTML文件或文件夾。
3. 在項目設置中,您可以修改應用程序的名稱、圖標、版本、版權等信息,以及選擇編譯選項和輸出路徑。
4. 點擊“編譯”按鈕,等待編譯完成,您就可以在輸出路徑中找到生成的可執行文件了。
這是關于html compiler直裝版的詳細教程HTML Compiler2021直裝版 附安裝教程及特點 - 嗶哩嗶哩
如果您只是想編輯和運行HTML文件,而不需要編譯成可執行文件,您可以使用其他的HTML編輯器,例如VS Code、HBuilderX、Online HTML Editor等。這些編輯器都提供了語法高亮、代碼提示、實時預覽等功能,可以幫助您快速編寫和測試HTML代碼。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。