H5系列

文章目录

H5系列
一、场景
二、react-H5项目在微信调试
- Mac + Android
三、随记问题
- 1、修改微信页面title
- 2、移动端单击可复制
- 3、点击号码去拨打电话

一、场景

项目技术栈：react + vite + ts + zarm
场景：微信H5，页面主页有不同的模块入口，进入具体模块之后，微信自带上方页面title需要显示对应的模块名称。

二、react-H5项目在微信调试

提示：手机和PC需要连接在同一网络下

连接同一wif

PC连接手机热点

按设备情况如下：

Mac + Android

Mac左上角小苹果 => 系统偏好设置 => 网络，获取IP地址’192.168.xxx.xxx’：
vite.config.ts中添加host ‘192.168.xxx.xxx’

import { defineConfig } from 'vite';export default defineConfig({server: {port: 8080,// 手机调试需要配置 局域网 iphost: '192.168.xxx.xxx'}
})

运行项目获取调试地址
将调试地址发到微信中
手机点开调试地址，即可开始使用微信H5进行调试

三、随记问题

1、修改微信页面title

//动态添加以下代码
document.title = '模块名称';

提示：PC端相同

2、移动端单击可复制

// css
user-select: all;
-webkit-user-select: all;

单击后如下

3、点击号码去拨打电话

//通过 a 标签实现
<a href="tel:对应电话号码" ref="telPhone"></a>

【H5】 React 微信H5调试等随记相关推荐

支付宝H5，微信H5，微信公众号支付回调
业务场景应公司需求,需要在项目中接入支付宝h5支付,微信h5支付和微信公众号支付功能,本编主要讲述支付踩坑和h5支付后跳转的回调问题微信h5支付微信h5支付时需要校验下单域名,微信从refere ...
微信html5展示页,H5科普|微信H5页面的展示形式
原标题:H5科普|微信H5页面的展示形式随着移动互联网的不断发展,越来越多的企业开始运用微信H5来营销推广,微信H5凭借着方便快捷.页面丰富的优势,已经成为了如今最受欢迎的微信营销方式.一款微信H5 ...
android 打开h5文件下载,微信h5页面下载app —— 安卓直接下载apk文件包,IOS跳转AppStore的实现代码...
需求:微信h5页面下载app -- 安卓直接下载apk文件包,IOS跳转AppStore 分析:微信不支持,在微信中屏蔽了apk文件的下载以及AppStore的跳转(且除非和TX有合作的应用,否则也不 ...
微信html5 支付接口,黄聪：详解申请微信h5支付方法，开通微信h5网页支付接口（转）...
现在大街小巷的商家都在使用微信支付, 但是一些商家使用的是个人微信收款, 这个虽然很便利, 但是如果你想要数据统计汇总, 让客户在网络上在线付款, 就需要用到微信的h5支付. 微信h5支付今天子恒老 ...
个人申请微信H5支付接口（个人免签约支付平台）
以下仅对企业开放的,如果个人想要申请转到网址狸云支付 - 行业领先的免签约支付平台,提供微信支付接口,支付宝H5支付接口,个人支付接口申请,二维码支付接口http://www.alywlzf.co ...
详解申请微信h5支付方法，开通微信h5网页支付接口（转）
现在大街小巷的商家都在使用微信支付, 但是一些商家使用的是个人微信收款, 这个虽然很便利, 但是如果你想要数据统计汇总, 让客户在网络上在线付款, 就需要用到微信的h5支付. 微信h5支付今天子恒老 ...
关于微信浏览器H5 React,Vue工程化项目input无法自动聚焦疑难杂症排查
前言最近使用React开发微信H5搜索框自动聚焦功能,发现路由跳转页面后无法自动聚焦.尝试了各种方法均不生效-后来发型是异步加载组件问题,个人估计是微信浏览器在异步组件加载完成后导致节点失焦. 尝试 ...
pc调试微信h5页面提示Pending authentication:please accept debugging session on the device的解决方法
假如pc调试微信h5页面输入chrome://inspect/#devices无法显示微信h5页面,我升级谷歌浏览器,问题就解决了(方法1) 或者手机的开发者模式关掉再打开(方法2)
React Native 0.44.3 ----------微信h5支付
本篇记录ios使用ReactNative完成微信h5支付的一些注意事项. a. 支付完成或者取消微信h5支付,会跳转到手机默认的浏览器中(safari),无法回到原App. b. 如何获得支付状态?? ...

【H5】 React 微信H5调试等随记

H5系列

文章目录

一、场景

二、react-H5项目在微信调试

Mac + Android

三、随记问题

1、修改微信页面title

2、移动端单击可复制

3、点击号码去拨打电话

【H5】 React 微信H5调试等随记相关推荐

最新文章

热门文章