注:本教程來(lái)源網(wǎng)絡(luò),有興趣的可以直接到這里查看。
寫好了WEB3應(yīng)用,在本地調(diào)試用得好好的,但是用錢包軟件訪問(wèn)就報(bào)莫名的錯(cuò),但是又不知道是什么原因,排查的過(guò)程非常浪費(fèi)時(shí)間 。
因此在本地同一局域網(wǎng)進(jìn)行調(diào)試就非常有必要,本教程有下面幾個(gè)重點(diǎn),包含MetaMask Mobile Android ?調(diào)試Web3的DAPP 干貨。
1.重點(diǎn)內(nèi)容和亮點(diǎn)
1.如何設(shè)置訪問(wèn) HTTPS DApps 不驗(yàn)證證書,方便開發(fā)者在本地網(wǎng)絡(luò)中調(diào)試 DApps。
2.設(shè)置WebView?開啟?DEBUG 使用 "Chrome 開發(fā)者工具" 源代碼調(diào)試 DApps。
下載最新應(yīng)用程序版本以進(jìn)行安裝。由于文件稍大,請(qǐng)使用下載管理器(如迅雷或 BitTorrent)協(xié)助下載。親測(cè)無(wú)后門,如果不放心請(qǐng)使用不用的測(cè)試機(jī)安裝,注意要科學(xué)上網(wǎng),下載鏈接如下:?Releases · bitkanda/MetaMaskDebug · GitHub
如果下載不了,可以使用網(wǎng)盤
鏈接:https://pan.baidu.com/s/1pOLlICcbYERdKzXEhNJ5bQ?pwd=1234?
提取碼:1234
2.手機(jī)安裝DEBUG版本的metamask-mobile
使用上面鏈接下載
3.手機(jī)配置
打開開發(fā)人員選項(xiàng),各品牌手機(jī)打開不一樣,自行網(wǎng)上查閱。
通過(guò) USB 將手機(jī)連接到計(jì)算機(jī),注意手機(jī)提示選擇傳輸文件允許訪問(wèn)手機(jī)數(shù)據(jù)和打開了開發(fā)者模式,在提示框允許調(diào)試。
?
4.在Chrome?調(diào)試Web3?智能合約應(yīng)用
請(qǐng)打開 Chrome 瀏覽器,輸入“chrome://inspect/#devices”以訪問(wèn)調(diào)試入口和可調(diào)試的 DAPP。
如下圖:
5.調(diào)試工具控制臺(tái),輸入DAPP網(wǎng)址,可參看日志輸出
網(wǎng)站打開是否有錯(cuò),和日志?輸出一目了然。
注意:這里的https://localhost:8080?可以?替換為你測(cè)試的vue項(xiàng)目中的局域網(wǎng)地址,如你的vue?項(xiàng)目綁定的地址是https://192.168.1.200:8080
文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-663029.html
6.直接調(diào)試,單步執(zhí)行,在監(jiān)視查看web3的各個(gè)變量?值
?7.查看網(wǎng)絡(luò)訪問(wèn)的接口和資源文件情況文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-663029.html
到了這里,關(guān)于MetaMask Mobile +Chrome DevTools 調(diào)試Web3應(yīng)用教程的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!