建站
咨詢
售后
建站咨詢
新聞中心
調(diào)試
vConsole
在真機(jī)上，如果想要查看 console API 輸出的日志內(nèi)容和額外的調(diào)試信息，需要在點(diǎn)擊屏幕右上角的按鈕打開的菜單里選擇「打開調(diào)試」。此時小程序/小游戲會退出，重新打開后會右下角會出現(xiàn)一個 vConsole 按鈕。點(diǎn)擊 vConsole 按鈕可以打開日志面板。
創(chuàng)新互聯(lián)成立于2013年，先為禮縣等服務(wù)建站，禮縣等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為禮縣企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
小程序和小游戲的 vConsole 展示內(nèi)容會有一定差別，下圖左邊是小程序 vConsole，右邊是小游戲 vConsole
vConsole 使用說明
由于實(shí)現(xiàn)機(jī)制的限制，開發(fā)者調(diào)用 console API 打印的日志內(nèi)容，是轉(zhuǎn)換成 JSON 字符串后傳輸給 vConsole 的，導(dǎo)致 vConsole 中展示的內(nèi)容會有一些限制：
- 除了 Number、String、Boolean、null 外，其他類型都會被作為 Object 處理展示，打印對象及原型鏈中的 Enumerable 屬性。
- Infinity 和 NaN 會顯示為 null。
- undefined、ArrayBuffer、Function 類型無法顯示
- 無法打印存在循環(huán)引用的對象
let a = {} a.b = a console.log(a) // 2.3.2 以下版本，會打印 `An object width circular reference can't be logged`
針對上述問題，小程序/小游戲在使用 vConsole 時做了一些處理
- 2.3.2 及以上版本，支持打印循環(huán)引用對象。循環(huán)引用的對象屬性會顯示引用路徑，@表示對象本身。
const circular = { x: {}, c: {} } circular.x = [{ promise: Promise.resolve() }] circular.a = circular circular.c.x0 = circular.x[0] console.log(circular) // "{a: ''}]}"
- 2.3.1 及以上版本，支持展示所有類型的數(shù)據(jù)?；A(chǔ)庫會對日志內(nèi)容進(jìn)行一次轉(zhuǎn)換，經(jīng)過轉(zhuǎn)換的內(nèi)容會使用<>包裹。如：
- ...
- 2.2.3 ~ 2.3.0 版本中，可以展示 ArrayBuffer 和 Function 類型，undefined 會被打印為字符串 'undefined'
注：盡量避免在非調(diào)試情景下打印結(jié)構(gòu)過于復(fù)雜或內(nèi)容過長的日志內(nèi)容（如游戲引擎中的精靈或材質(zhì)對象等），可能會帶來額外耗時。為了防止異常發(fā)生，日志內(nèi)容超過一定長度會被替換為
Source Map
目前只在 iOS 6.7.2 及以上版本支持
小程序/小游戲在打包時，會將所有 js 代碼打包成一個文件，為了便于開發(fā)者在手機(jī)上調(diào)試時定位錯誤位置，小程序/小游戲提供了 Source Map 支持。
在開發(fā)者工具中開啟 ES6 轉(zhuǎn) ES5、代碼壓縮時，會生成 Source Map 的 .map 文件。開發(fā)版小程序中，基礎(chǔ)庫會使用代碼包中的 .map 文件，對 vConsole 中展示的錯誤信息堆棧進(jìn)行重新映射（只對開發(fā)者代碼文件進(jìn)行）。
如果使用外部的編譯腳本對源文件進(jìn)行處理，只需將對應(yīng)生成的 Source Map 文件放置在源文件的相同目錄下
如：
pages/index.js
pages/index.js.map
app.js
app.js.map
開發(fā)者工具會讀取、解析 Source Map 文件，并進(jìn)行將其上傳
后續(xù)可以在小程序后臺的運(yùn)營中心可以利用上傳的 Source Map 文件進(jìn)行錯誤分析
- Source Map 文件不計入代碼包大小計算。
- 開發(fā)版代碼包中由于包含了 .map 文件，實(shí)際代碼包大小會比體驗(yàn)版和正式版大。
真機(jī)調(diào)試
真機(jī)遠(yuǎn)程調(diào)試功能可以實(shí)現(xiàn)直接利用開發(fā)者工具，通過網(wǎng)絡(luò)連接，對手機(jī)上運(yùn)行的小程序進(jìn)行調(diào)試，幫助開發(fā)者更好的定位和查找在手機(jī)上出現(xiàn)的問題。
網(wǎng)站名稱：創(chuàng)新互聯(lián)小程序教程：微信小程序 調(diào)試
網(wǎng)頁鏈接：http://www.dlmjj.cn/article/dhdccdo.html
