34U - 網頁寄存〡空間分銷〡免費網存

 找回密碼
 加入我們
搜索
查看: 581|回復: 0

網頁設計及網站優化的10個免費工具

[複製鏈接]

11

主題

1

好友

257

積分

註冊會員

Rank: 2

  • TA的每日心情
    難過
    2015-2-25 10:15
  • 簽到天數: 16 天

    [LV.4]偶爾看看III

    U金
    0 蚊
    講幣
    257 個
    精華
    0
    帖子
    25
    發表於 2015-1-26 13:59:34 |顯示全部樓層
    有了這些易用的工具,你就可以放心,訪問者看到的就是你想要展示的。我們已經收集了10個工具,必有一個滿足你的需求。
    1. CSS Validator
    提供到W3C CSS驗證器的易用連結,你可以通過右鍵的上下文功能表或者工具功能表來進行訪問。

    2. Firebug
    Firebug是一個功能齊全的調試器和編輯器,使用它你可以開發單頁面的HTML,JavaScript,CSS,DOM等等。你也可以使用其外掛程式來即時監控JavaScript,CSS和XML,找到其中可能出現的錯誤,並學會如何修正它們。作為每個設計師工具倉庫中的重要一員,Firebug越來越通用,甚至開始有了自己的外掛程式(如SitePoint的CodeBurner參考工具)。

    3. HTML Validator
    基於Tidy和OpenSP,HTML Validator對你訪問的頁面進行驗證並給出簡單的圖示提示(icon notification)。工具可以給你提供更多資訊,當你查看頁面的原始程式碼時,驗證錯誤將被高亮顯示。更棒的是,如果你不能找到錯誤所在,外掛程式會給你一些提示。

    4. Page Validator
    通過打開右鍵上下文功能表,或者從工具功能表中選擇“Validate Page”,Page Validator會開啟一個新的Tab頁面,顯示W3C線上驗證工具的驗證結果。

    5. RSS Validator
    通過右鍵上下文功能表或者選擇工具功能表項目,RSS Validator可以很容易的讓你檢查一個RSS源。它會將會帶到一個新的Tab頁面來查看結果和任何潛在的錯誤。

    6. Total Validator
    Total Validator通過一個便利的外掛程式提供給你大量的工具。流覽你想看的頁面,選擇”TV“圖示,可對各種版本的HTML進行驗證,拼寫檢查,螢幕截圖等等。

    7. validator.w3.org
    W3C(World Wide Web Consortium)是一個開發Web技術標準的團體,理所當然,他們會有一個驗證器來檢查你的HTML是否正確。被檢查的檔可以是線上的,也可以直接上傳,驗證器有多種格式來顯示驗證報告-附加建議的,概述形式的,附加建議的(重複的?),等等。如果你想檢查你的標籤,接觸一下規定標籤如何工作的同志們肯定不會錯的。

    8. jigsaw.w3.org
    W3C同時也提供了一個CSS驗證工具,它也可以檢查你的標籤找出潛在的錯誤和警告。同樣的,你有一些選項來設定不同的CSS場景(profile),指定樣式表為何種媒體創建,以及控制報告顯示哪些資訊。

    9. VirtualPromote.com
    VirtualPromote為開發者提供大量的工具來應對不同的任務,但對於前臺開發者來講,最重要的三項就是HTML,CSS和XML的驗證器。

    10. xhtml-css.com
    xhtml-css.com可以快速的流覽一個網站,來驗證HTML和CSS。其提供的服務包括列出所有錯誤以及你需要關注的可疑告警,以及關於問題性質的詳細描述。你也可以使用一些更高級的選項來設置HTML編碼,設置CSS的場景和適用的媒體。該網站還提供一個名叫BeValid的Firefox外掛程式,它可以更快的幫你驗證正在訪問的URL。

    後續:
    如果覺得不是很直觀,也可以申請壹個免費論壇,最好能自定義樣式的免費論壇,可以在線測試;
    如果不想去找,我這裏推薦壹個:http://www.moreforum.com/
    您需要登錄後才可以回帖 登錄 | 加入我們

    手機版|34U 論壇

    GMT+8, 2018-5-28 01:40 , Processed in 0.110688 second(s), 23 queries , Gzip On.

    Powered by Discuz! X2.5

    © 2001-2012 Comsenz Inc.

    回頂部