<-- IE錯誤修正 --> HtmlWasher 網頁程式碼清理工具,快速去除雜亂代碼保留基本標籤 - RiS社群 | FileMaker 中小企業應用



快速發表主題
返回   RiS社群 | FileMaker 中小企業應用 > 交流平台 / 老少咸宜 (General forums) > 創意新點子 + 遇(預)見新未來 + IT 新知/技術 (Future) > 精選好用APP等相關網站資源 (Website Reviews)

精選好用APP等相關網站資源 (Website Reviews) 本區除了同步注入"免費資源網路社群 "最新資訊外,也不定時將一些提供更多值得關注的App或網站介紹,盡量滿足男女老少們喜愛!


FileMaker 教學 FileMaker 14 教學課程 FileMaker 教學
FileMaker 課程(僅接受公司/單位或1對1專屬教學

輕鬆學會FileMaker
帶你認識FileMaker

FileMaker俱樂部 加入FileMaker獲取官方資訊 FileMaker俱樂部
FileMaker俱樂部

回覆
 
LinkBack 主題工具 顯示模式
  #1 (permalink)  
舊 2017-12-03
進階會員
 
註冊日期: 2008-08-09
住址: 台灣/台北
文章: 5,660
燈泡 HtmlWasher 網頁程式碼清理工具,快速去除雜亂代碼保留基本標籤

Click the image to open in full size.(Copyright: photovibes / 123RF Stock Photo)若你有接手編輯過他人網頁,或是複製其他頁面版型的經驗,應該會發現最困難的往往不是編輯網站,而是將現有的程式碼整理乾淨,讓它能夠格式化,呈現出一致的效果。尤其對於一些較為複雜的頁面,可能經過許多人無數次編輯後已經有些四不像,這時候就必須將不必要的部份代碼刪除,只留下最基本的部分,而這些過程大部分都是手動進行,不但很耗費時間心力,而且很可能因為修改錯誤而讓整個頁面跑掉。



本文要介紹的「HtmlWasher」是一款網頁程式碼清理工具,屬於比較少見的服務,這款免費工具可以自動將網頁中雜亂、無用的部分代碼清除,僅保留下最基本的標籤,只要一個按鍵就能快速完成!HtmlWasher 可直接複製、貼上程式碼來進行清理,或是上傳 HTML 檔案,完全不用額外下載軟體,非常好用。

Click the image to open in full size.

更確切地介紹,HtmlWasher 會修復或刪除錯誤、不正確格式的標籤及屬性(例如圖片缺少 alt 屬性時加入),將標籤轉為 HTML5(如果是 XHTML),支援清理的標籤包括:

<a href>, ,
, <h1>, , <h3>, <h4>, <h5>, <h6>, , , , <i>, <img src width height alt>, , <ol>, , , <strong>, , , , , , , <ul>

亦能將 <b> 取代為 <strong>,重新格式化 HTML,包括換行符號或縮排等等。

網站名稱:HtmlWasher
網站鏈結:https://www.htmlwasher.com/

<h2>使用教學


STEP 1

開啟 HtmlWasher 網站後,可以看到 Html cleanup tool ,雖然說是清理,不過可以把它想像成是格式化工具,使用方法非常簡單,只要把網頁原始碼直接複製、貼上然後點擊右下角的「Wash」即可進行。

Click the image to open in full size.

另一個方法是上傳要清理、格式化的網頁檔案(Html 格式),點擊「Select a File」選取檔案、上傳一樣可以透過這個免費工具來快速進行,大幅縮短節省時間。

Click the image to open in full size.

STEP 2

HtmlWasher 會即時完成程式碼格式化,將不必要、錯誤或雜亂的標籤刪除,例如:將 bla bla

 丟進去 HtmlWasher 整理後會轉為 bla bla

,直接將格式或其他標籤刪掉看起來就變得乾淨許多吧!

如果你想編輯網頁程式碼,可以考慮先透過這個工具來進行初步編輯,或許能讓你的工作流程更省順暢、更得心應手。

Click the image to open in full size.

值得一試的三個理由:
  1. 一鍵快速清理 HTML 程式碼,將無用或錯誤屬性去除
  2. 直接複製貼上即可使用,亦支援上傳 HTML 網頁檔
  3. 自動修正舊語法,可處理換行符號或縮排
喜歡 HtmlWasher 網頁程式碼清理工具,快速去除雜亂代碼保留基本標籤 嗎?歡迎將免費資源網路社群加入書籤,以 FacebookTwitterGoogle+ 追蹤更新,獲取更多科技新知及免費資源相關介紹教學。

Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size.


來源...

回覆時引用此篇文章
回覆

主題工具
顯示模式

發表文章規則
不允許您發表新主題
不允許您發表文章
不允許您上傳附件
不允許您編輯自已的文章

開啟 BB 代碼
關閉 HTML 程式碼
Trackbacks are 關閉
Pingbacks are 關閉
Refbacks are 開啟



所有時間均為 +8。現在的時間是 01:56 PM
Powered by vBulletin® 版本 3.7.2
版權所有 ©2000 - 2018,Jelsoft Enterprises Ltd.
Advertisement System V2.6 By   Branden
RiS 社群 ( 感謝正洋資訊顧問有限公司技術指導 ) - 使用3.7.2永久合法版權。
Ad Management by RedTyger



Content Relevant URLs by vBSEO 3.6.0 PL2