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

9月前作者：宁波阿成分类：Toy博客阅读(68) 违法举报

这篇具有很好参考价值的文章主要介绍了开发uniapp过程中对app、微信小程序与h5的webview调试。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

一、H5

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

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

二、对微信小程序

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

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

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

三、app

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

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

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

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

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

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

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

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

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

开发uniapp过程中对app、微信小程序与h5的webview调试文章来源地址https://www.toymoban.com/news/detail-503764.html

到了这里，关于开发uniapp过程中对app、微信小程序与h5的webview调试的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

uniapp判断h5/微信小程序/app端

区分标识写法：以 #ifdef 或 #ifndef 加 %PLATFORM% 开头，以 #endif 结尾。 #ifdef：if defined 仅在某平台存在 #ifndef：if not defined 除了某平台均存在 %PLATFORM%：平台名称此方法支持文件有 .vue （模板里使用 !-- 注释 --） .js （使用 // 注释） .css （使用 /* 注释 */） pages.json

2024年02月11日
浏览(62)
Shopro商城高级版 Fastadmin和Uniapp进行开发的多平台商城（微信公众号、微信小程序、H5网页、Android-App、IOS-App）

Shopro商城无加密的开源源码( 可用于自营+外包项目(多主体) 、可用于外包定制开发项目 ) shopro 商城，一款基于 uni-app 的前端模板商城。目前适配了（小程序+app+h5+公众号）。主要功能：登录、注册、签到、富文本、分类、购物车、筛选、地址、商品评论、积分商城、拼团、

2023年04月09日
浏览(68)
uniapp的打包：h5、微信小程序以及APP方式

本人用的是HBuilder编译器，学习uniapp时b站某位大大推荐的，我刚开始接触代码时候也用过，那时候并不好用这个编译器，但是现在试了一下挺好用的。这是h5页面的打包配置，新版本的HBuilder用的是web配置（也就是h5配置的意思）由于上图是我个人项目练习，没有用到appID，所

2024年02月09日
浏览(65)
uniapp判断当前运行环境 app h5 微信小程序

仅3.4.10+版本以上才支持，如果您的hbuilderX版本不是这个版本的需要先升级一下版本 hbuilderx下载选择3.4.11及以上版本 uniPlatform 可取值如下：

2024年02月11日
浏览(65)
uniapp判断当前运行环境 app h5 微信小程序百度小程序

hbuilderX最新版本现在已经支持在代码中获取当前所处环境仅3.4.10+版本以上才支持，如果您的hbuilderX版本不是这个版本的需要先升级一下版本 hbuilderx下载选择3.4.11及以上版本 uniPlatform 可取值如下：值生效条件 app App web H5 mp-weixin 微信小程序 mp-alipay 支付宝小程序 mp-baidu 百度

2024年02月11日
浏览(60)
uniapp实现H5、APP、微信小程序三端文件下载

这里我使用了uniapp官方api uni.downloadFile 和 uni.openDocument APP使用了uniapp官方api uni.downloadFile 和 uni.saveImageToPhotosAlbum(OBJECT) 还有 uni.openDocument H5的方法比较简单可以直接使用window.open方法下载。即：如果你的浏览器支持预览，就会自动打开预览文件，然后自己手动下载文件，不支

2024年02月16日
浏览(73)
uniapp 发送全文件支持App端ios、android，微信小程序，H5

由于uniapp提供的API在app端只能上传图片和视频，不能上传其他文件，说以只能借助插件了。 ios端用的这个插件获取到文件对象免费的 ios-uniapp 文件选取word,pdf,xls等文件 - DCloud 插件市场 uniapp iOS文件选取 iOS选取text,pdf,word,doc,xls,ppt https://ext.dcloud.net.cn/plugin?id=1311 这个是返回一

2024年02月16日
浏览(59)
uniapp获取app版本号、h5版本号、微信小程序版本号的方法

App版本号 App的H5版本号只能在手机模式下才可以打印 , h5 预览模式获取不到的 !!! 获取微信小程序版本号感觉文章好的话记得点个心心和关注和收藏，有错的地方麻烦指正一下，如果需要转载,请标明出处，多谢！！！

2024年02月04日
浏览(63)
uniapp实现h5、app、微信小程序三端pdf文件下载和预览

以下代码兼容三端，app，h5，微信小程序，经过个人测试手机端有两种方法，使用renderjs或者uniapp的api 两者的区别使用renderjs的写法，会提示用户是否下载文件，下载完成后用户需要手动点击下载的文件，才会打开文件使用uniapp的api则可以直接下载并直接预览，不需要用户操

2024年02月11日
浏览(60)
uniapp使用webview将页面转换成图片支持h5、app、小程序

在uniapp项目中新建主页和webview页面 index.vue代码 webview代码实现效果

2024年02月05日
浏览(55)