<big id="n3dbt"><strong id="n3dbt"></strong></big>
      1. <small id="n3dbt"><delect id="n3dbt"></delect></small>

        <thead id="n3dbt"><ruby id="n3dbt"><rp id="n3dbt"></rp></ruby></thead>
        <th id="n3dbt"></th>
        <span id="n3dbt"></span><span id="n3dbt"></span><span id="n3dbt"></span><strike id="n3dbt"></strike>

        建站百科Website News

        當前位置:首頁 »網站優化建設firefox小工具(一)

        網站優化建設firefox小工具(一)

        至成科技 2015-02-05 訪問量(1328) 評論(0)
        摘要:

         我們將在本文中介紹一些關于頁面構建常用的一些小工具,大部分是基于firefox的插件,通過這些小工具可以讓我們在頁面構建中事半功倍.

           一、頁面構建必備工具 — Firebug

        11個網站優化建設firefox小工具介紹,互聯網的一些事

          相信每個頁面構建的同學都有這個工具吧?如果沒有的話,你趕緊安裝(點擊此處安裝 ),Firebug就像它的名字一樣,幫你找到蟲子,燒掉它!同時有一些firefox的頁面調試工具也是基于Firebug的,比如Yslow , CSS Usage

           二、網頁測量利器– MeasureIt

        11個網站優化建設firefox小工具介紹,互聯網的一些事

          當我們拿到一個設計稿,寫完基本的結構后,我們的測量工具可能就開始了,那些間距\高度\寬度\對齊,就需要一把好尺子來協助我們了,這里我像大家推薦 MeasureIt Firefox點擊安裝 ,通過這把尺子,我們就能很方便的進行一些測量對齊工作,但是這個工具的缺陷是由于那個尺子的邊框,我們不容易達到像素級的標準,那我們就需要下面將要介紹的工具 Pixel perfect

           三、實時顏色選取工具–Colorzilla

        11個網站優化建設firefox小工具介紹,互聯網的一些事

          將版式調整好后的任務應該就是處理顏色方面的問題,通常我們會將其放到ps等圖片編輯軟件中來查看相應的色值,如果有了Colorzilla,我們就能更直觀的使用顏色,特別是有時候我們用文本編輯軟件編寫CSS色值的時候,我們甚至可以將設計稿直接拖到瀏覽器里面直接去想要位置的顏色,而且支持RGB,RGBa,HSL,十六進制,可以直接復制。同時這個軟件還提供了色板和漸變生成工具 。點擊此處立刻體驗

           四、檢查網頁的相關信息–Web Developer

        11個網站優化建設firefox小工具介紹,互聯網的一些事

          一個頁面相關信息的集大成者,任何關于網頁前端的信息你都能從里面找到,我們可以很方便的查看網頁的大綱、無CSS,查看DOM節點等。只要你想,基本都有了。

           五、讓你的CSS更瘦一些 — CSS usage

        11個網站優化建設firefox小工具介紹,互聯網的一些事

          隨著產品經理一遍遍的調整產品,你是不是也感覺你的css文件慢慢變胖,但是又不敢輕易刪掉一些樣式,因為你不知道它們是不是被用到過,那就讓下面的CSSUsage 來幫你。

          通過檢查class名稱使用情況,來查看頁面中的CSS信息,從而方便開發者優化CSS樣式表。

        11個網站優化建設firefox小工具介紹,互聯網的一些事

          可顯示4類信息

          Seen css中當頁所使用的class

          Seen before 此class曾經出現在此網站的其他網頁,當然是在已經瀏覽過其他網頁的情況下

          Unseen css中的class,此頁面并未使用過

          :hover 偽類信息

          我們以前曾稍微深入的探討,請移步至CSS減肥工具 — CSS Usage

          六、網頁評級工具–Yslow

        11個網站優化建設firefox小工具介紹,互聯網的一些事

          Yslow是基于firebug的一個網頁評級工具,它根據Yahoo用戶體驗部門訂制的34條可能對網頁前段表現產生影響的規則,這些規則中有23條可以通過這個工具來測試.即使我們不使用這個工具,了解這些規則也是很不錯的.

          1、減少Http請求

          2、使用CDN

          3、避免使用空 SRC 或者 href

          4、Add an Expires or a Cache-Control Header

          5、壓縮組件

          6、將樣式文件放在頁面的上面

          7、將腳本文件放在頁面的下面

          8、禁止使用樣式表達式

          9、使用外鏈的css和js文件

          10、減少DNS查找

          11、減小CSS和JS文件

          12、避免使用重定向

          13、刪除重復內容

          14、Configure ETags

          15、是Ajax可以緩存

          16、使用Get方法來處理 Ajax請求Use GET for AJAX Requests

          17、減少DOM節點的數量

          18、不要有 404頁面

          19、減少 Cookie 文件的大小

          20、Use Cookie-Free Domains for Components

          21、避免使用濾鏡

          22、不要在HTML中重定義文件的大小

          23、favicon.ico 小而且可以被緩存

               以上內容由至成科技(西安網站建設)為您提供,更多精彩內容:http://www.vxdmg.com/


        網友評論

        登錄后可評論,請登錄

        全部評論:0條

        掃描左側二維碼
        關注至成微信公眾號

        西安至成信息科技有限公司  Copyright 2012-2019  xazcit.com  All rights reserved.

        Email:[email protected]     郵政編碼:710016     《中華人民共和國增值電信業務經營許可證》陜B1.B2-20140011     陜ICP備12008874號-1

        聯系地址:西安市經開區鳳城四路西安國際企業中心B座23層06-10室    售前咨詢熱線:029-89390727    售后服務電話:029-89393039

        西安網站建設、網站設計制作公司-至成科技,已為眾多企業提供網站建設網站制作響應式網站設計手機網站建設虛擬主機云主機服務器租用等建站解決方案。

        網絡警察 12321垃圾信息舉報 不良信息舉報 中國文明網 西安工商
        ×
        安徽25选5计划 秒速飞艇计划 7乐彩中奖规则 今天彩票开奖结果查绚 香港六彩一尾中特 万料堂波叔一波中特图 安徽十一选五今天预测 浙江体彩6+1玩法 国际象棋棋子木 福彩3的历史开奖号码 福建11选5走势图基本 3D组六六码遗漏2元网 网易彩票中奖如何领 湖北快三最新开奖 体彩排列三开奖结果带坐标走势图带连线走势图带连线图 上海快三走势图分布图