首页 > 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