uniapp连接手机端调试

2024-06-07 17:02:34

1：新建一个uniapp项目，命名为test。

可以看到，在开发工具HBuilderX里面，极速生成的模板目录结构如下

打开pages底下的index.vue的组件，开始写代码了，把代码写好，这里随便写了一个例子。

<template><view><button type="primary" @click="scanCode()">button</button></view>
</template><script>export default {data() {return {};},methods: {scanCode() {let that = this;// 允许从相机和相册扫码uni.scanCode({success: function(res) {that.result1 = res.result;}});}}}
</script>

2：允许USB调试

需要将手机用充电线连接电脑，并且允许USB调试（这一步很重要，不然HBuilderX搜不到你要调试的手机，无法建立连接。）

如果不会打开USB调试模式，可以自行百度，我的是oppor的手机
我就查了一下，oppor手机怎么打开USB调试模式.
https://jingyan.baidu.com/article/93f9803fed1cfbe0e56f554d.html

3：真机调试

打开顶部菜单栏中的“运行”菜单，点击运行，选择运行到手机后者模拟器。

这个时候HBuilderX是自动检测手机是否连接，（如果运行设备为灰色，则说明没有手机没有连接成功）。

连接不成功的原因有很多，比如，手机没有打开usb调试模式，电脑中其他软件占用adb通道等。

连接成功，控制台里面会有这样的提示

并且在手机端提示安装HBuilderX，同意安装就行了。

4：调试结果

每次调试的时候，只需要打开HBuilderX，就能同步看到开发工具里面编辑的内容了。

欢迎关注【编程微刊】公众号，回复【领取资源】,500G编程学习资源干货免费送。

uniapp连接手机端调试相关推荐

手机端调试h5页面利器插件
手机端调试h5页面利器插件现在越来越多的手机app或者公众号,里边大量的使用h5页面,而在手机端没法像pc谷歌浏览器那样调试页面,有些时候只能不断的进行alert,麻烦不说,有的时候还找不到问题所在 ...
使用vconsole进行手机端调试
1.在线调试,需要引入vconsole.min.js <!DOCTYPE html> <html><head><meta charset="utf- ...
移动端真机调试，手机端调试，移动端调试
移动端真机调试方法一.chrome真机调试:局限性:只能调试手机端的chrome浏览器,其他浏览器均不适用:优点是: 简单快捷: 二.spy-debugger调试:spy-debugger,安装稍微 ...
手机连接电脑方法，uni-app安卓真机调试教程，安卓手机调试
准备电脑手机数据线手机直接用数据线连电脑是检测不到设备的,还需在手机上进行一些设置,下来就教大家怎么设置手机,电脑才能检测到设备. 无论是uni-app开发还是其他需要用手机连接电脑的各种应用 ...
chrome的手机端调试
接触一个陌生的项目,尤其是很大的项目,不知道从哪里下手,最先我们就该学会调试. 以前也做过手机端的调试,可以在chrome上面调试前端程序一样,还可以运用抓包工具. 我更喜欢前者:chrome上面调试 ...
uniapp开发微信公众号，uniapp公众号本地调试，本地开发
uniapp开发微信公众号,有一个痛点,就是每次要发布到线上,然后debug,效率低. 解决办法:查了很多百度==(参考在本地调试微信页面,只需三步 - 知乎 (zhihu.com) (37条消息) ...
uniApp开发安卓App调试与打包
总结一下auniapp开发安卓app的调试方式及打包; 代码编程查看文档即可.; 1通过vue-cli方式初始化项目参考地址: https://uniapp.dcloud.io/quickstart ...
手机端调试console.log，直接引入一个js文件
http://files.cnblogs.com/files/lwwen/mConsole.js 这是我写的一个原生js文件直接引入即可,可以把html上面的需要打印的东西打印出来 <!DOC ...
解决uniapp ios手机端获取时间戳出现NAN
在做手机端app时,iOS测试发现获取时间戳一直显示NAN; 最简单的方法分享给大家 **new Date(item.time.replace(/-/g, '/')).getTime()**兼容And ...
uniapp ios手机端获取时间戳出现NAN
问题出现在本人开发uniapp H5页面时有需要一个本日剩余时间倒计时的功能,方法如下: onLoad(option) {clearInterval(this.countdownTimer); //进 ...

最新文章

热门文章