[[427093]]

你好，我是TianTian。

今天想分享Chrome瀏覽器內(nèi)部提供的一個(gè)網(wǎng)頁:

chrome://flags/

flags頁面羅列了Chrome當(dāng)前的實(shí)驗(yàn)性特性，你可以稱它為實(shí)驗(yàn)室。

作為用戶你可以開啟其中的一些實(shí)驗(yàn)性特性，定制不同的需求，從而滿足自己的開發(fā)體驗(yàn)。

這里就列舉幾個(gè)實(shí)用頻率高，開發(fā)中可能會(huì)用到的。

推薦

既然是Chrome 瀏覽器提供的一組實(shí)驗(yàn)性功能，不可能所有的功能都能符合每個(gè)人的需求，這里我也踩過坑，后面會(huì)提起。

首先，任何一個(gè)實(shí)用性功能的開啟，都很簡(jiǎn)單，比如想開啟或者關(guān)閉GPU光柵化，那么你chrome地址欄輸入下面URL即可測(cè)試：

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

以此類推，其他的特性是類似的，一般有三個(gè)選項(xiàng)值：

三個(gè)選項(xiàng)

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

#enable-gpu-rasterization

GPU 光柵化開啟的地方，這里在開發(fā)排查用戶反饋的時(shí)候，用到了這個(gè)功能。

用戶反饋的問題是，打開騰訊文檔頁面時(shí)，畫面渲染有問題，我們這里就定義為”花屏“，具體表現(xiàn)我們可以參考下面的截圖：

花屏表現(xiàn)

用戶反饋的這個(gè)問題，我google一下，發(fā)現(xiàn)還挺多人在社區(qū)之類的反饋，硬件加速下會(huì)導(dǎo)致花屏的。

這里的硬件加速指的就是開啟GPU，至于為什么啟用 GPU 光柵化有助于提高加載網(wǎng)頁時(shí)的性能，這就是另外一個(gè)問題了，這里就不展開討論了。

后來發(fā)現(xiàn)，社區(qū)也有定位問題的辦法：

社區(qū)反饋花屏

后續(xù)就使用到了chrome://flags/，很多情況下會(huì)默認(rèn)開啟GPU，我們看下面的例子就知道：

對(duì)比

左側(cè)的內(nèi)容卡會(huì)因加載而延遲，因?yàn)樗鼈兊墓鈻呕俣炔粔蚩臁Ｓ覀?cè)開啟了GPU光柵化，滾動(dòng)流暢。

至于為什么會(huì)流程，網(wǎng)上還是有很多不錯(cuò)的文章的，這里不列舉了。

#Side panel

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

那么我們激活它很簡(jiǎn)單，將這個(gè)url：chrome://flags/#side-panel在地址欄上輸入以激活它。

然后我們就可以看到類似于：

閱讀列表

對(duì)于我來說，日常使用頻率還是很高的。

#chrome-whats-new-ui

你想查看google的新變化，你一般會(huì)怎么做，我之前是看google的官方blog：

https://developer.chrome.com/

里面的文章太多了，內(nèi)容很干貨。唯一讓我體驗(yàn)不佳的是英文，翻譯的話，很容易歪曲原本作者的含義。

那么有其他的方式嘛，我們可以借助chrome-whats-new-ui,默認(rèn)情況下，你打開地址：chrome://whats-new/,結(jié)果是：

被墻了

當(dāng)我們把這個(gè)功能開啟后，于是你可以更加便捷的查看Chrome中新的變化：

支持中文

重點(diǎn)是支持中文!!!

#enable-quic

Quic 全稱 Quick UDP Internet Connection，即“快速 UDP 互聯(lián)網(wǎng)連接”。

在嘗試通過構(gòu)建 SPDY 協(xié)議來減少網(wǎng)絡(luò)延遲后，谷歌開發(fā)了這個(gè)名為“QUIC”的新協(xié)議，使用 UDP 進(jìn)行多路并發(fā)傳輸?shù)膮f(xié)議。將此選項(xiàng)開啟后，訪問支持QUIC協(xié)議的網(wǎng)站時(shí)，速度會(huì)有一定程度的提高。

當(dāng)然了谷歌瀏覽器在允許用戶體驗(yàn)的同時(shí)，仍將此作為一項(xiàng)實(shí)驗(yàn)性功能。用戶可以通過chrome://flags/#enable-quic在地址欄上輸入來訪問此配置。

網(wǎng)上很多文章分析，通過啟用此協(xié)議，可能會(huì)以下提升：

• 圖像和視頻加載速度更快。
• 允許 QUIC 將減少408 Request Timeout出錯(cuò)的機(jī)會(huì)。

至于QUIC協(xié)議原理分析，這里就推薦一篇不錯(cuò)的文章：

https://zhuanlan.zhihu.com/p/32553477

踩坑

當(dāng)然了，有些實(shí)驗(yàn)階段功能不能Enabled,這個(gè)你得去嘗試，我就不小心踩進(jìn)去了。

#screentime

chrome://flags/#screentime

如果你開啟了這個(gè)，你會(huì)發(fā)現(xiàn)，你的屏幕點(diǎn)擊不了，基本上整個(gè)頁面都無法點(diǎn)擊，一直想不明白google開啟這個(gè)功能的理由是什么。

當(dāng)你需要體驗(yàn)?zāi)硞€(gè)實(shí)驗(yàn)性功能時(shí)，一定要慎重!!!

小結(jié)

Chrome flags是實(shí)驗(yàn)性功能，默認(rèn)情況下是禁用的。當(dāng)你開發(fā)時(shí)，發(fā)現(xiàn)有些功能破壞瀏覽器的，而不是優(yōu)化的，那么你可以找到它，并且可以輕松禁用該flag。