聊聊小程序web-view localhost 本地調試 前端部分

在小程序裏嵌套一個h5頁面,在如今已經不是新鮮事情了,可是,你想要console.log()這個h5頁面,log裏面的每一步你想要的,該怎麼實現呢?
如下爲解決方法:前端

  • 若是想要看到wx.config中的jsApiList的調用取值,咱們在微信開發者工具在該頁面點擊右鍵,能夠看到「調試」兩個字,點擊就能夠看到。

有人問,web-view對應的是一個業務域名,是https,我想本地開發調試。
解決步驟:web

  • 在微信開發者工具詳情勾選不校驗域名
  • 而後在你的web-view的src寫入你的本機ip地址+端口鏈接本地頁面
  • 刷新開發者工具便可本地頁面顯示

我能在本地看到後臺接口數據了,我能看到jsApiList的取值了,可是我想本地觸發jsApiList,怎麼辦?
解決步驟:小程序

  • 你的本地頁面已經打開了,執行wx的api會顯示url不對之類提示
  • 不要疑惑,這時候又要祭出微信開發者工具
  • 左上角新建公衆號網頁
  • 把你的本地地址web-view複製到那個搜索框
  • 去執行微信的api事件,成功執行,還能看到返回值

至此,前端的本地調試都不成問題了,有返回值就知道下一步該怎麼作
謝謝你們!比個心api