Google Chrome 53 Beta引入影子（Shadow）DOM V1，以及支付請求（PaymentRequest）API。

與之前影子DOM V0明顯不同，V1棄用了影子DOM對多個根節點的支持，并增加了阻止外界訪問內部的根節點關閉功能。

在發布聲明的博客中，Hayato Ito強調，雖然HTML、CSS、JavaScript非常有用也很強大，但是很難對大代碼量進行維護。

Ito表示，V1“能讓元素封裝自己的樣式且子DOM不受外界DOM的影響。這提升了大代碼量的可維護性”。同時Chrome仍將支持V0。

在HackerNews關于Google Chrome 53 Beta的討論中，用戶borplk問到“影子DOM是否對React等有影響？如在提升性能等方面”。

Google工程師Eric Bidelman回復到：

很明顯，影子DOM是一個瀏覽器內嵌的提升開發者效率的工具。

在React中，你需要使用內聯樣式或支持模塊化、增加CSS前綴的構建工具（如CSS Modules）。內聯樣式會將特性配置污染到全局，并且大量內聯樣式會讓瀏覽器做超出必要的上下文切換（HTML解析器<->CSS解析器）。注意，后者不太會成為真實應用的性能問題。

在影子DOM中，你只需要寫CSS。在“

在32 Beta版本中也引入了新的支付請求（Payment Request）API，Ito表示這個功能可以快速且安全地使用信用卡及Android Pay進行支付，用戶不用輸入就能提供賬單地址、送貨詳情以及付款人信息。

這個API在W3C工作草案中有具體描述：

隨著用戶發起支付流程（如在交互式游戲中點擊“能力提升”，在停車場中使用自動付費機或點擊“購買”、“結賬”按鈕），網頁會創建一個支付請求進行支付。在確認或拒絕支付前，用戶需要輸入信息，此時支付請求允許網頁與用戶代理間進行交互來獲得信息。

Google提供了一個演示視頻。

幾乎隱藏在諸多53 Beta的小改進中的還有初次試驗的網頁藍牙API。在頁面使用navigator.bluetooth.requestDevice來請求訪問附近的設備時，網頁藍牙API會提示用戶選擇設備。

Chrome 53 Beta中一些棄用的功能有：

棄用HTTP/0.9，使用支持響應報文頭的HTTP/1.0來取代。

移除了已在M51中棄用的TLS Diffie-Hellman加密。

TextEncoder API不再接受參數，并始終使用utf-8進行編碼。

Chrome不再信任沒有證書透明度（Certificate Transparency）信息的Symantec及鏈向Symantec的CA所發布的新證書。

文章轉載自 開源中國社區[http://www.oschina.net]

總結

以上是生活随笔為你收集整理的Google Chrome 53 Beta 引入影子 DOM V1的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。