在Chrome中體驗實驗性特性

「來源： ｜React ID：react_native」

你好，我是

TianTian

。

今天想分享Chrome瀏覽器內部提供的一個網頁：

chrome：//flags/

flags頁面羅列了Chrome當前的實驗性特性，你可以稱它為實驗室。

作為使用者你可以開啟其中的一些實驗性特性，定製不同的需求，從而滿足自己的開發體驗。

這裡就列舉幾個實用頻率高，開發中可能會用到的。

推薦

既然是Chrome 瀏覽器提供的一組實驗性功能，不可能所有的功能都能符合每個人的需求，這裡我也踩過坑，後面會提起。

首先，任何一個實用性功能的開啟，都很簡單，比如想開啟或者關閉

GPU光柵化

，那麼你chrome位址列輸入下面URL即可測試：

chrome：//flags/#enable-gpu-rasterization

以此類推，其他的特性是類似的，一般有三個選項值：

三個選項

有三個可選值，你是否需要禁用還是開啟它，接下來就聊聊這個功能。

#enable-gpu-rasterization

GPU 光柵化開啟的地方，這裡在開發排查使用者反饋的時候，用到了這個功能。

使用者反饋的問題是，開啟騰訊文件頁面時，畫面渲染有問題，我們這裡就定義為”破圖“，具體表現我們可以參考下面的截圖：

破圖表現

使用者反饋的這個問題，我google一下，發現還挺多人在社群之類的反饋，硬體加速下會導致破圖的。

這裡的硬體加速指的就是開啟GPU，至於為什麼

啟用 GPU 光柵化有助於提高載入網頁時的效能

，這就是另外一個問題了，這裡就不展開討論了。

後來發現，社群也有定位問題的辦法：

社群反饋破圖

後續就使用到了

chrome://flags/

，很多情況下會預設開啟GPU，我們看下面的例子就知道：

對比

左側的內容卡會因載入而延遲，因為它們的光柵化速度不夠快。右側開啟了GPU光柵化，滾動流暢。

至於為什麼會流程，網上還是有很多不錯的文章的，這裡不列舉了。

#Side panel

首先我們需要知道它是幹什麼的，我覺得它的功能類似於“閱讀列表”。

那麼我們啟用它很簡單，將這個url：chrome：//flags/#side-panel在位址列上輸入以啟用它。

然後我們就可以看到類似於：

閱讀列表

對於我來說，日常使用頻率還是很高的。

#chrome-whats-new-ui

你想檢視google的新變化，你一般會怎麼做，我之前是看google的官方blog：

https：//developer。chrome。com/

裡面的文章太多了，內容很乾貨。唯一讓我體驗不佳的是英文，翻譯的話，很容易歪曲原本作者的含義。

那麼有其他的方式嘛，我們可以藉助chrome-whats-new-ui，預設情況下，你開啟地址：chrome：//whats-new/，結果是：

被牆了

當我們把這個功能開啟後，於是你可以更加便捷的檢視Chrome中新的變化：

支援中文

重點是支援中文！！！

#enable-quic

Quic 全稱 Quick UDP Internet Connection，即“快速 UDP 網際網路連線”。

在嘗試透過構建 SPDY 協議來減少網路延遲後，谷歌開發了這個名為“QUIC”的新協議，使用 UDP 進行多路併發傳輸的協議。將此選項開啟後，訪問支援QUIC協議的網站時，速度會有一定程度的提高。

當然了谷歌瀏覽器在允許使用者體驗的同時，仍將此作為一項

實驗性功能

。使用者可以透過chrome：//flags/#enable-quic在位址列上輸入來訪問此配置。

網上很多文章分析，透過啟用此協議，可能會以下提升：

影象和影片載入速度更快。

允許 QUIC 將減少408 Request Timeout出錯的機會。

至於QUIC協議原理分析，這裡就推薦一篇不錯的文章：

https：//zhuanlan。zhihu。com/p/32553477

踩坑

當然了，有些實驗階段功能不能Enabled，這個你得去嘗試，我就不小心踩進去了。

#screentime

chrome：//flags/#screentime

如果你開啟了這個，你會發現，你的螢幕點選不了，基本上整個頁面都無法點選，一直想不明白google開啟這個功能的理由是什麼。

當你需要體驗某個實驗性功能時，一定要慎重！！！

小結

Chrome flags是實驗性功能，預設情況下是禁用的。當你開發時，發現有些功能破壞瀏覽器的，而不是最佳化的，那麼你可以找到它，並且可以輕鬆禁用該flag。

10月16日微語早讀：搜狗併入騰訊，王小川卸任搜狗CEO|神舟十三發射成功|比特幣受ETF透過利好訊息影響突破6萬美金大關