h5-bootstrap开发移动端,电脑开发手机同步运行

news/2024/12/5 8:21:21/

         因为vscode同步开发pc和移动端在电脑的浏览器上看不是很适配啊,到手机上不同型号还是会有出入,所以想要在边开发,真机上可以看到效果---,方法如下

1-必须保证手机和电脑在同一网段,也就是同一wifi下

2-vscode中安装live server--->html文件通过右键的这个打开,

打开后发现是这种格式的网址http://127.0.0.1:5502/index.html#

3-我们找到右下键链接网络的小图标,之后右键点击,打开网络和Internet设置,打开后点击属性

4-点击属性后下滑,找到电脑的ip地址,复制ipv4地址,由http://127.0.0.1:5502/index.html#,替换为

http://196.168.0.63:5502/index.html#

 5-打开草料网址,把替换好的网址复制进去,之后一键生成二维码,最后手机用浏览器或者用其他的扫一扫就可以,而且电脑上修改代码,手机也会同步更改!!!草料文本二维码生成器草料二维码是国内专业的二维码服务提供商,提供二维码生成,美化,印制,管理,统计等服务,帮助企业通过二维码展示信息并采集线下数据,提升营销和管理效率https://cli.im/text

文章到此结束,希望对你有所帮助~~

 

 


http://www.ppmy.cn/news/344568.html

相关文章

5502_图像板学习参考

以下是我调试5502图像板所累积的认识和经验,仅供参考,有错请指正。 前提 1. 请安装CCS和仿真器驱动,并配置CCS为 C5502 XDS510 Emulator 第一个程序------点亮LED 打开工程 LED_TEST和文件 LED_TEST.C ,仔细浏览程序…

modbus数据采集通过http/websocket对外提供访问

本软件是用go语言编写,可以运行在windows、linux等系统上,实现了通过modbus tcp采集modbus从站数据,对外提供http接口给用户查询实时数据和控制modbus地址写值,且还对外提供了websocket服务,用户可以直接通过websocket…

CCS编译错误与解决办法 :fatal error: #error NO CHIP DEFINED

错误内型: "C:/CCStudio_v3.3/C5500/csl/include/csl_chiphal.h", line 201: fatal error: #error NO CHIP DEFINED 解决办法: Project --> Build Options --> Preprocessor --> Pre-define Symbols 中加入CHIP_5502 错误原因分析: 查看文件 C:/CCStud…

前端简易服务器之vscode篇(可供项目预览手机访问电脑网页等)

几种方案本质其实都是启动一个简易服务器然后手机访问来实现的,一般来说使用webpackia脚手架搭建的项目都会自动启动一个服务所以并不需要使用这些方案再重复启动了,直接在config配置下host即可 前端简易服务器之远程服务篇 前端简易服务器之杂项篇(ngin…

Oracle安装-Oracle12cR2+Centos7.5+ASM

目录 一、系统准备 二、系统设置 三、安装软件包 四、创建目录、组、用户 五、配置内核参数 六、配置ASM属性 七、创建分区 八、安装 九、启动关闭 一、系统准备 VMware Workstation12 Centos 7.5 Oracle 12.2.0.1 Grid 12.2.0.1(可选)也可…

cisco asa 5505 配置说明

ASA5505工作模式介绍: 注意:asa5505 在配置上分为 pre-8.3 和 post-8.3 两种版本类型,原因是从 8.3 版 开始,cisco 对 asa设备进行了大改,导致配置方式发生很大改变,分析学习官网和其他配置文章时&#xf…

【Oracle 19c】解决 Oracle EM(Enterprise Manager) Express 切换回旧版后无法访问的问题

文章目录 问题描述解决方案解决过程1、按 Oracle EM Express 提示下载 Adobe Flash Player PPAPI 版1、按 F12 查看 HTTP 请求头2、找到问题后使用其他浏览器尝试 问题描述 由于从 Oracle Database 19c 开始,Oracle EM(Enterprise Manager) Express(Ora…

如何在 FoxyProxy 中设置 YiLu Proxy

目录 YiLu Proxy配置 1.YiLu Proxy设置 2.本地端口转发 3.多端口转发 4. 动态IP端口转发 5.端口转发列表 FoxyProxy 设置 1. 打开 FoxyProxy 的选项 2.点击“添加新代理” 3.填写代理信息 4.单击 FoxyProxy 扩展图标并选择配置的代理。 5.检查代理IP FoxyProxy 是一…