文 / google 網路觀察小組 ben greenstein 和 tarun bansal
除非另外註明，否則，下面介紹的更改均適用於最新 chrome beta 渠道版（android、chrome 作業系統、linux、mac 和 windows）。
network infomation api 已在上乙個版本的 chrome 中推出，不過僅提供了給定使用者連線型別下的理論網路速度。在這個版本中，api 已進行拓展，可以為開發者提供獲取自客戶的網路效能指標。開發者可以使用此 api 檢查當前的預計往返時間和吞吐量，並在效能發生變化時收到通知。為了簡化應用邏輯，即使實際連線為 wlan 或乙太網，此 api 也會以最接近的流動網路連線型別（例如 2g）彙總測得的網路效能。
使用這些網路質量訊號，開發者可以根據網路限制量身定製內容。例如，在非常緩慢的連線上，開發者可以提供簡化版本的頁面來縮短頁面載入時間。這些訊號也將很快以 http 請求標頭形式提供並通過 client hints 啟用。
opentype 字型變化為網路帶來了全新的排字能力。之前，乙個字型檔案僅包含乙個字型系列例項，只有一種粗細（正常、加粗、黑色…）或一種拉伸（正常、緊縮、加寬…）。
圖：動畫形式的 amstelvar 和 decovar 可變字型示例
憑藉可變字型，網路上的自適應設計現在可以拓展到版式。opentype 變化不僅可以提供乙個連續的樣式變化組合，也能節省空間和頻寬，因為它們全部從乙個壓縮的字型檔案載入。拉伸、樣式和粗細可以使用相應的已更新 css 屬性進行調整，更新的屬性現在允許數字值。可以使用 font-variation-settings css 屬性對粗細或寬度等變化軸引數進行精細調整。
w3c media capture from dom elements api 現在允許**以 mediastream 形式直接從 htmlmediaelements（即 和 ）實時捕獲內容。通過在 htmlmediaelements 上呼叫 capturestream() 函式，流式傳輸內容可以錄製並使用 webrtc 遠端傳送、使用 webaudio 處理，或者以各種其他方式進行操作。
（二）Chrome新標籤頁的設定
有人說你為啥不用谷歌搜尋，谷歌搜尋啥廣告都木有，這點上請尊重個人習慣，我並不會一開啟電腦就順手掛上梯子，然後開啟瀏覽器用谷歌搜尋，並且掛上了梯子有些國內站點開啟是真的慢，並不是說開不開全域性模式就能解決的，所以我大多數情況下還是喜歡開啟瀏覽器直接搜。說完了這些，我想說的還有另外乙個就是標籤頁的布局設...
IE9 Beta將採用新邊框
據國外 報道，微軟ie9 beta將不再採用傳統的2畫素寬邊框，微軟公司計畫於9月15日正式發布ie9 beta版。早在platform preview 4版發布時，微軟公司便表明了這個意向 ie瀏覽器有乙個經典的 2畫素邊框偏差 問題，該問題主要是由於瀏覽器顯示區域的剛好2畫素寬的 內陷 邊框，頁...
Vue3 0beta 新資料劫持 Proxy
vue2利用object.defineproperty來劫持data資料的getter和setter操作，遇到陣列和物件必須迴圈遍歷所有的域值才能劫持每乙個屬性 object.keys data foreach prop set newval 缺點 1 無法檢測到物件屬性的新增或刪除 需要使用 se...