首页 > TAG信息列表 > h5

企业微信访问H5页面安卓无法打开或转发到微信失败的问题

环境 基于Vue开发的H5页面,安卓或IOS在微信中打开均正常,IOS在企业微信中打开正常,安卓则无法点开(只显示转发的卡片,无法点进去),且转发给个人微信会显示红色感叹号   问题及解决方案 由于后台限制,无法通过GET请求直接访问图片,因此采用 src内传入base64编码 的方式去展示,在排查后发现,

h5在展示有input的弹框时app显示无响应

前言: 在部分红米手机,android12的机型中出现了带有input的弹框出现或输入后关闭再打开的情况下,app出现了卡顿或无响应。 场景描述: 1、进页面,点击按钮展示带有input模块的弹框,立即出现卡顿,显示app无响应。 2、进页面,点击按钮,弹框展示是正常的,但在input输入内容后,出现无响应,或者可关

【H5/CSS3】旋转展开收缩菜单栏

地址链接 视频链接: https://www.bilibili.com/video/BV1TK4y1Q78s github链接: https://github.com/Lavender-z/demo 如果上不了,就下个dev-sidecar代理 效果 代码注释 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <met

跨端兼容,条件编译;#ifedf与#endif

// #ifedf H5 和 // #endif 必须成对出现 注意注释方式不同 template中 <!-- #ifedf H5 --> <view>只在H5页面中显示</view> <!-- #endif --> <!-- #ifedf MP-WEIXIN --> <view>只在微信小程序中显示</view> <!-- #endif --> script中 methods: { alertMes

H5 input number ,范围限制0.01~99999.99

