201601-22 瀏覽器緩存知識小結及應用 瀏覽器緩存,也就是客戶端緩存,既是網頁性能優化里面靜態資源相關優化的一大利器,也是無數web開發人員在工作過程不可避免的一大問題,所以在產品開發的時候我們總是想辦法避免緩存產生,而在產品發布之時又在想策略管理緩存提升網頁的訪問速度。了解瀏覽器的緩存命中原理,是開發web應用的基礎,本文著眼于此,學習瀏覽器緩存的相關知識,總結緩存避免和緩存管理的方法,結合具體的場景說明緩存的相關問題。希望能對有需要的人... 繼續閱讀 >
201512-07 瀏覽器 HTTP 緩存原理分析 推薦 以前項目中遇到了很多瀏覽器緩存相關的問題,也在網上查過資料,搞過服務器的配置,來確保客戶端加載服務器資源的速度和資源有效性。最近仔細看了下http協議中和緩存相關的一些屬性,總結一下。瀏覽器緩存原理文字版描述①瀏覽器第一次訪問服務器資源/index.html在瀏覽器中沒有緩存文件,直接向服務器發送請求。服務器返回 200OK,實體中返回index.html文件內容,并設置一個緩存過期時間,一個文件修改時間,一個根... 繼續閱讀 >
201508-26 瀏覽器可以有多快? React.js以高效的UI渲染著稱,其中一個很重要的原因是它維護了一個虛擬DOM,用戶可以直接在虛擬DOM上進行操作,React.js用diff算法得出需要對瀏覽器DOM進行的最小操作,這樣就避免了手動大量修改DOM的時候造成的性能損失。等等,明明是在中間加了一層,為什么結果反而變快了呢?React.js的核心思想是認為DOM操作是緩慢的,因此可以需要最小化DOM操作,以換取整體的性能提升。DOM操作慢是有目共睹的,而其... 繼續閱讀 >
201508-01 Edge瀏覽器能為微軟贏回Web開發者的心嗎? 最新的Windows10操作系統帶來了一個新的瀏覽器Edge,新的瀏覽器快速、穩定,而且長得也比之前的IE好看。但web開發者可能不會在意這些,它們在意的是,Edge對其站點支持和渲染情況如何。在過去十多年的時間里,web網頁世界一直在發生著轉變,IE曾經一統世界,但后來又被谷歌的Chrome趕超——因為Chrome更快也更可靠。通過Edge瀏覽器,微軟期望重新贏得開發者的心,而且也看得出來的確下了功夫。... 繼續閱讀 >
201507-31 32種谷歌瀏覽器插件,程序員的福音 對于網頁設計人員或網站開發者來說,更喜歡使用像FF的此類瀏覽器,原因是其具有強大的輔助插件,可以幫助網頁制作與開發提高效率,那么同樣對于GoogleCchrome瀏覽器來說也是具有大量的此類插件,本文收集了一些針對GoogleCchrome瀏覽器進行網頁制作開發的插件工具。可以有效提高網頁設計師或前端開發者的工作效率。無論是Firefox還是GoogleChrome,其強大的擴展都是吸引我們最大的原因之一。下面介紹的是網頁設計和... 繼續閱讀 >
201502-11 細數谷歌瀏覽器的 10 大隱藏技能 HOT 谷歌Chrome瀏覽器一直以速度、簡潔和安全為用戶所熟知。除此之外,Chrome的其他功能也非常強大,為了進一步提高工作效率,讓我們一一揭曉它的那些隱藏技能吧。同時登入多個賬戶用戶擁有多個谷歌賬戶(工作用或個人用)是很習以為常的事情,但是比較麻煩的是常常需要登出一個賬號再登入另外一個。但是使用Chrome瀏覽器的話,就無需擔心多賬號同時登陸的問題。當使用Gmail郵箱和谷歌硬盤等其他谷歌服務時,用戶能在多個賬... 繼續閱讀 >
201501-23 微軟是時候把IE瀏覽器開源了 在世界主流Web瀏覽器的發展歷史中,微軟的IE瀏覽器曾經獨占鰲頭:市場占有率高達98%以上。不過隨著FireFox和Chrome的快速崛起,微軟IE瀏覽器的份額一路下降,如何拯救IE瀏覽器?日前,國外媒體提出了自己的看法。以下為文章全文:蘋果公司的Safari瀏覽器是由一個開放源代碼的Webkit引擎和閉源的外殼組成;谷歌的Chrome瀏覽器是由開放源碼的渲染引擎和部分閉源的組件組成。Opera瀏覽器也已經基于開源的blink打造。M... 繼續閱讀 >
201501-13 IE6 是時候說“再見”了! 十年前,一個瀏覽器誕生了,它的名字是InternetExplorer6(以下簡稱IE6),它伴隨我們度過了難忘的網上時光。十年過去,在擁抱全新網絡開發標準的今天,是時候和IE6說再見了。2011年度瀏覽器奧西卡頒獎典禮正式開幕。在頒獎現場,評委向IE6授予“瀏覽器終生成就獎”,以表彰它為瀏覽器世界做出的卓越的貢獻。與網友相伴十年之際,IE6感慨萬分。心情激動的它接過獎杯走到話筒前,開始了自己第一次也是最后一次的激... 繼續閱讀 >
201501-04 除了Firefox 我們為什么還需要Mozilla? 隨著Mozilla的Firefox瀏覽器迅速失去市場份額,Mozilla基金會發現自己面臨著自它成立十年時間以來,其歷史上最關鍵的時刻。十年前,Mozilla推出了Firefox網頁瀏覽器。Firefox網頁瀏覽器的推出也成為了網絡演變的決定性時刻之一。當時,微軟的瀏覽器已經徹底粉碎了Netscape。而Mozilla開發的瀏覽器在Netscape遭遇失敗后提供一個替代微軟瀏覽器的選項。在發展的道路上,Mozilla的得到了來自Google實質性的幫助,反之... 繼續閱讀 >
201501-01 微軟要放棄搞爛的IE瀏覽器了!那可能嗎? 從最新的傳聞了解,微軟正在為 Windows 10 開發一個全新的網頁瀏覽器,該瀏覽器將與 Internet Explorer 并存,其代號為“Spartan”。此傳聞一出很多猜測均認為,微軟最經典最出名的瀏覽器很快就要死去了。也許這樣的猜測并沒有錯,鑒于微軟希望徹底改頭換面的做法,微軟可能會以一款全新的瀏覽器解決一切負面影響,并且傳聞還表示該瀏覽器的運作方式與 Chrome 和&nb... 繼續閱讀 >
201412-03 Google Chrome中的高性能網絡 GoogleChrome的歷史和指導原則【譯注】這部分不再詳細翻譯,只列出核心意思。驅動Chrome繼續前進的核心原則包括:Speed:做最快的(fastest)的瀏覽器.Security:為用戶提供最為安全的(mostsecure)的上網環境。Stability:提供一個健壯且穩定的(resilientandstable)的Web應用平臺。Simplicity:以簡練的用戶體驗(simpleuserexperience)封裝精益求精的技術(sophisticatedtechnology)。本文關將... 繼續閱讀 >
201412-03 IE11中全新增強的F12開發人員工具 眾所周知,微軟最新發布的IE11里面增強了F12功能。F12是由VisualStudio團隊和IE團隊密切合作構建而成,旨在為開發人員提供可操作的數據,幫助開發人員快速找出并解決問題。全新的F12包含用于診斷和修復性能問題的工具以及幫助您深入了解IE如何布局和呈現您的應用的工具,可以幫助您提供快速而流暢的Web體驗。F12支持現代Web開發人員所使用的快速、迭代工作流。下面讓我們一起來看看F12中新增的功能。使用新的F12... 繼續閱讀 >
201412-03 IE11虛擬機免費面向廣大開發者 隨著最近面向Windows7的IE11的發布,微軟已經將面向Windows7的IE11和Windows8.1上的IE11增加到虛擬機套件(可在modern.IE 找到)中,以便開發人員在各個平臺和版本之間測試IE。IE開發小組已經基于用戶的反饋更新了所有虛擬機,以便令瀏覽器測試更加方便。不論您使用的是哪種開發平臺,均可以免費使用VM 在所有版本的IE上測試您的網站。Linux、Mac和Windows上最常用的桌面虛擬化技術均可以使用這些映像。... 繼續閱讀 >
201412-03 有用的 Chrome 瀏覽器命令 Chrome有很多的特性在界面菜單中是沒有體現的,你可以通過chrome://命令來訪問。本文介紹12個非常有用的chrome://命令:1.chrome://flags可用來啟用或者關閉某些chrome的體驗特性2.chrome://dns該命令將顯示瀏覽器預抓取的主機名列表3.chrome://downloads該命令同時也可以從菜單中的下載來訪問,其快捷鍵是Ctrl+J4.chrome://extensions該命令等同于菜單-工具-... 繼續閱讀 >
201412-03 18個高大上的瀏覽器小技巧 注:以下僅適用于Chrome/Firefox等網絡瀏覽器1、Ctrl+Shift+T打開最近關閉的標簽頁2、在圖片上按住S時點擊鼠標右鍵,啟動GoogleImage搜索相關圖片3、把圖片拖放到搜索框時,可以搜索相關圖片(實測在打開GoogleImage時有效)4、輸入網址時,按Ctrl+回車鍵補全.com5、按住Ctrl鍵(Mac用戶按Command鍵)點擊超鏈接,將在新標簽打開頁面6、在地址欄輸入以下代碼,可以把空標簽頁變成寫字板(Ch... 繼續閱讀 >
201412-03 10 款有用的 Android 版本 Firefox 擴展 在Android下的Firefox繼承了其優良傳統,也可以安裝不少有用的擴展,這里有一篇文章介紹了10款有用的Android下Firefox擴展,如果你想試試Firefox,先感受下擴展的威力吧。1.CloseAllTabs一鍵關閉所有標簽頁在菜單中新增一個CloseAllTabs按鈕,可以一鍵關閉所有標簽頁。有同學可以說明下開多了標簽頁會卡么?2.UndoClose重新打開關閉的標簽頁在菜單中新增一個UndoClose按鈕... 繼續閱讀 >
201412-03 盤點前10名的免費跨瀏覽器測試工具 在多個平臺上測試多種瀏覽器不但是很困難的–它幾乎不可能的,因為沒有那些好的測試工具。今天,我們就為大家提供很多涉及到跨瀏覽器測試的選擇,并且告訴你那些“頂級的瀏覽器測試工具”,你應該使用哪一個。這前10名的免費跨瀏覽器測試工具沒有特定的順序,因為他們對于任何特定的設備都同樣有效。如果你手動去測試,可能既困難又耗費時間。因為你只能不斷的安裝更多的瀏覽器在你的設備上。1.Br... 繼續閱讀 >
201412-03 網速快卻開打網頁速度慢 有沒有遇到過明明網速很快,但是在瀏覽器中打開網頁的速度卻很慢?到底是怎么回事。下面小編告訴您原因,教您怎么解決。小編總結了下原因,主要是以下問題:1.網絡最小帶寬:也就是平時所說的寬帶不夠、太小。一個網站的打開速度不僅僅看客戶端(就是用戶自己)的帶寬,也需要看網站服務器的帶寬。只要雙方有一方的帶寬太低就會造成網站打開速度過慢。2.DNS解析速度:DNS解析就是對域名和IP地址的互... 繼續閱讀 >
201412-03 Linux中一些最優秀的瀏覽器 本文討論Linux桌面一些最優秀瀏覽器的優缺點,討論對象包括Firefox,Chrome和其它瀏覽器。選擇一款最棒的Linux瀏覽器來滿足你所需僅費些許功夫:Linux桌面網頁瀏覽器和在其它流行的桌面上一樣已經發展了多年,隨著它們的發展,其優點和缺點都被慢慢發現。優缺點涉及從新功能到被破壞的擴展程序等各方面。本文中,我將在迷茫之中充當你的向導來幫助你發現適合你的最棒的Linux瀏覽器。FirefoxFirefox成為一款Li... 繼續閱讀 >
201412-03 比Chrome快3倍!世界最快PC瀏覽器發布 Chrome向來以速度、穩定性獨步天下,日前卻有一款瀏覽器號稱“世界最快”,速度是Chrome的3倍。最重要的是,這款瀏覽器來自國內老牌瀏覽器公司遨游傲游(Maxthon)。傲游瀏覽器雖然出道較早,但面對現在國內一眾后起之秀的競爭,市場份額不斷減少。現在,他們在國外發布了一款名為MxNitro的瀏覽器,號稱“世界最快”。據傲游介紹,為了讓MxNitro達到這一速度,他們大幅精簡了用戶界面,并移除了... 繼續閱讀 >
201411-11 創建您自己的瀏覽器擴展,第一部分: 將您的觸角延伸至Chrome 每個瀏覽器都有其自己的粉絲、批評者、優勢和劣勢。它們的共同點是人們將越來越多的時間花費于其中。本系列文章將介紹如何為Chrome、Firefox、InternetExplorer和Safari構建一個瀏覽器擴展。您可以為每個瀏覽器構建相同的基礎擴展,感受擴展每個瀏覽器是什么樣子,執行這些常見任務是困難還是簡單,以及發布您的擴展會涉及到什么。在本文中,您將構建一個Chrome擴展。開始之前對于本文,您需要下載和安裝GoogleChromeV... 繼續閱讀 >
201411-11 創建您自己的瀏覽器擴展,第二部分: 將您的觸角延伸至 Firefox 每個瀏覽器都有其自己的支持者、批評者、優勢和劣勢。它們的共同點是人們將越來越多的時間花費于其中。本系列文章將介紹如何為Chrome、Firefox和Safari構建相同的基礎擴展。您將了解到擴展每個瀏覽器是什么樣子,執行這些常見任務是困難還是簡單,以及如何發布您的擴展。在本文中,您將構建一個Firefox擴展。Gawkblocker擴展回憶一下,Gawkblocker支持您(以及其他用戶)屏蔽某些您不喜歡訪問的域,比如耗時的博客。Gawk... 繼續閱讀 >
201410-16 CSS中各個瀏覽器兼容的解決辦法 HOT 1.CSS中幾種瀏覽器對不同關鍵字的支持,可進行瀏覽器兼容性重復定義 !important可被FireFox和IE7識別 *可被IE6、IE7識別 _可被IE6識別 *+可被IE7識別區別IE6與FF: background:orange;*background:blue; 區別IE6與IE7: background:green!important;background:blue; 區別IE7與FF: background:orange;*background:green; 區別FF,IE7,IE6: background:orange;*b... 繼續閱讀 >