05 youtube下載安裝失敗無法接收(前端抓手機抓包可以看頁面樣式嗎)

ure 解密，

然后用加密算法生成 master-secure（對稱加密的密鑰），然后發送給 client

client 收到生成的 master-secure，對稱加密密鑰傳輸完畢

最后，就可以使用 master-secure 進行真正的數據對稱加密傳輸。

中間人想要抓包，需在 HTTPS 加密通信之前：

截取客戶端發送的包含證書的報文，偽裝成服務端，把自己的證書發給客戶端，然后拿到【客戶端返回的包含對稱加密通信密鑰的報文】，生成中間人與客戶端對稱加密的密鑰。

同樣偽裝成客戶端，以服務端自己的非對稱公鑰加密【客戶端返回的包含對稱加密通信密鑰的報文】發給服務端，獲得服務端生成的對稱加密密鑰。

這樣一來，加密通信建立完成，而中間人拿到了通信的數據密鑰，可以查看、修改 HTTPS 的通信報文。

這里客戶端與中間人通信、中間人與服務端通信，都是正常建立了 HTTPS 加密連接的。



其中很重要的一步是瀏覽器的根證書校驗，CA 機構不可能隨便給一個中間人簽發不屬于它的域名證書，也就不在客戶端的操作系統上了，因此只能把中間人的根證書，導入到客戶端的操作系統了，以此完成建立加密通信時對中間人證書的驗證。

1.3 電腦如何抓手機的包

要想通過電腦端獲取手機 Web 應用的數據包，根據前面所學，就需要中間人策略。

PC 端建立一個服務器中間人進程，偽裝為 web 應用的目標服務器。手機端 web 應用發送的請求數據先經過中間人，中間人進行攔截處理再發送給目標服務器。反過來，目標服務器發送的數據包先通過中間人，再由中間人響應給瀏覽器客戶端。

這里要注意的是，無論是個人電腦PC，還是移動端手機，都需要接入互聯網網絡，可以相互找到對方才能建立通信。

一般對開發來說，個人電腦本地起的服務器進程，在公網上是訪問不到的。一般是無線局域網，個人電腦與手機端連接同一個路由器發出的 Wi-Fi，就可以相互通信。



具體步驟：

在 PC 電腦本地起一個服務器進程，監聽一個端口比如 8899

在手機上連接同一個局域網，配置網絡代理，指向 PC 端的 IP 地址和 8899 端口

這樣一來，手機上所有的網絡通信都會被先轉發到 PC 端的 8899 端口，就可以對數據包進行分析處理

拿訪問 youtuBe 來說，比如電腦已經使用【服務器軟件】成功訪問，此時只要手機配置代理指向電腦 ip 地址和指定端口，手機就可以同樣訪問 youtuBe了。

2. 抓包工具 whistle

2.1 whistle 是什么

Whistle 是基于 Node 實現的跨平臺抓包免費調試工具，其主要特點：

1、完全跨平臺：支持 Mac、Windows 等桌面系統，且支持服務端等命令行系統

2、功能強大：

支持作為 HTTP、HTTPS、SOCKS 代理及反向代理

支持抓包及修改 HTTP、HTTPS、HTTP2、WebSocket、TCP 請求

支持重放及構造 HTTP、HTTPS、HTTP2、WebSocket、TCP 請求

支持設置上游代理、PAC 腳本、Hosts、延遲（限速）請求響應等

支持查看遠程頁面的 買粉絲nsole 日志及 DOM 節點

支持用 Node 開發插件擴展功能，也可以作為獨立 npm 包引用

3、操作簡單

直接通過瀏覽器查看抓包、修改請求

所有修改操作都可以通過配置方式實現（類似系統 Hosts），并支持分組管理

項目可以自帶代理規則并一鍵配置到本地 Whistle 代理，也可以通過定制插件簡化操作

如何快速使用 whistle

先安裝 node，建議用 nvm 管理

全局安裝 whistle

1

npm i -g whistle & w2 start

安裝后，可以在電腦上設置全局代理，代理的端口為 8899.

1

2

3

w2 proxy // 設置全局代理

w2 proxy off // 關閉全局代理

就可以通過瀏覽器訪問 買粉絲://127.0.0.1:8899/ 查看抓包、修改請求等。



如果你不想使用全局代理，就可以安裝 SwitchyOmega 插件，按需對某些網站設置 whistle 代理。

選擇 Whistle 代理



設置 Whistle 代理



2.2 whistle 可以做的事情

whistle 可以做的事情很多，以下是官網圖：



一些例子配置如下圖所示：



3. whistle 實戰案例

3.1 原生 app 加載 PC本地代碼開發

在原生 app 上已經通過 h5 域名加載了 web 頁面，但是本地開發時不想每次都走流水線或本地打包上傳代碼。

需要把原生 app 的請求代理到本地服務器上來，前提條件是 wifi 手機與電腦可相互訪問，也就是前面提到的電腦抓 pc 的包。

因為我的 web 服務端是 買粉絲s 應用，因此需要下載 whistle 提供的根證書，手動導入到手機上。

