資訊專欄INFORMATION COLUMN
摘要：那些嵌入了第三方內(nèi)容的站點(diǎn)需要確保引入的樣式不會(huì)影響到已有的應(yīng)用。這項(xiàng)技術(shù)提高了那些大型或者有很多組件站點(diǎn)的可維護(hù)性。相較于有一些重大變化，并且已經(jīng)得到主要的瀏覽器廠商的認(rèn)可。為支持添加了響應(yīng)頭支持的而被廢棄。
原文鏈接： http://blog.chromium.org/2016...
譯者：Icarus
郵箱：[email protected]
如果沒有特殊說明的話，以下都是應(yīng)用在Android,Chrome OS,Linux,Mac和windows上最新發(fā)布的Chrome beta版上的特性。
Shadow DOM V1HTML, CSS和JavaScript是非常強(qiáng)大的開發(fā)語言，但是在代碼規(guī)模非常大的時(shí)候他們難以維護(hù)。那些嵌入了第三方內(nèi)容的站點(diǎn)需要確保引入的樣式不會(huì)影響到已有的應(yīng)用。Chrome 53支持了Shadow DOM V1,它允許將一個(gè)元素的樣式和子DOM節(jié)點(diǎn)封裝在一起而不會(huì)影響主要的文檔結(jié)構(gòu)。這項(xiàng)技術(shù)提高了那些大型或者有很多組件站點(diǎn)的可維護(hù)性。Shadow DOM V1相較于V0有一些重大變化，并且已經(jīng)得到主要的瀏覽器廠商的認(rèn)可。Chrome直到足夠數(shù)量的開發(fā)者使用V1之前，會(huì)同時(shí)支持這兩個(gè)版本的API。shadow root的表現(xiàn)取決于創(chuàng)建時(shí)使用的哪一個(gè)版本的API。
PaymentRequest API在瀏覽器中完成支付對(duì)于用戶來說是很不方便的，會(huì)導(dǎo)致站點(diǎn)非常低的用戶轉(zhuǎn)化率。盡管自動(dòng)填充大大簡(jiǎn)化了信息填寫，在移動(dòng)端有效率地填寫數(shù)據(jù)仍然是一個(gè)問題。PaymentRequest可以在你使用信用卡或者Android Pay的支付的時(shí)候，實(shí)現(xiàn)無縫并且更快更安全的支付體驗(yàn)。它同樣可以在不需要輸入的情況下提供用戶的賬單地址，物流信息和付款者的信息。PaymentRequest已經(jīng)在Android的chrome上可用，不久也會(huì)支持其它平臺(tái)。
在Andorid中的chrome里播放無聲的視頻視頻對(duì)很多站點(diǎn)來說是一個(gè)接近用戶的極佳途徑，但是如果視頻意外的播放就會(huì)惹人煩。這在移動(dòng)端是很常見的，因?yàn)橛脩艨赡芴幱谝粋€(gè)不希望有聲音的環(huán)境中。Android中的chrome現(xiàn)在允許在沒有交互的情況下播放無聲的視頻。如果這個(gè)視頻被標(biāo)記為無聲的并且有自動(dòng)播放的屬性，Chrome會(huì)在視頻進(jìn)入用戶視野的時(shí)候開始播放。開發(fā)者也可以使用腳本在沒有交互的情況下播放無聲的視頻。開始播放聲音之前的用戶操作將自動(dòng)暫停無聲的視頻。
其他特性站點(diǎn)在給搭載了Android6.0及以后版本的系統(tǒng)中發(fā)送通知時(shí)，狀態(tài)欄中chrome的logo可以自定義。
通知對(duì)象現(xiàn)在可以為查看通知的按鈕和震動(dòng)模式提供getter方法。
對(duì)于已經(jīng)設(shè)置了“探測(cè)和運(yùn)行重要的插入內(nèi)容”的用戶，跨域插入內(nèi)容小于5X5像素的不再加載。
展示許可沙盒標(biāo)志允許站點(diǎn)控制一個(gè)ifame是否可以向外部設(shè)備展示信息。
在文本框元素上pattern屬性的值現(xiàn)在使用unicode flag來改善語法檢查和其它正則表達(dá)式的效率。
如果祖先的opacity屬性小于1時(shí)，3D元素會(huì)被變成平面。
為了避免視覺殘影，所有內(nèi)容在它的縮放變化時(shí)重新被掃描，除了具有will-change這一CSS屬性的內(nèi)容。
低通和高通二階濾波器現(xiàn)在支持更多的過濾方式。
--webkit-filter現(xiàn)在是一個(gè)無前綴filter屬性的別名，表現(xiàn)和filter一樣。
--webkit-user-select屬性現(xiàn)在支持一個(gè)all屬性，可以強(qiáng)制選中包括選中元素及其所有后代元素。
web端的藍(lán)牙API已經(jīng)在一些平臺(tái)開始試驗(yàn)性使用，它允許站點(diǎn)使用藍(lán)牙通用屬性配置文件(GATT)來和附近的設(shè)備進(jìn)行通信。
text-size-adjust屬性允許站點(diǎn)控制在移動(dòng)設(shè)備上字體的默認(rèn)縮放。
廢棄功能以及互用性提高腳本生成的事件不再觸發(fā)默認(rèn)行為，提高了靈活性和瀏覽器的互用性。
HTTP/0.9為支持添加了響應(yīng)頭支持的HTTP/1.0而被廢棄。
出于安全考慮，隨著在M51中被廢棄，TLS中Diffie-Hellman加密方式被移除。
TextEncoder API不再接受參數(shù)并且只會(huì)使用utf-8來進(jìn)行編碼。
因?yàn)樽钚碌陌踩撸ㄟ^賽門鐵克公司辦理的新的許可或者和賽門鐵克公司有關(guān)聯(lián)的證書在chrome中都不再被信任，除非同時(shí)具備證書信息透明。
Posted by Hayato Ito, Shadow DOM Chaffeur
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/50024.html
摘要：那些嵌入了第三方內(nèi)容的站點(diǎn)需要確保引入的樣式不會(huì)影響到已有的應(yīng)用。這項(xiàng)技術(shù)提高了那些大型或者有很多組件站點(diǎn)的可維護(hù)性。相較于有一些重大變化，并且已經(jīng)得到主要的瀏覽器廠商的認(rèn)可。為支持添加了響應(yīng)頭支持的而被廢棄。 原文鏈接： http://blog.chromium.org/2016...譯者：Icarus郵箱：[email protected] 如果沒有特殊說明的話，以下都是應(yīng)用在An...
摘要：那些嵌入了第三方內(nèi)容的站點(diǎn)需要確保引入的樣式不會(huì)影響到已有的應(yīng)用。這項(xiàng)技術(shù)提高了那些大型或者有很多組件站點(diǎn)的可維護(hù)性。相較于有一些重大變化，并且已經(jīng)得到主要的瀏覽器廠商的認(rèn)可。為支持添加了響應(yīng)頭支持的而被廢棄。 原文鏈接： http://blog.chromium.org/2016...譯者：Icarus郵箱：[email protected] 如果沒有特殊說明的話，以下都是應(yīng)用在An...
摘要：開發(fā)教程步步為營(yíng)，掌握基礎(chǔ)技能發(fā)布機(jī)器學(xué)習(xí)速成課程為了幫助更多的人了解與學(xué)習(xí)機(jī)器學(xué)習(xí)相關(guān)的知識(shí)技能，發(fā)布了人工智能學(xué)習(xí)網(wǎng)站。更多相關(guān)內(nèi)容參考數(shù)據(jù)科學(xué)與機(jī)器學(xué)習(xí)實(shí)戰(zhàn)手冊(cè)。 showImg(https://segmentfault.com/img/remote/1460000013586587); 前端每周清單專注前端領(lǐng)域內(nèi)容，以對(duì)外文資料的搜集為主，幫助開發(fā)者了解一周前端熱點(diǎn)；分為新聞熱...
摘要：上兼容微信瀏覽器和瀏覽器，支持的版本隨系統(tǒng)版本。主要在微信瀏覽器內(nèi)訪問。移動(dòng)端高清屏框架用的方法是方法。當(dāng)然就需要框架考慮的東西更多了。只要管理好對(duì)話框的即可。對(duì)話框彈起關(guān)閉都發(fā)出事件通知到背景即可。 兼容 pc web：比如 MA Station。基于chrome，可以手機(jī)訪問（需要業(yè)務(wù)做適配）。 android 上兼容 微信瀏覽器 和 QQ瀏覽器，safari 支持 iOS > 8...
閱讀 1788·2021-09-22 15:10
閱讀 1283·2021-09-07 09:58
閱讀 2350·2019-08-30 15:44
閱讀 1650·2019-08-26 18:29
閱讀 2050·2019-08-26 13:35
閱讀 771·2019-08-26 13:31
閱讀 733·2019-08-26 11:42
閱讀 1076·2019-08-23 18:39
