發表文章

目前顯示的是 6月, 2014的文章

Canary Build of Google Chrome

圖片
Google Chrome 瀏覽器,不管是逛網頁,或是開發網頁,都有相當多的使用者。 而其實大家不太知道的是 Google Chrome 有五個版本,而且直到最近 (2014-06) 才推出 64 bits 版本 。 根據 WikiPedia 的說明 ,「Google Chrome」存在四個版本分支: Stable Channel(穩定版/正式版),為追求穩定的普通使用者使用。 Beta Channel(測試版),正式版釋出前的公開測試所用,版本上的新功能不會作太多修改,主要為安全上的測試,可能會存在不穩定情況,適合喜歡較穩定又可嘗鮮的朋友下載使用。 Dev Channel(開發版),主要為功能上的測試,可能存在穩定性問題,更新速度通常為一周一次,適合開發人員使用。 Canary Build(構造版),2010年7月加入,比開發版更新更不穩定,但相對的也會加入更多測試性的新功能,僅適合開發人員或追求緊貼最新版本的使用者使用。 第五個版本, Chromium ,可以算是 Chrome 的原始碼來源。 如果有需要安裝多個 Chrome,要注意一下, Stable Channel、Beta Channel、Dev Channel,只能挑一個安裝。 Canary Build,可以獨立安裝及免安裝,不會覆蓋原本的「Google Chrome」版本,讓系統中可以同時擁有兩套安裝版「Google Chrome」,但Canary build的使用者檔案不能與其他分支共用。 Chromium,目前在 這裡 可以下載最新的免安裝版。可以其它版本並存。 接下來介紹我最近在 Canary Build 版上看到的內建開發工具 (Developer Tool)。 開啟開發工具後,會看到類似這樣的畫面。 最上方的「Device」,可以直接切換 view port。 旁邊「Network」可以模擬在不同的頻寬下,網頁載入的狀況。 第二排左邊的圖示,可以切換顯示其下方的 view port 設定。 view port 設定,會列出目前 CSS 設定的 view port 範圍有哪些, 在每一條設定上按右鍵,會直接跳到 CSS 定義的地方。 修改 CSS 定義,馬上就可以看到效果。 最...