开发uniapp过程中对app、微信小程序与h5的webview调试

简介: 开发uniapp过程中对app、微信小程序与h5的webview调试

 因为在开发中使用到了webview,因为出现一些问题,所以需要对webview进行跟踪调试,但因为app,h5与微信小程序不一样,所以需要单独说一下。

   一、H5

   这个比较简单,因为都是在chrome,用F12就可以

二、对微信小程序

     因为普通的uniapp页面上都能通过F12可以显示出来,但嵌入webview的相关内容就看不到了,这样就很不方便。

      但微信小程序开发工具可以有方便的地方,就是下面红标注的爬虫的图标就可以跟踪webview里的内容。

三、app

   手机端跟踪webview的方式,网上官方也有介绍,

1.打开webview调试(在Hbuild中打开项目,选择 视图-->显示Wbeiview控制台)

2.chrome浏览器打开: chrome://inspect/#devices 这个页面

我是上面的标识的这个页面,点击对应页面的inspect,就可以看到样式等了,好像打不开

用hbuilderX的视图,webview调试,好像也是检测不到手机

但是我用手机都可以进行真机的调试了,也是可以检测到手机的,所以目前还找不到原因。


相关文章
|
8月前
|
移动开发 JavaScript 应用服务中间件
【06】优化完善落地页样式内容-精度优化-vue加vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
【06】优化完善落地页样式内容-精度优化-vue加vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
1050 5
【06】优化完善落地页样式内容-精度优化-vue加vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
|
8月前
|
移动开发 小程序 前端开发
小程序开发平台有哪些?哪个好
小程序的开发方式丰富多元,开发团队可根据自身的技术背景、项目具体需求以及资源状况,灵活挑选最为适宜的开发路径。以下将详细介绍几种主流的小程序开发方式。
676 1
|
API Android开发 数据安全/隐私保护
解决android webview 加载http url 失败 net::ERR_CLEARTEXT_NOT_PERMITTED 错误
解决android webview 加载http url 失败 net::ERR_CLEARTEXT_NOT_PERMITTED 错误
3537 0
|
Android开发 iOS开发 UED
Android webView 实现阻尼回弹效果
iOS webView默认滑动到顶部或者底部的时候,还可以继续通过手指拉扯滑动,松手后回弹;而Android webView默认是不行的,要实现跟iOS一样的效果,就需要自定义webView。
1011 0
|
Web App开发 移动开发 前端开发
52. 【Android教程】网页视图:WebView
52. 【Android教程】网页视图:WebView
775 1
|
Web App开发 JavaScript 前端开发
Android端使用WebView注入一段js代码实现js调用android
Android端使用WebView注入一段js代码实现js调用android
554 0
|
JavaScript 前端开发 Android开发
android开发,使用kotlin学习WebView(详细)
android开发,使用kotlin学习WebView(详细)
1178 0
|
定位技术 Android开发
[√]Android webview的url scheme
[√]Android webview的url scheme
1191 0