H5 input number ,范围限制0.01~99999.99 <div class="PriceCenter"> <p class="competitiveName currencyFont"><span class="required">*</span>价格<span class="numlimit">(0.01~99999

H5 键盘弹出把底部固定定位的元素挤上来

这里的解决方法是安卓监听窗口高度,iOS监听文本块焦点,以实现隐藏与显示底部固定定位元素 // 以下为vue2的写法 // originHeight为窗口高度,当键盘弹出时,android手机会改变,监听变化控制下方固定按钮是否显示 // ios手机input框聚焦键盘弹出,键盘收起时,input框会失去焦点,因此给input

csm移动端h5用什么样的视觉方案?

项目需要求在移动端H5需要展示一些数据统计的图表,虽然第一时间想到的是echarts,常用还有Highcharts,D3等,antv家族的图表UI好看一些,再加上F2是移动端可视化方案于是就选择F2,打开官网果然眼前一亮F2提供的正能满足需求,F2官网地址:https://antv.alipay.com/zh-cn/f2/3.x/demo/index.htm

干货 | H5性能分析实战来啦~

⬇️ 点击“下方链接”,提升测试核心竞争力! >>更多技术文章分享和免费资料领取 H5性能该如何测试呢?很多人不知道该如何下手。其实可以借用W3C协议完成自动化H5性能测试。 因为W3C标准是浏览器标准,一般浏览器都支持W3C标准,它规定使用者可以通过api查询性能信息。W3C官网:https://www.w

vue 开发H5适配方案

一、通过JS实现适配   1、清除浏览器默认样式     创建reset.css,在main.js中importreset.css   2、实现页面自适应(rem方式在750下1rem=100px),在index.html文件中进行配置     <script>      (function () {            // 在标准 375px 适配下,100px =

【H5/CSS】简单了解选择器的优先级

样式的冲突 当我们通过不同的选择器,选中相同的元素,并且为相同的样式设置不同的值时,此时就发生了样式的冲突。 案例一:使用类选择器与元素选择器选中同一元素,设置不同颜色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <sty

【H5/CSS】简单介绍样式的继承

样式的继承的意思: 我们为一个元素设置的样式同时也会应用到它的后代元素上,如下的案例可以看到继承是发生在祖先后代之间的,而不会作用到元素外。 案例一:p标签中镶嵌span标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <st

企业微信自建应用H5开发之实现蓝牙的连接和写数据(2022.8.3)

写在前面:经过无数的踩坑和调试,终于实现了IOS设备和Andriod设备的蓝牙开门。当然,不可避免还有很多奇怪的BUG被我忽略了,但是能够正常走通流程并实现。 所使用的技术为Vue2+Spring Boot,如果是利用微信小程序开发的可以跳忽略本文“ 第一到第三节都讲如何创建应用并访问到自己所搭建

H5下拉搜索框-layui

实现效果: 可实现下拉选择及搜索提示效果!使用layui前端框架。 一下为实现代码:   首先引入layui的JS和CSS: <link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" /> <script src="https://www.layuicdn.com/layui/layu

正则匹配小点

常用正则字符 ?  0/1个 *  0/N个 +  1/N个 {n}  {n,} {n,m} 非负数  n次  至少n次  n~m次 ^  以XXX开始  例如:^http $  以XXX结束  例如:com$ [0-9]、[0AB_]  区间范围 [^0-3]  区间取反   preg_match('/h5\/[0-9]+/', 'https://wap.114weika.com/addons/

封装微信公众h5调用微信支付

1、安装 weixin-js-sdk npm install weixin-js-sdk 2、引用 weixin-js-sdk const wx = require('weixin-js-sdk'); 3、结合后台传过来的参数 wx.config({ debug: false, appId: data.appId, timestamp: data.timeStamp, nonceStr: data.nonceStr, signa

如何 h5 下载 ios app

关键是找到 plist 地址,替换 href 中 url,代理 html 响应 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> &l

手机端关闭H5页面所有方法如下。

var isLppzApp = false var ua = navigator.userAgent.toLowerCase() var uaApp = ua ? ua.match(/BeStore/i) : '' // match方法返回的是对象 var uaAndroid = /android/i.test(ua) // test返回的是true/false var uaIos = /iphone|ipad|ipod/i.test(ua) if (uaApp.toString()

H5音视频标签处理视频

处理视频的一个流程   1.制作一个Ogg容器中使用Theora视频和Vorbis音频的版本   2.制作另外一个版本,使用WebM视频容器(VP8 + Vorbis)   3.再制作一个版本,使用MP4视频容器,并使用H.264基本配置的视频和ACC低配的音频   4.链接上面3个文件到同一个video元素,并向后兼容基于Flash

H5 IONIC 3国际化配置

  开发规范: 1、多语言目前均采用的中文,防止某些系统异常,即可默认显示中文 2、html中书写规范 2.1 文本标签   <ion-label> {{'开始时间' | translate}} </ion-label> 2.2 组件  <ion-input type="text" [placeholder]="'请输入会议名称(必填)' | translate" class="font

CSS:不常用标签,H5新增属性,input的属性值

  <lable for=''> ​ <input id=''></input>> </lable> ​ <select> ​ <option value='0'></option> ​ <option value='1'></option> ​ </select&g

在H5手机移动端网页上实现jquery公告无缝滚动

在H5手机移动端网页上实现jquery公告无缝滚动     代码实力来自 http://h.leomei.com $(function() { var listPanel = $('.announcement ul'); var nubcers = 0; //向上滚动top值 function announceUp() { //向上滚动 listPanel.animate({ //中奖结果 'top': (nubcers - 35)

H5云图后台读写CAD文件-在线CAD,网页CAD,网页浏览编辑CAD

说明 后台提供MxFileConvert.exe程序,它可以将CAD图纸转换成前台能加载显示的格式,程序调用方法见: https://help.mxdraw.com/?pid=32中的“如何在自己系统中浏览dwg文件”章节,该程序还可以在转换过程中,使用JS编程,读写CAD文件,而读取的CAD图纸数据可以写成json文件,方便传给前

H5网页CAD中webpack使用详细说明

前言 webpack是用于现代 JavaScript 应用程序的静态模块打包工具,用以构建一个前端工程化项目,如vue-cli create-react-app等脚手架工具都是基于webpack的构建或者react前端项目工程化的最佳实践。 如果你的项目是不依赖框架(vue/react/Angular)可以尝试使用webpack来构建一

西瓜播放器 - 字节跳动出品的开源 H5 视频组件,带解析器、节省流量

西瓜播放器 - 字节跳动出品的开源 H5 视频组件,带解析器、节省流量   一个功能强大,符合国内视频播放业务的 web 视频播放组件,由西瓜视频技术团队官方出品。 关于西瓜播放器 西瓜播放器 (xgplayer.js) 不是一个看片软件,而是一个 Web 开发上的视频播放器类库,也是一个独立的 UI 组

h5 页面设计长度,scss换算转化方法

h5 页面设计长度,宽度换算---设计图,宽度安装750px的标准来的 @function px2rem($px) { @return $px / 75px* 1rem; } rem(font size of the root element)是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。 https://www.cnblogs.com/yeminglong/p/14976670.ht