使用HBulider的二维码功能来进行手机页面的调试

最新推荐文章于 2023-06-15 00:27:22 发布
最新推荐文章于 2023-06-15 00:27:22 发布
阅读量5.5k 收藏 1
点赞数
分类专栏： html5开发工具 文章标签： 调试 手机 二维码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/renyzhi/article/details/78875319
版权

在调试页面的过程中，我们会希望使用自己的手机来进行调试，但是很多人不知道怎么使用手机来查看自己的页面，今天，我们就来给大家说一下，具体应该怎么操作。
首先，我现在选取了HB这个软件，然后进行如下配置：
选择这个

这里写图片描述

端口号必须是8020

然后再使用HB中的二维码就 可以扫描查看啦~

RENYZHI
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HBuilder使用之通过扫描二维码浏览本地静态页面
11-14
HBuilder编写完手机端的静态页面后，能在手机上看效果其实是最好的，但这个时候代码还都在电脑上，怎么办呢？ 其实我们可以通过生成一个二维码，通过扫描二维码的方式来看效果，文档写的很详情，大家可以试一下
Vue实现手机扫描二维码预览页面效果
10-15
主要为大家详细介绍了Vue实现手机扫描二维码预览页面效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
uni-app使用HBuilder X工具和微信小程序工具开发微信小程序
qq_64047601的博客
06-15 2714
uni-app是一个使用vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5 以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝等)、快应用等多个平台。HBuilderX，H是HTML的首字母，Builder是构造者，X是HBuilder的下一代版本。我们也简称HX。HX是轻如编辑器、强如IDE的合体版本。HBuilder X工具的扩展性强HX支持java插件、nodejs插件，并兼容了很多vscode的插件及代码块。
支付宝-生成二维码实现url，实现支付
热门推荐
尚未佩妥剑 转眼便江湖
03-08 4万+
在现在的一些开发中有些硬件不支持传图片，所以在一些支付的应用中，可以通过传一个支付的二维码，然后通过硬件解析，进而完成支付的功能。通过在支付宝官网的教程，修改了一下，做成了一个小案例。 运行结果： 生成的二维码url：https://qr.alipay.com/bax06971pq7dmuisupj460fc 在硬件中接收url，并将其转换成二维码。 代码 DemoHbRunner.java...
使用uni-app创建扫码连接wifi小程序
weixin_42349568的博客
12-05 3443
好久没接触小程序了，突然想起来之前注册了个号。 广东突然降温，周末窝在被窝里没事干。 就写个一键连接wifi的小工具吧。 可以作为初学者的练习项目哈。下载安装HBuilde,然后新建项目 新建完成后可以看到项目的目录结构： 如下图操作，即可将项目跑到chrome浏览器中：打开manifest.json文件，按照要求填写信息，主要是这个DCloud-appId，这个需要注册账户后登录这个账户生成。 以前小程序的发布只能在微信开发者工具中进行，今天我发现HBuilder已经接入了微信提供的miniprogram
hbuilderx 在手机预览效果
weixin_38673922的博客
05-24 938
二、扫码（确保手机和电脑在同一个网络下）一、hbuilderX点击预览。
hbuilderX 移动网页如何在手机查看，扫码预览打不开
weixin_44903107的博客
04-07 7363
解决方法 1.打开控制cmd，输入ipconfig /renew 查看ipv4的地址复制下来 2.然后打开hbuilderX的浏览器，把里面的ip地址替换为刚刚查找到的ipv4的地址，把这个新的地址发给手机，手机和电脑同一个wifi，这样就可以打开了 ...
Hbuilder设置预览，使用192开头的页面地址
肖肖肖丽珠的博客
08-29 3529
在谷歌里面安装草料二维码的插件。谷歌应用商店（https://chrome.google.com/webstore/category/extensions?hl=zh-CN）里面搜索草料二维码。然后添加上去。 只能在手机上预览局域网域名是192开头的页面生成的二维码 你还要关掉电脑的防火墙或者设置防火墙过滤 也可以直接在Hbuilder里面按照下面的步骤配置一下。最后别忘了重启一下编
vue+Hbuilder 二维码扫码功能的实现
杨园园的博客
08-27 9380
此代码须建立在Hbuilder上 代码如下： 只有真机运行才能起作用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,init
web页面拍照实现二维码扫描功能
06-15
web页面而非小程序、公众号、app才能调用摄像头扫描二维码的小demo
java实现手机扫描二维码后网站跳转新页面
10-21
java实现手机扫描二维码后网站跳转新页面，提供zxing和hutools的方式实现二维码的生成，动态刷新，验证跳转功能。
Android studio 实现手机扫描二维码功能
01-05
安卓手机版本在6.0以后需要动态获取相机权限 1.获取相机权限 <!-- 获取手机相机的权限 --> 2.添加依赖 implementation 'cn.yipianfengye.android:zxing-library:2.2' 3.activity_main.xml <?xml ...
uni-app如何自定义内容生成二维码？
Dark_programmer的博客
11-17 1812
学而不思则罔，思而不学则殆 uni-app 生成二维码1. 创建uni-app项目2.HbuildX插件市场安装相关插件3.使用该插件3.1 在需要使用的页面进行引入3.2 页面上使用该插件 注： 此次仅演示HbuildX编辑器的操作流程 1. 创建uni-app项目 关于创建uni-app项目的步骤，不再进行赘述，可查看 【uni-app 创建项目】 2.HbuildX插件市场安装相关插件 插件地址： https://ext.dcloud.net.cn/plugin?id=39#detail 点击该按.
如何实现Hbuild与手机端的连接
xieqian0204的博客
01-04 7293
如何实现Hbuild和手机端的连接 具体步骤如下：    1、打开Hbuild，点击工具栏上方的浏览器旁边的倒三角，找到最后一行，设置WEB服务器，如下图：          2、点击设置web服务器，进入以下页面，点击外置web服务器设置：    3.点击新建：           4、设置名字，浏览器路径 ，路径是自己所联网的路径，那如何获得路径呢，win+r,出现如下界面，输入
前端QRCode.js生成二维码插件
weixin_45766034的博客
09-14 876
填报二维码生成 http://code.ciaoca.com/javascript/qrcode/demo/ git仓库地址 <el-table :data="scenicForm" style="width: 100%" border> <el-table-column label="二维码" width="180"> <template slot-scope="scope"> <div :id="'item_' + scope.row.id"&g
uniapp 二维码展示和扫码
weixin_53137201的博客
08-03 7637
关于使用 uniapp 进行开发，二维码的实现和扫码功能实现，使用 DCloud 插件进行制作二维码，使用 uniapp API 进行扫码获取内容，作者也是在一次开发之中遇到了此功能，进行了查阅，最终实现，在这里将如何实现分享给大家，希望可以帮助到各位。
Hbuilder-二维码或条形码扫描
weixin_33701564的博客
02-27 3233
2019独角兽企业重金招聘Python工程师标准>>> ...
手机截图如何提取文字？
qq_14945847的博客
02-15 1614
然而，图片中的文字信息往往难以获取，尤其对于那些需要快速获取信息的人们来说，阅读图片中的文字会是一项繁琐且费时的任务。现在，我们有一个好消息要告诉大家：通过使用我们的图片文字提取工具，您将能够轻松地提取图片中的文字信息。您只需要将图片上传到我们的平台，然后工具就会自动识别图片中的文字，并将其转化为可编辑的文本格式，方便您进行编辑、存储和分享。高精度：我们的工具采用了最先进的OCR技术，可以快速准确地从图片中提取文字信息，避免了传统OCR技术中的错误和漏识别问题。将需要提取文字信息的图片上传到我们的平台。
hbuilder中扫描二维码代码
最新发布
09-12
在 HBuilder 中，你可以使用以下代码实现扫描二维码功能： 首先，引入 mui.js 和 plus.js： ```html <script src="mui.js"></script> <script src="plus.js"></script> ``` 然后，在代码中添加以下 JavaScript 代码： ```javascript document.querySelector('#scanQRCode').addEventListener('click', function() { // 调用 plus 扫描二维码模块 plus.barcode.scan({}, function(result) { // 扫描成功回调 alert(result.text); }, function(error) { // 扫描失败回调 alert('扫描失败：' + error.message); }); }); ``` 最后，在 HTML 中添加一个按钮元素，并给它一个 id（这里使用 id 为 "scanQRCode"）： ```html <button id="scanQRCode">扫描二维码</button> ``` 这样，当用户点击按钮时，HBuilder 将调用系统的扫描二维码功能，并在扫描成功后弹出扫描结果。请注意，你需要在真机或模拟器上运行此代码才能使用扫描二维码功能。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值