tbs studio免費(fèi)版是專門進(jìn)行用來(lái)調(diào)試程序的第三方服務(wù)軟件，可以幫助開發(fā)者更加便捷去優(yōu)化自己的頁(yè)面，分析自己的程序功能，更加簡(jiǎn)單進(jìn)行調(diào)試和性能分析。

tbs studio官方版簡(jiǎn)介

TBS Studio是面向基于TBS的Web開發(fā)者和移動(dòng)應(yīng)用開發(fā)商（包括微信、手Q，三方App等）打造的開發(fā)服務(wù)整體解決方案，以提升廣大開發(fā)者在真機(jī)環(huán)境下的開發(fā)效率，并幫助開發(fā)者分析和優(yōu)化網(wǎng)頁(yè)的設(shè)計(jì)，主要功能有網(wǎng)頁(yè)Inspector調(diào)試，網(wǎng)頁(yè)性能分析等。  

軟件使用

1、安裝完成后啟動(dòng)TBS_Studio.exe

2、打開要調(diào)試的目標(biāo)app，啟動(dòng)檢測(cè)（啟動(dòng)檢測(cè)之前一定要打開手機(jī)開發(fā)者模式，開發(fā)者模式開啟方式請(qǐng)百度）

3、彈出確認(rèn)框，點(diǎn)擊確認(rèn)

4、設(shè)定TBS Studio的調(diào)試狀態(tài)，根據(jù)需求選擇普通網(wǎng)頁(yè)或者小程序

5、設(shè)定TBS Studio的調(diào)試狀態(tài)，根據(jù)需求選擇普通網(wǎng)頁(yè)或者小程序，以普通網(wǎng)頁(yè)為例截圖

6、點(diǎn)擊啟動(dòng)調(diào)試按鈕

7、這時(shí)候再打開要調(diào)試的網(wǎng)頁(yè)鏈接，TBS會(huì)自動(dòng)獲取到剛剛打開的網(wǎng)頁(yè)鏈接

8、點(diǎn)擊上圖中紅色圈起來(lái)的inspect，會(huì)跳轉(zhuǎn)到調(diào)試頁(yè)面，如果跳轉(zhuǎn)的頁(yè)面顯示空白，只需點(diǎn)擊左上角的刷新按鈕即可，剩下的操作和電腦chrome一樣了，電腦和手機(jī)的操作都是同步的。

軟件背景

TBS Studio的前身是TBS下的WebView Inspector網(wǎng)頁(yè)調(diào)試工具，當(dāng)中經(jīng)歷幾個(gè)階段的演進(jìn)：  

1、需要手動(dòng)安裝TBS調(diào)試版內(nèi)核，并且需要PC端使用python腳本，安裝代價(jià)大

2、TBS2.0之后版本打開debug調(diào)試頁(yè)面，勾選inspector開關(guān)選項(xiàng)重啟，很多App沒(méi)有入口可以打開調(diào)試頁(yè)面；  

3、經(jīng)過(guò)不斷改進(jìn)和優(yōu)化，最終形成TBS studio開發(fā)服務(wù)的整體解決方案。  

后續(xù)會(huì)基于該框架不斷擴(kuò)充對(duì)開發(fā)者的引導(dǎo)和幫助信息，幫助開發(fā)者快速解決問(wèn)題，提升開發(fā)效率，并提升Web開發(fā)的質(zhì)量。  

軟件功能

1、自動(dòng)引導(dǎo)開發(fā)者打開Inspector調(diào)試開關(guān)；  

2、一鍵開啟Inspector調(diào)試，無(wú)需打開瀏覽器輸入U(xiǎn)RL，方便快捷；  

3、擴(kuò)展X5內(nèi)核獨(dú)有Inspect選項(xiàng)，方便頁(yè)面分析和優(yōu)化； 

4、自動(dòng)檢測(cè)手機(jī)與PC的連接；  

5、自動(dòng)檢測(cè)網(wǎng)頁(yè)是否可進(jìn)行Inspect調(diào)試；  

6、真機(jī)遠(yuǎn)程Inspector調(diào)試。