大家好我是黑臂麒麟
;
下面是開發(fā)微信小程序嵌入H5調(diào)試技巧:
問題:
在微信小程序頁面中,web-view內(nèi)嵌了另一個(gè)頁面url,從小程序跳轉(zhuǎn)到該H5頁面的時(shí)候,無法看到該H5頁面的控制臺信息。那就沒有辦法了么?不,憑著鍥而不舍的精神,在網(wǎng)絡(luò)的海洋遨游許久。我查找到解決辦法,今記錄下來。以便自己以后用,也可以幫助被這個(gè)問題困擾的其他前端小伙伴。
解決方式:
下面辦法請小伙伴注意:
要在打開嵌入H5的webview的page頁面操作
;
1.微信開發(fā)者工具左邊頁面底部欄右側(cè)
,會(huì)有三個(gè)圖片點(diǎn)擊。其中有個(gè)蟲蟲(爬蟲)
圖標(biāo),點(diǎn)它。
2.點(diǎn)擊蟲蟲
(目前是這個(gè)位置,之前是在后面"..."
的隱藏菜單里面"調(diào)試"
菜單選項(xiàng)打開的)后,自動(dòng)會(huì)打開當(dāng)前嵌入的H5頁面的調(diào)試器窗口。
3.這樣就可以在H5項(xiàng)目
編寫打印信息了,小程序端也可以看到H5的console.log信息。文章來源:http://www.zghlxwxcb.cn/news/detail-580186.html
總結(jié):
如果文章對你在開發(fā)中有用,麻煩抽出幾秒鐘的時(shí)間,求個(gè)點(diǎn)贊、關(guān)注、評論。讓我用更多的動(dòng)力更新文章,謝謝小伙伴們。文章來源地址http://www.zghlxwxcb.cn/news/detail-580186.html
到了這里,關(guān)于如何在【微信小程序 】中的 webview 查看H5頁面的console.log和調(diào)試H5頁面?的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!