TBS開發調試利器——TBS Studio

1、TBS Studio簡介 1.1 TBS Studio是什麼 TBS Studio是面向基於TBS的Web開發者和移動應用開發商（包括微信、手Q，三方App等）打造的開發服務總體解決方案，以提高廣大開發者在真機環境下的開發效率，並幫助開發者分析和優化網頁的設計，主要功能有網頁Inspector調試，網頁性能分析等。

1  TBS Studio功能特性

1）自動檢測手機與PC的鏈接；

2）自動檢測網頁是否可進行Inspect調試；

3）自動引導開發者打開Inspector調試開關；

4）一鍵開啓Inspector調試，無需打開瀏覽器輸入URL，方便快捷；

5）擴展X5內核獨有Inspect選項，方便頁面分析和優化；

6）真機遠程Inspector調試。

1.4 TBS Studio 啓動調試流程圖

1.5 TBS Studio包下載 [TBS內核版本目前已升級到3.0版本以上，對應TBS Studio調試工具請使用1.3.0及以後的版本！！！]

win64: http://mcaredown.3g.qq.com/browser/tes/TBS_Studio_win64_v1.3.1_2017062311.zip win32: http://mcaredown.3g.qq.com/browser/tes/TBS_Studio_win_v1.3.1_2017061615.zip MAC: http://mcaredown.3g.qq.com/browser/tes/TBS_Studio_mac_v1.3.1_2017061617.dmg.zip linux64位下載地址（暫未更新）：http://mcaredown.3g.qq.com/browser/tes/TBS_Studio_linux_x64.zip

2、TBS Studio安裝和啓動

2.1 運行環境 PC環境: 當前支持Windows和mac操做系統。 手機環境：Android 4.4+，機型包括華爲，小米，三星等主流機型。 調試宿主App（須要接入x5內核）：微信、手Q、QQ音樂、QZone、京東等

2.2 安裝說明 免安裝。 注：若是存在沒法使用的狀況，請將TBS Studio放置到英文目錄下重試。

 

3、TBS Studio工具使用

3.1 啓動應用

a）雙擊啓動TBS Studio.exe

b）選擇調試設置Tab，啓動檢測，示意以下：

3.2 TBS Studio 調試設置

1）請鏈接手機，容許USB調試；

a）檢測成功，示意以下：

b）檢測失敗請從新檢測，示意以下：

 

2）設定/修改調試目標App；

a）彈出調試App提示

b）點擊確認，經過step2，示意以下：

c）點擊取消，失敗提示請從新檢測，示意以下：

 

3）檢測是否支持TBS調試；

a）點擊肯定關閉調試App

b）自動下載、自動安裝、自動打開TBS Studio Client客戶端

c）自動安裝TBS內核，請關注手機安裝過程

d）自動拉取待調試的App，請訪問一個webview頁面，再點擊確認

e）調試App確認打開webview頁面，點擊確認

4）設定TBS調試狀態。

a）請確認打開調試開關，建議勾選永久生效，不勾選默認只保留一天

b）點擊打開待調試App，訪問webview頁面，示意以下：

3.2 TBS Studio 啓動調試

1）點擊啓動調試按鈕，示意以下：

2）找到對應App webview調試頁面，示意以下：

3）進入Developer Tools調試界面：示意以下：

4、TBS Studio工具日誌說明

4.1 在使用過程當中若是發生了問題，能夠嘗試獲取日誌文件向咱們反饋 日誌文件存放位置以下（UserName是當前登陸的用戶名稱）： C:\Users\UserName\AppData\Local\TBSStudio\User Data\Default\tbs_debug.log

5、FAQ

5.1 微信調試時，TBS內核大於2.0且小於最新內核時如何開啓Inspector功能？

解決方案： 1. 在「X5調試頁面」上，點擊進入「信息」Tab。

2. 找到TBS settings欄目，勾選「是否打開TBS內核Inspector調試功能」，而後點擊確認，進程自動退出。

3. 從新打開Web頁面，使用Inspector頁面調試功能。

5.2 沒有tbs內核的手Q，第一次跳轉到debugtbs.qq.com的時候要如何操做？

解決方案： 1. 點擊「安裝線上TBS內核」，等待下載和安裝TBS內核。

2. TBS內核安裝成功後，點擊確認重啓再次掃碼進入Inspect中轉頁面。

5.3 電腦死活adb鏈接不成功？

解決方案： 1. 請確保USB連線能正常連通PC和手機。簡單確認方法：手機狀態欄顯示爲充電狀態。

2. 請確保PC的USB驅動已正常安裝，能夠在控制面板「設備管理器」 「通用串行總線控制器」中確認無異常USB設備顯示。

3. 點擊重置，再次「啓動檢測」。