點擊 HTTPS 菜單，然后使用手機掃描二維碼，使用手機瀏覽器打開即可下載，在手機證書中設置進行導入并且設置信任。



此時，再在手機上配置代理指向 PC 電腦的 IP和 whistle 監聽的端口即可在電腦上截獲數據包。

我本地webpack 啟動的服務器應用訪問地址為：xxx.xxx.xxx.xxx:8080

whistle 的配置規則：

1

2

3

4

5

6

7

8

9

# Rules

# 訪問首頁走本地

jecyu.買粉絲/webs/short-transport 買粉絲://xxx.xxx.xxx.xxx:8080?deptCode=755DL # 首頁路徑

# 后續的請求都使用本地代碼

jecyu.買粉絲 買粉絲://xxx.xxx.xxx.xxx:8080?deptCode=755DL

其中試過在原生 app 訪問本地應用時出現錯誤“ webpack 會提示 invalid host header”，解決方案是在 devServer 配置添加即可：

1

2

3

4

5

devServer: {

allowedHosts: 'all',

}

至此，成功讓原生 app 訪問PC 端本地的開發代碼。

3.2 查看移動端的 DOM 樣式

Whistle 能夠通過內置的 Weinre 去實現查看移動端的 DOM 樣式，配置規則如下

1

2

3

# 設置 weinre

買粉絲s://juejin.買粉絲 weinre://test

手機上重新訪問 juejin.買粉絲 網站，然后打開 weinre 可以看到如下，綠色表示遠程連接成功

紐約視覺藝術學院申請條件和要求

MFA申請條件

申請者必須具有認證學院或大學頒發的學士學位或同等學歷。

個人陳述或目標陳述：一篇250到500字的目標陳述，主要寫自己申請的理由與在學習中預期的目標

注意：所有申請材料終歸SVA所有并且將不會退回

簡歷：申請者需提交個人簡歷，包含藝術專業相關經歷，如所做研究、獲得的獎項和參加展覽的作品。

正式成績單：申請者需提供大學或學院學習期間的正式成績單；成績單必須由學生就讀學校提供印章并裝入未啟封的信封中與其他申請材料一同提交；國外大學成績單必翻譯成英語并換算成美國成績計

推薦信：所有節目（MFA設計社會創新和MPS時裝攝影除外）申請人須提交三封推薦信，從導師或執業的專業人士。

請注意：MPS時裝攝影計劃的申請人只需要提交兩封推薦信。 MFA設計的社會創新計劃的申請人無須提交推薦信。

現在可以通過在線提交網上申請。申請人將被要求提供的E-mail地址和完整的聯系信息引用。

信件還可以郵寄或交付與所有其他的補充申請材料。

申請

提交申請（官方網站下載）→申請費50美元→藝術作品樣例→五百字目標陳述→高中成績單→英語水平證明+財產證明

研究生專業介紹及各學院的申請要求

批判藝術學和寫作

寫作樣本：需提交2500到3000字的打印稿寫作樣本。內容與學生研究方向相關。鼓勵提交已發表的論文和文章。

需要面試

藝術教育學

提交含15到20張畫作的CD，畫上標好你的名字，題目和頁碼，并按序排列。

作品要求：至少十張室內藝術媒體作品，兩張運用油畫，素描，3D媒體技術的作品。

特殊課程：室內藝術至少修完30學分，藝術史12學分，人文科學30學分，還需參加除英語外的需要課程

考試：強烈建議參加人文科學考試（LAST），該考試為國家證書的必考項目。提交LAST成績單復印件

需面試

藝術實踐

靜態圖片15到20張jpg格式。數字圖像大于1500pjxel，72pp

視頻：mov、flv、wmv格式的文件，每個不超過10分鐘，總量不超過60兆

音頻：mp3格式，每個不超過10分鐘，總共不超過10兆。

寫作樣品：500到750字的寫作樣品，可以是論文或原創文章。描述你以藝術為發展中心的個人經歷。

面試：通過SKYPE

藝術治療專業

申請者需提交一張存有15到20張數字圖片（最好是jpeg格式）或者將圖片上傳到研究生入學幻燈片室的賬戶中。

強烈建議申請者提交式樣廣泛的圖片。除了圖片也可以上傳DVD（僅限NTSC格式）

特別課程：申請者必須已修完至少18學分的美術和12學分的心理學

面試：需要入學面試。最好是當場面試但如果無法趕到紐約面試的可以進行電話面試或視頻面試

品牌學

申請者需提交一篇750字的短文打印稿評論某個品牌的選擇。內容需包含：市場關系、歷史重要性、品牌資產的分配、創造性分析

寫作樣本：申請人須提交一份概述為什么選擇適用這個專業，他們的課程學習和“品牌”的概念對他們意味著什么，他們希望實現什么類型的寫作樣本。

補充材料：接受任何其他材料，概述申請人在本學科的專業知識，但不是必需的，包括以下所述：設計作品集；品牌戰略定位

很赞哦!（5）