如何在【微信小程序 】中的 webview 查看H5页面的console.log和调试H5页面?

这篇具有很好参考价值的文章主要介绍了如何在【微信小程序 】中的 webview 查看H5页面的console.log和调试H5页面?。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

大家好我是黑臂麒麟
下面是开发微信小程序嵌入H5调试技巧:

问题:

在微信小程序页面中,web-view内嵌了另一个页面url,从小程序跳转到该H5页面的时候,无法看到该H5页面的控制台信息。那就没有办法了么?不,凭着锲而不舍的精神,在网络的海洋遨游许久。我查找到解决办法,今记录下来。以便自己以后用,也可以帮助被这个问题困扰的其他前端小伙伴。

解决方式:

下面办法请小伙伴注意:要在打开嵌入H5的webview的page页面操作

1.微信开发者工具左边页面底部栏右侧,会有三个图片点击。其中有个虫虫(爬虫)图标,点它。
小程序调试h5页面,小程序,微信小程序,前端,javascript

2.点击虫虫(目前是这个位置,之前是在后面"..."的隐藏菜单里面"调试"菜单选项打开的)后,自动会打开当前嵌入的H5页面的调试器窗口。
小程序调试h5页面,小程序,微信小程序,前端,javascript

3.这样就可以在H5项目编写打印信息了,小程序端也可以看到H5的console.log信息。

总结:

如果文章对你在开发中有用,麻烦抽出几秒钟的时间,求个点赞、关注、评论。让我用更多的动力更新文章,谢谢小伙伴们。文章来源地址https://www.toymoban.com/news/detail-580186.html

到了这里,关于如何在【微信小程序 】中的 webview 查看H5页面的console.log和调试H5页面?的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 微信小程序webview内嵌H5跳转页面后没有返回按钮完美解决方案

    简单的讲就是我们可以在小程序内放置一个web-view组件来链接我们的HTML页面了。 但是点击跳转页面的时候。页面左上角没有!!返回按钮!!导致回不去了,这不是搞笑的吗。 看了下其他的小程序,发现如果是两个小程序页面跳转的话,第二个页面的左上角是会有返回按钮

    2024年02月08日
    浏览(44)
  • 微信小程序webview跳转页面后没有返回按钮以及变向解决H5安卓无法监听popstate问题

    做了一个app跳转到小程序关注公众号的需求,小程序里面用webview嵌套公众号的H5。 做完我发现左上角它没!有!返!回!键! 然后!我查了好多资料用过双页面跳转让左上角有返回键,但是吧,它确实是有返回键了但是没办法返回到小程序 ,只是在H5内不停的返回在跳转回

    2024年04月12日
    浏览(36)
  • 微信小程序如何跳转H5页面

    1、登录微信公众后台,进入【开发-开发管理-业务域名】,点击修改。 2、首先请下载校验文件,并将文件放置在域名根目录下。 我是把文件放在nginx主机的data目录下,然后通过增加nginx.config配置,重启nginx后可以通过域名直接访问该校验文件;  nginx.config配置如下:  如何

    2024年02月11日
    浏览(42)
  • 小程序webview组件,小程序和webview交互,小程序内联h5页面,小程序webview内网页实现微信支付

    小程序支持webview以后,我们开发的好多h5页面,就可以直接在小程序里使用了,比如我们开发的微信商城,文章详情页,商品详情页,就可以开发一套,多处使用了。我们今天来讲一讲。在小程序的webview里实现微信支付功能。因为微信不允许在小程序的webview里直接调起微信

    2024年02月09日
    浏览(37)
  • h5页面如何嵌到微信小程序中(chatgpt回答)

    将 H5 页面嵌入到微信小程序中需要进行以下步骤: 在微信公众平台申请认证并在其后台添加小程序 打开小程序的 app.json 文件,并配置 web-view 组件 在小程序的 wxml 文件中使用 web-view 标签引用 H5 页面。 发布小程序并测试。  问:H5页面的url只能写成https的形式吗? 答: 在微

    2024年02月15日
    浏览(37)
  • uniapp webview H5跳转微信小程序

    第一步:manifest.json 第二步:index.html 第三步 H5跳转微信小程序代码

    2024年02月10日
    浏览(36)
  • uniapp H5页面如何判断是在微信小程序环境还是微信环境中运行

    最近做的一个项目h5页面,甲方即要嵌套到app中,又要嵌套到小程序中,有个需求是在app中显示首页的按钮,在小程序中打开要隐藏掉这个首页的按钮,最终我的解决方案如下! 解决方案:引入微信SDK文件:JSSDK,通过微信SDK方法判断。 1、首先,先引入微信sdk文件 2、记得调

    2024年02月11日
    浏览(42)
  • 微信小程序web-view嵌入uni-app H5页面,通过H5页面跳转其他小程序如何操作?

     微信小程序appId查看方法: 1)有后台登录权限的情况下:登录微信公众平台后, 微信公众平台 微信公众平台,给个人、企业和组织提供业务服务与用户管理能力的全新服务平台。 https://mp.weixin.qq.com/ 点击右上角logo,在“帐号信息”中找到AppID(小程序ID) 2)没有后台登录权

    2024年02月11日
    浏览(45)
  • 微信小程序内嵌webView访问H5界面,在H5界面获取定位

    以下为uniapp代码!!! 第一步: 微信小程序webview组件路径写花生壳映射的https://***域名。 第二步:  花生壳配置映射,获取域名。 花生壳动态域名解析服务-贝锐官网|花生壳官网|DNS内网穿透|域名注册|向日葵远程控制|远程桌面|蒲公英路由器-贝锐官网 https://www.oray.com/   第

    2024年02月20日
    浏览(30)
  • 微信小程序web-view嵌入uni-app H5页面,通过H5页面跳转企业微信客户聊天窗口如何操作?

    1)找到企业ID,登录 企业微信 企业微信 https://work.weixin.qq.com/wework_admin/loginpage_wx  2)找到接入链接  功能-客服-微信客服 微信公众平台,给个人、企业和组织提供业务服务与用户管理能力的全新服务平台。 https://mp.weixin.qq.com/

    2024年02月11日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包