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