近期最好用的 Chrome 擴充插件，維持 Facebook 舊版界面
新版其實也沒缺什麼東西，大概就是缺了設計師的大腦....
chrome user agent string 在 3C 達人廖阿輝 Facebook 的最佳解答
同時也有10000部Youtube影片，追蹤數超過2,910的網紅コバにゃんチャンネル，也在其Youtube影片中提到，...
「chrome user agent string」的推薦目錄：
- 關於chrome user agent string 在 3C 達人廖阿輝 Facebook 的最佳解答
- 關於chrome user agent string 在 Kewang 的資訊進化論 Facebook 的最讚貼文
- 關於chrome user agent string 在 MUKI SPACE INC. Facebook 的最佳解答
- 關於chrome user agent string 在 コバにゃんチャンネル Youtube 的最佳貼文
- 關於chrome user agent string 在 大象中醫 Youtube 的最佳解答
- 關於chrome user agent string 在 大象中醫 Youtube 的精選貼文
- 關於chrome user agent string 在 Launching Google Chrome with a Vivaldi User Agent · GitHub 的評價
- 關於chrome user agent string 在 Get the "user agent" string from a new Google Chrome ... 的評價
- 關於chrome user agent string 在 How to change the User Agent string in Chrome browser on ... 的評價
chrome user agent string 在 Kewang 的資訊進化論 Facebook 的最讚貼文
這一系列文總共有三篇，這是最後一篇。
Funliday 重磅推出新的 prerender 套件 pppr！這是一個 zero config 的 express middleware，只要 npm install pppr，然後在 app.js 裡面加一行 app.use(pppr()) 就可以直接拿來用了。
---
原本在使用 prerender.io 這個套件有時候會出現 504 timeout 的問題，後來發現這個套件用的是比較底層的 API (Chrome DevTools Protocol, CDP)，研究它的原始碼後發現 render HTML 的 timeout 判斷上有些怪怪的，本來想試著去改這塊，但對 CDP 不熟，所以用 puppeteer 重寫一套 prerender service，pppr 也就應運而生。
簡單先解釋一下，puppeteer 是基於 CDP 封裝後成為比較容易使用的 API。因為 client side rendering (CSR) 的流行，所以現在要做網路爬蟲的話，愈來愈多會選擇用 puppeteer 來處理。這裡來分享一下在開發 pppr 的時候，有哪些東西要注意的。
1. 把 URL 放到像是 50 人的 LINE 熱門群組，prerender 會遭到大量的 request，因為每個使用者接收到這個訊息之後，因為要顯示 og data，所以就會去打一次 prerender。這裡姑且先稱之為 OG-DDoS 好了 XD，所以一定要做 cache，讓第一個 request 把 HTML 產生出來之後就放到 cache 裡面。然後可以用 LRU cache 來處理，因為這類 URL 都是短時間會被大量使用，之後就很少被用了，用 LRU cache 剛剛好。
1-1. 其實這一段實作還有一些問題，如果在第一個 request 還沒產生出 HTML 之前，第二個同樣 request 就進來了，這樣子 cache 可以說是根本沒作用，還要再找時間來處理 lock 機制才行。
2. 每一個 request 要新開一個 page 才行，如果沒有每個 request 都開新 page 的話，會造成 A request 還沒處理完，B request 就用同一個 page 做 render，這樣子 A request 就會 504 timeout 了。所以一定要記得每個 request 都要新開 page。
3. 因為 headless chrome 的 user agent 就叫做 HeadlessChrome，為了避免在 render 的時候會出現意料外的狀況，保險一點還是把 HeadlessChrome 改成 Chrome 會比較好。
4. 注意 redirect。因為 expressjs 跟 puppeter 是兩個不同的 context，對於 redirection 來說，expressjs 會回傳 3xx 系列的狀態碼，但 puppeteer 則會直接執行完成。所以把 puppeteer 放在 expressjs 裡面執行的話，必須要處理 redirect chain，讓 expressjs 能回給 client 正確的狀態碼才行。
5. pppr 因為是發想自 prerender.io，所以 interface 也一樣是 /render?url=https://example.com。 但有時候原始的 url 後面會包含 query string，所以 expressjs 要用 URLSearchParams 另外做些處理，才能取得完整的 url。
開發 pppr 基本要注意的事項大概就這樣，總之記得給星，有任何問題歡迎發 issue 跟 pr 喔！
#pppr #prerender #funliday
chrome user agent string 在 MUKI SPACE INC. Facebook 的最佳解答
這篇有五個很實用的 Google WebDev Tools 技巧，推薦給各位!!
連我都不知道 WebDev Tools 有這麼多好用的功能 XD，裡面有很詳細的圖解，用的英文單字也很簡單，歡迎大家參考使用囉！
http://www.hongkiat.com/blog/chrome-web-developers-tips/
chrome user agent string 在 Get the "user agent" string from a new Google Chrome ... 的推薦與評價
... <看更多>
chrome user agent string 在 How to change the User Agent string in Chrome browser on ... 的推薦與評價
My ChromeXt Xposed module is capable of it. See its README: ## Mocking User Agent One can edit the user-agent from the Info panel of Eruda ... ... <看更多>
chrome user agent string 在 Launching Google Chrome with a Vivaldi User Agent · GitHub 的推薦與評價
chrome -ua-test.md. The following will allow you to test Chrome with a Vivaldi user agent. Shutdown Chrome and start a Terminal (or cmd.exe on Windows), ... ... <看更多>