docs 開發之 charles 配置指南
2.啟用
使用公司正版license 啟用
安裝證書
點選證書並選擇「始終信任」 (證書不被信任可能會導致**開發時部分資源檔案無法載入。)
設定**
將你需要**https的**新增進去:
本地除錯
如果你想**bear-test 到本地， 你需要：
點選map remote:
新增你需要的設定：
這裡提供乙個基礎配置：
如果你是新手， 只需 import 這個檔案， 點選ok 就好了。
配置到這裡 ，開啟bear-test 中的一篇文件， 你就會看到資源請求打到了本地。
這樣， 就能在本地進行開發和除錯了。
異常處理
頁面空白， 提示獲取資料失敗：
這種情況， 你需要檢查一下 only_dev 這個檔案的 session 是否過期。
在這裡找到：
如果你也不確定是否過期， 就刪掉， 重新登陸，然後拿到新的session ，重新 yarn start 一下就可以了。
id 指的是userid, 在控制台中，可通過 window.user 檢視。
此配置中， 還有個預設的字段wsserver， 預設值是wsserver: "ws:",
如果你需要修改， 直接重新賦值即可。
更便捷的設定
如果你想在不同的開發任務間來回切換， 又不想頻繁的修改only_dev.js 中的配置， 你只需要在backends 目錄中新建乙個檔案：
裡面是該環境需要的一些引數：
需要切換環境的時候， 只需要執行：
yarn use beartest
這條命令會把裡面的內容自動新增到only_dev 中。
然後再重新yarn start ， 重新整理即可。
mobile 端除錯的相關配置
m端的配置稍微繁瑣一些。
這裡以 ios 為例。
首先，你需要找客戶端的同學要一台測試機， 幫你安裝測試版的docs.
測試機上一般已經配好了**。
然後你需要確認：
1.手機上是否安裝了證書， 如果沒有， 就安裝。
安裝證書
按照提示安裝證書。
1.設定ip。 移動端連線的網路是bytedanceinc, 你需要手動設定http **， 和你pc 的 ip 保持一致。
2.手機訪問這個位址， 然後安裝證書， 設定信任。
設定**
設定charles **。( 把移動端的資源請求**到本地來)
示例:
這樣就可以在本地進行後續的開發和除錯了。
whistle 前端除錯利器
為什麼80 的碼農都做不了架構師？前端本地開發的場景中，我們需要頻繁的改動 並需要實時看到效果，並且在一些開發場景中，我們需要將特定的請求 到特定的ip 本地檔案等，所以使用fiddler或whistle等本地 真機抓包除錯工具是非常必要的。在歷史的長河中，我們是使用fiddler willow再搭...
手機前端開發除錯利器 vConsole
我們在開發手機版網頁的時候，常常會出現下面的情景 1 開發時，在自己電腦上執行得好好的，在手機上開啟就掛了，但是手機上又看不到error log 2 上線後，某使用者表示頁面失靈，但我們自己又重現不出來，看不到使用者側的出錯資訊。如果說 1 還可以通過電腦連線手機以檢視log來解決，那 2 在沒有完...
手機前端開發除錯利器 vConsole
我們在開發手機版網頁的時候，常常會出現下面的情景 1 開發時，在自己電腦上執行得好好的，在手機上開啟就掛了，但是手機上又看不到error log 2 上線後，某使用者表示頁面失靈，但我們自己又重現不出來，看不到使用者側的出錯資訊。如果說 1 還可以通過電腦連線手機以檢視log來解決，那 2 在沒有完...