h5开发实时预览；真机调试开发；拼接ip的地址直接微信打开或者浏览器打开也可以实时预览

已于 2022-10-13 09:52:31 修改
阅读量741 收藏 1
点赞数
分类专栏： vue 微信小程序 文章标签： 微信 vue.js 前端
于 2022-09-09 16:07:59 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/i_am_a_div/article/details/126784769
版权

http://192.168.10.135:2277/#/Write1

本地启动vue项目
在这里插入图片描述

将地址栏复制 放在微信开发者工具 可以借助微信开发者工具预览
在这里插入图片描述

找到自己电脑的ip
在这里插入图片描述

也可以电脑输入自己的ip和对应端口号+地址进行预览
在这里插入图片描述

最后将拼接ip和端口号的地址直接微信打开或者浏览器打开也可以实时预览
在这里插入图片描述

i_am_a_div_日积月累_
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
H5页面和移动端对接数据
lyxyldd的博客
04-27 905
1、H5页面和移动端对接数据具体如下： var params = { p:this.list_data.pager.page, pageSize:this.list_data.pager.pageSize };//参数 var paramsStr = JSON.stringify(params); var isIOS = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);//判断是否为IOS var isAndroid =.
通过H5链接在微信端或者外部浏览器输入链接打开微信小程序
07-13
通过H5链接在微信端或者外部浏览器输入链接打开微信小程序
h5下拉刷新实现
12-25
项目中用到下拉刷新，找了很多资料对比然后选中iscroll，最后根据demo做了些和项目相关的改进，现在把这一块单独提出来，分享给大家
uniapp网络请求成功（真机+开发者工具+H5）-全部配置及技巧
重庆科技学院XMY的博客
04-21 5581
uniapp多端网络请求失败的解决配置
在手机上访问和调试本地的 H5 页面
热门推荐
花铛
07-05 1万+
在 cmd 里输入 ipconfig，就可以看到 ipv4 地址，也就是电脑本机的 ip 地址。
微信支付H5接口之获取客户端正确的IP
running8的博客
07-11 8428
微信支付H5接口，就是在移动端非微信公众号、微信浏览器，移动端的其他浏览器唤起微信支付。症状：“网络环境未能通过安全验证，请稍后再试”商户侧统一下单传的终端IP(spbill_create_ip)与用户实际调起支付时微信侧检测到的终端IP不一致导致的，这个问题一般是商户在统一下单时没有传递正确的终端IP到spbill_create_ip导致。function get_client_ip() { ...
开发h5项目通过ip连接到手机上访问
qq_42975998的博客
06-13 989
保证手机和电脑在同一个局域网下，用手机访问自己电脑的ip地址一、vue项目：在中添加 二、html、js项目：添加文件和文件，启一个Node服务器，根目录下创建文件夹，将项目放入中，作为静态资源即可访问 package.json: app.js:...
开发微信公众号H5，本地真机调试
最新发布
m0_51368884的博客
12-28 585
1.命令行输入ipconfig然后找到你本地的IPv4地址复制，把127.0.0.1进行替换然后复制完整链接在真机上打开即可。如有更好的方法欢迎交流，如有不对请大佬指导！先划重点必须在同一局域网内否则打不开！
微信公众号HTML5如何预览EXCEL、word、ppt、pdf等文件
qq_44253268的博客
07-19 2640
这种方式在不同浏览器上表现不一样，部份手机浏览器直接不能直接不能打开或是表现为下载，基本不实用,如果预览PDF,可以使pdf.js这样的纯JS库但是实际场景用时要做各种格式判断浏览判断麻烦死了。//本页面内跳转链接实现预览。//本页面内跳转链接实现预览。// 示例 url，实际不存在。
h5下载静态文件
i_am_a_div的博客
12-05 603
h5下载静态文件
H5标签变化1(DTD、新增标签：结构标签，多媒体标签，web应用标签还有其他标签、删除标签、重定义标签)
weixin_40512519的博客
09-28 781
h5新增标签 html5约等于HTML+CSS+Javascript+API WebApp         HTML5新增了离线存储、更丰富的表单、js线程、socket、标准扩展embed、css3... 流媒体与多媒体引擎         Audio、video、Canvas、webgl等等 搜索引擎和无障碍领域 h5是唯一一个通吃PC、Mac、iPhone、Android等主流平台的...
H5外部浏览器直接调起微信手机网站调用微信分享
04-13
H5外部浏览器直接调起微信 tml5手机网站调用微信分享，其中示例包括 1. 获取网络类型 2. 调起客户端的图片播放组件 3. 调用微信扫描二维码 4. 判断是否安装对应的应用 5. 发送邮件 6. 分享到微信朋友圈
微信提示 在浏览器打开 效果实现过程解析
10-16
主要介绍了微信提示 在浏览器打开 效果实现过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
VUE使用 wx-open-launch-app 组件开发微信打开APP功能
10-14
主要介绍了VUE使用 wx-open-launch-app 组件开发微信打开APP功能,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
判断是否微信打开，提示在右上角浏览器中打开。
10-01
刚做好的，带了一整套，包括图片和代码。分享给大家。不懂的可以留言。支持web，手机端。...再也不用管微信如何的更新，直接判断如果是在微信中打开，然后弹出一个遮罩提示用户在浏览器中打开下载。
Html5完整接入腾讯云分析
ydrslyh的博客
05-11 2482
现在的社会是大数据的时代。当我们写完某个客户端时，不管是手机客户端，还是PC客户端。我们都需要统计使用这个app人数、版本啦、新增用户.......这就需要我们做一些统计。做统计的第三方有好多，百度云、友盟，我介绍的这个是腾讯的腾讯云分析。   其实现在的第三方的东西做的挺全的，去他的官网上，按照他的步骤一步步来，挺简单的，但是我还是要给大家介绍一下。非常简单 1.申请appkey和id  腾
原生获取div高度用class,关于document.getElementsByClassName和document.getElementsById
qq_47291144的博客
04-12 541
2.document.getElementsByClassName(table-operator)得到的是一个dom数组，那么想获取里面数据的话得后面加个[0],document.getElementsById(table-operatort)得到的是table-operator的值，定义一个变量接收就可以直接使用了。如：document.getElementsByClassName(searchClassHeight)[0]
微信html5程序,H5跳转微信小程序
weixin_33129093的博客
06-04 1972
如题，最近有项目需要H5跳转到微信小程序，之前的认知中，跳转到微信小程序只有通过公众号、小程序、扫码这几种方式。终于H5支持跳转小程序了，废话不多说直接贴代码1、需要微信公众号，并且是已经认证过的服务号。文档链接:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html,这个和获取微信公众号个...
H5和xthtml区别
LIN的博客
09-05 442
<!-- H5 快捷键 ！+tab 键 --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> </body> ...
通过h5链接在微信端或者外部浏览器输入链接打开微信小程序
10-10
在微信端或外部浏览器中通过H5链接打开微信小程序是通过特殊的URL链接实现的。首先，在微信小程序的开发者工具中，我们需要设置小程序的相关参数，并获取到小程序的AppID。然后，在H5页面中，通过以下方式使用URL...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值