讓我們一起在Chrome中體驗實驗性特性
你好，我是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。
