如何用手机微信访问调试未发布的uniapp H5页面

最新推荐文章于 2024-04-13 13:14:42 发布
最新推荐文章于 2024-04-13 13:14:42 发布
阅读量504 收藏 7
点赞数 9
文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43672482/article/details/135708405
版权

想要用手机的微信里面打开这个页面，

工具是hbx

首先，选择 运行->运行到内置浏览器。或者，点击右上角【预览】按钮。

第二：在下方编译器中有下面2个地址

注意其中的-Network：http://192.168.1.3:8081 。 这个地址就是手机微信上可以访问的地址（当然，手机和电脑必须在同一个局域网）。把这个地址转变成二维码，比如使用草料二维码生成器

OK了，你已经打开了

qq_43672482
关注
  • 9
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
uni打包H5在手机浏览器看控制台
qq_38026437的博客
02-12 3269
uni写的h5项目在电脑上调试没有问题，但是在手机上有bug时，很难调试，所以需要在移动端有一个控制台查看具体问题。 首先，打开hellouni的项目，找到自带的入口html 也可以在官网上找初始化的html。 将html放到自己项目里。 然后打开manifest.json选择h5配置 找到刚刚导入的html文件。 最后在这个文件下面加上2行代码 script s...
uni-app微信小程序登录授权的实现
11-20
微信小程序授权是非常简单和常用的功能，但为了方便，还是在此记录一下要点： 首先是需要用到一个授权按钮来触发获取用户信息授权： 关键在于 open-type 为 getUserInfo , 然后有个@getuserinfo的事件，把获取授权...
微信H5移动端真机调试--vConsole
热门推荐
唯一的切慕，唯一的诗歌……
04-09 4万+
在移动端实际开发中，还是会碰到一些棘手的bug，想看看到底哪里出了问题，苦于移动端不能F12啊。友好的微信给我们提供了这么一个入口，使开发者可以真机调试。给微信开发者点赞。然后就可以看到你打印的内容及其他的信息，比如cookie、LocalStorage,Network、Element…… 微信打开这个网址 http://debugx5.qq.com/ 暖心的我给你准备好了二维码，扫一扫吧（不要...
h5应用如何适配移动端(干货总结)
最新发布
qq_48896417的博客
04-13 1480
H5应用的开发是前端必备技能,h5适配移动端也是业务常见的场景,如何进行必要的适配,今天做一个比较全面的总结。
uniapp写h5，在手机上运行提示连接服务器超时，但是在电脑上运行就是正常的
m0_60207396的博客
11-24 1008
大家看一下自己的页面或者封装的js文件中有没有正则表达式，如果有把文件注释掉在试一下，看看可不可以。
关于Uniapp开发h5怎么直接在手机上看到效果,不需要模拟器和发布。
李十三的博客
03-29 1715
首先将手机和电脑连接同一个网络（这里以电脑连接手机热点为例） 将项目运行,运行后编辑器会输出两个地址,一个是http://localhost/前缀的,一个是以你本机ip地址(network)为前缀的. 现在复制以ip地址为前缀的那个地址. 将地址发送到手机,在手机浏览器上访问即可.效果同步刷新 如果编辑器没有输出ip地址为前缀的地址 win+R输入cmd打开小黑窗 输入ipconfig 查询ip地址 找到无线局域网适配器 WLAN:下面的IPv4 复制这串ip地址后面拼接上':端口号/' 发送
H5唤起 uniapp 版的app 端
艾米的猫儿的博客
08-31 6554
vue H5唤起本地的 app，很好用
安卓内嵌uniapp的H5页面 android调用h5内部方法
weixin_44805839的博客
03-13 670
1、准备我这里是uniapp与原生安卓之间的相互调用，也就是原生安卓内嵌H5页面，下面先来准备一下安卓端的代码。（2）、初始化的方法onCreate 设置 WebView 的参数及各种设置，这里主要是开启js 的调用 和添加H5调用的类，相当于在项目启动的时候就加载H5需要调用的类。uniapp H5与原生安卓的数据互通和方法调用_安卓代码中调用uniapp中页面中的方法-CSDN博客。
移动端（微信等使用vConsole调试console的方法
10-17
主要介绍了移动端（微信等使用vConsole调试console的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
uniapp-mqtt小程序可用完整代码示例-解决整机调试问题、重复断线重连等问题（可转微信小程序完美解决H5、微信小程序多端）
04-26
uniapp-mqtt转微信小程序可用完整代码示例-替换mqtt.js文件解决整机调试问题、重复断线重连等问题，支持微信小程序转换通用，最完整的代码示例，配套博客文档：...完美解决H5、微信小程序多端的调试问题
基于uniapp+vue+微信小程序+安卓app电影院订票小程序H5网站设计+sql数据库(毕设源码).zip
06-16
基于Uniapp框架实现一个跨平台的电影院订票项目，到时项目可以发布到安卓平台，ios平台，H5网站，安卓app和微信小程序，支付宝小程序等等，实现了一次开发多端发布，后端是基于Idea工具开发，采用ssm后端框架实现了...
qrcode生成二维码微信长按无法识别问题的解决
12-02
最近用QRCode.js 生成二维码之后，发现在小米和华为手机的微信上面页面长按识别不了，苹果和其他手机浏览器是正常的。qrcode在页面生成会生成一个canvas标签和一个img标签，在电脑浏览器上调试的时候发现生成二维码...
uniapp怎么进行三端测试
qq_52845451的博客
09-04 1257
uniapp进行三端调试
appium ui自动化之：操作手机端H5
XiYang的博客
05-12 864
在第一次使用该工具时，由于远程调试需向google的一个链接：https://chrome-devtools-frontend.appspot.com获取数据，不FQ打开后会是空白页面，需要VPN再次运行该工具即可正常使用。4、打开链接后，选中DiscoverUSBdevices（一般默认选中状态），可以看到监测到的设备，然后点击inspect，弹出页面后，就可以审查页面上的元素了。输入被测网站，将浏览器切换到手机模式，使用元素定位工具定位（和定位web网页的方式一样）
在手机上访问和调试本地的 H5 页面
花铛
07-05 1万+
在 cmd 里输入 ipconfig，就可以看到 ipv4 地址，也就是电脑本机的 ip 地址。
uni-app本地调试h5设置代理
sqf251877543的博客
02-16 5346
这里以请求这个接口为例： http://api.wpbom.com/api/ancien.php?msg=静夜思&b=1 1、找到manifest文件，切换到源码视图： 2、添加h5节点，配置代理： "h5": { "devServer": { "port": 8080, "disableHostCheck": true, "proxy": { "/api": { "target": "http://api.wpbom.com", "chang
pc调试微信h5页面
马春林的专栏
09-12 4138
pc调试微信h5页面
uniapp项目怎么连接手机真机调试
zuo_kaizheng的博客
04-15 1万+
如果你的手机是第一次运行uniapp的项目，那么你需要注意一下的事项 （作为一个米粉，我就以小米手机为例写真机测试的注意要点） 1.首先你需要数据线把你的手机和电脑连接 2.手机点开设置，点击我的设备 3.点击全部参数 4.多次点击MIUI版本，5次以上就可以了，就可以打开开发者模式了 5.然后，返回到设置面版，点击更多设置 6.最后选择开发者选项，这里你可以选择设置开发模式的。 7.你需要找到这些设置并开启（往下翻） 手机上开发模式配置好，接下来回到电脑上打开HbuiderX 第一次运行，会
uniapp h5微信授权登录,重定向打开页面不调用方法
07-28
Uniapp是一个跨平台开发框架，可以用于开发H5应用、小程序应用、App应用等。在Uniapp中使用微信授权登录，常常会遇到重定向打开页面却不调用方法的问题。 首先，要实现微信授权登录功能，我们需要使用微信开放平台提供的API，包括获取微信授权登录的code、通过code获取access_token和openid等。 在Uniapp中，我们可以通过调用uni.login()方法来获取微信授权登录的code。一般情况下，我们可以将这个code发送给后端服务器，后端服务器再通过调用微信的API来获取access_token和openid，并返回给前端。 接下来，我们可以在获取到access_token和openid后，通过uni.reLaunch()方法或者uni.redirectTo()方法来进行重定向打开页面。这两个方法都会关闭当前页面，并在打开新页面后调用新页面的onLoad()方法。 如果在重定向打开的页面中，不调用方法，可能有以下几个原因： 1. 页面没有定义onLoad()方法：Uniapp中，每个页面都可以定义onLoad()方法来处理页面的初始化逻辑。如果页面没有定义onLoad()方法，重定向打开页面时就不会调用任何方法。 2. 传递的参数有误：在重定向打开页面时，如果有参数需要传递给被打开页面的onLoad()方法，需要确保参数传递正确。可以通过console.log()方法或者使用断点调试来检查参数是否正确。 3. 页面路径错误：如果重定向打开的页面路径错误，可能会导致页面无法正常打开。需要确保页面路径的正确性，可以通过调试工具或者手动输入路径来进行验证。 总结起来，Uniapp中实现微信授权登录并重定向打开页面不调用方法的问题，可能是由于页面没有定义onLoad()方法、传递的参数有误或页面路径错误所导致的。需要仔细排查，确保代码逻辑和参数传递正确，才能正常调用方法。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值