在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ slack網(wǎng)站是如何不透過 server 就解析訊息中的 URL圖片和文字呢?

slack網(wǎng)站是如何不透過 server 就解析訊息中的 URL圖片和文字呢?

如果我輸入一個包含網(wǎng)址的訊息在 slack 的聊天網(wǎng)站上

https://segmentfault.com/a/1190000014660235#articleHeader0

clipboard.png

這個 URL 中,slack 以某種方式,解析出這網(wǎng)頁 html text 內(nèi)容中的3項資訊讓 slack web app使用,

  1. favio icon URL : https://static.segmentfault.c...
  2. image URL : https://static.segmentfault.c...
  3. 文章的標(biāo)題和前幾句文字: 基于Htte.....

查看 Chrome 的網(wǎng)路訊息時,可以發(fā)現(xiàn)送出一個含有 URL 的訊息,總共會發(fā)出 5 個 http 請求。

clipboard.png

  1. 包含我的訊息內(nèi)容,回應(yīng)資料中 http body 和 headers 后有看到一些文字,但并不包含解析后的URL。
  2. 如3
  3. 和快取相關(guān),回應(yīng)資料中 http body 和 headers 后有看到一些文字,但并不包含解析后的URL。
  4. request URL 就包含了 解析后的 URL https://static.segmentfault.com/v-5b973eab/global/img/favicon.icohttps://static.segmentfault.com/v-5b973eab/global/img/touch-icon-512.png

請問 slack 的 這個 react web app 到底是怎麼取得解析后的 URL 和文字的呢?

附注,若是傳送一個不包含 URL 的訊息,總共會有 2 個 http request

clipboard.png

回答
編輯回答
青檸

通過 WebSocket
你可能會問你為什么沒看到這個捕獲,因為你是在這個連接之后再打開的F12,重新刷新一下網(wǎng)頁就有了
圖片描述

2017年7月29日 08:18