編者按：本文由garnett在眾成翻譯平臺上翻譯。Chrome 62 Beta版主要有這幾個更新：網(wǎng)絡(luò)質(zhì)量評估API，OpenType可變字體，從Dom元素中捕獲媒體流。小編最喜愛的特性是OpenType可變字體，你們呢？
除非特別指出，本文介紹的特性適用于Android，Chrome OS，Linux，Mac和Windows平臺上最新的Chrome Beta版本。
網(wǎng)絡(luò)質(zhì)量評估API
Network Infomation API已存在Chrome此前的版本中，但是之前僅針對用戶特定的網(wǎng)絡(luò)連接類型提供理論的網(wǎng)絡(luò)速度。在本次發(fā)布的版本中，這個API的功能得以擴展，可以為開發(fā)者提供類似于客戶端的網(wǎng)絡(luò)性能指標(biāo)。借助這個API，開發(fā)者可以檢測到當(dāng)前預(yù)期的往返時間和吞吐量，也能夠獲知網(wǎng)絡(luò)性能變化。為了簡化應(yīng)用邏輯，即使實際的連接是WiFi或以太網(wǎng)，API也會將測量的網(wǎng)絡(luò)性能量化為與其最接近的蜂窩連接類型（例如2G）。
借助這些網(wǎng)絡(luò)質(zhì)量信號，開發(fā)者可以根據(jù)網(wǎng)絡(luò)條件來定制內(nèi)容。舉例來說，當(dāng)網(wǎng)絡(luò)連接非常緩慢時，開發(fā)者可以提供一個簡化版的網(wǎng)頁來提升網(wǎng)絡(luò)加載速度。在不久的將來，這些信號也會出現(xiàn)在HTTP請求頭中，通過Client Hints啟用。
OpenType可變字體
OpenType字體變體賦予了Web新的字體排版能力。以前的話，一份字體文件只包含單一字體族的實例，且只包含一種粗細程度（常規(guī)，加粗等等中的一個）或者是一種拉伸樣式（普通，壓縮，伸展等等中的一個）。
圖： Amstelvar和Decovar可變字體的動畫展示
有了可變字體之后，字體排版也能夠被納入Web響應(yīng)式設(shè)計的范疇。OpenType變體能夠在節(jié)省空間和帶寬的同時，提供連續(xù)的風(fēng)格變化范圍，這是因為它們都是從一個字體文件中加載的。字體的拉伸效果、風(fēng)格類型和粗細程度可以借助于各自的CSS 屬性（目前支持?jǐn)?shù)值類型的值）進行調(diào)整。借助font-variation-settings屬性，可以對諸如粗細程度和字寬等參數(shù)進行微調(diào)。
從DOM元素中進行媒體抓取
W3C Media Capture from DOM ElementsAPI允許網(wǎng)站直接從HTMLMediaElements（比如<video>，<audio>）中，實時抓取MediaStream形式的內(nèi)容。通過調(diào)用HTMLMediaElements上的captureStream()方法，就能夠記錄到流式的內(nèi)容，并借助WebRTC將其發(fā)送到遠端，進而可以借助WebAudio處理媒體內(nèi)容，或者以其他方式操作這些內(nèi)容。
圖：實時抓取一個3D渲染模型，并通過WebRTC將流發(fā)送到其他端。
該版本的其他新特性
iOS上的Chrome新增Payment Request API。
PaymentRequest借助PaymentDetailsModifier.data，在一種支付方式中支持不同的價格和條目。
非文檔元素和<body>元素現(xiàn)在可以利用document.rootScroller添加視口滾動的效果，比如隱藏地址欄或者產(chǎn)生滾動到頭的高亮提示（overscroll glow）。
現(xiàn)已給 <data>和<time>元素增加了DOM接口，為開發(fā)者提供一個原生的存儲客戶端內(nèi)容的方式。
CSS 顏色解析器現(xiàn)在支持8位和4位的16進制顏色表示法，格式為：#RRGGBBAA和#RGBA。
繼lookahead之后，這一版本中也支持了lookbehind斷言，開發(fā)者可以利用正則表達式來判斷某一個模式是否在另一個之后，比如可以匹配到美元的數(shù)額而不捕獲美元符號。
新增WebVR Origin Trial，這一特性可以讓開發(fā)者在web上做虛擬現(xiàn)實相關(guān)的探索。
遵循之前的聲明，當(dāng)用戶在HTTP網(wǎng)頁中輸入數(shù)據(jù)或者在隱身模式下訪問HTTP網(wǎng)頁的時候，會報出“不安全”的警告提醒。
開發(fā)者可以使用s標(biāo)識在ECMA正則表達式中開啟dotAll模式，這一模式下，"."可以匹配包含換行符在內(nèi)的任意字符。
在Android的Chrome中，上傳圖片功能優(yōu)化了用戶體驗，增加了多選操作，只需使用<input type="file">并通過accept屬性聲明只接受圖片即可使用。
使用了MediaSource API的應(yīng)用可以利用新的Media Source ExtensionsAPI，setLiveSeekableRange和clearLiveSeekableRange更高效地定制它們的HTMLMediaElement.seekable可查找的范圍邏輯。
新的CSS聲明visibility:collapse可以將表格行隱藏，但不會影響表格列寬，這與visibility:hidden聲明的效果不同，后者只是不去繪制表格行。
現(xiàn)在，給定一個區(qū)域和一個數(shù)字，網(wǎng)站可以利用Intl.PluralRules來訪問與多個數(shù)字形式相關(guān)的語言相關(guān)數(shù)據(jù)和相關(guān)的文本。
媒體文件擴展(MSE)已經(jīng)支持FLAC，一種按照ISO-BMFF編碼的無損音頻編碼方式。
受保護的媒體文件現(xiàn)在可以通過EME在Chrome for Android上面離線播放。
Chrome for Android現(xiàn)在支持了Widevine L1, 允許網(wǎng)站以安全的方式播放加密媒體文件。
對模板語法的轉(zhuǎn)義序列上的寬松限制解鎖了新的模板標(biāo)簽用例，比如LaTeX處理。
在Android O當(dāng)中，有通知權(quán)限的網(wǎng)站會作為一個通知頻道出現(xiàn)在Chrome的Android設(shè)置當(dāng)中，這樣做的目的是避免用戶誤操作改動了通知權(quán)限。
棄用的功能和互操作性改進
繼更新了macOS的原生按鈕樣式之后，<input>按鈕和<button>元素的外觀做了些相似的調(diào)整，這些調(diào)整會影響到 background-color, border, border-radius, 和padding屬性的默認(rèn)值。
在HTTP連接和跨域iframes中，請求顯示通知的功能已經(jīng)被棄用，這一點依據(jù)了restricting powerful features，這種操作只針對HTTPS連接有效。
為了確保服務(wù)端返回的內(nèi)容使用的是用戶的語言，在生成請求頭accept-language時，基礎(chǔ)語言現(xiàn)在會被直接添加到“語言+地區(qū)”之后。
為了提高交互性和瀏覽器的一致性，現(xiàn)在會派發(fā)過渡鼠標(biāo)事件，并且在修改了預(yù)期布局之后會更快地更新懸停狀態(tài)。
在現(xiàn)有的接受三個獨立參數(shù)之外的構(gòu)造函數(shù)之外，OfflineAudioContext新增了一個字典參數(shù)。
與其他瀏覽器一致，RTCPeerConnection上的getStreamById方法現(xiàn)已被移除。
繼其他主流瀏覽器棄用并移除SharedWorker.workerStart后，Chrome這次也移除了這一方法。
為了更好地符合規(guī)范，<ol>.start的默認(rèn)值已設(shè)置為1。
——————————————————
▼
轉(zhuǎn)載請注明來自夕逆IT，本文標(biāo)題：《【搜狗五筆Mac版】搜狗五筆ForMac1.4.0》
京公網(wǎng)安備11000000000001號
京ICP備11000001號
還沒有評論，來說兩句吧...