移动端H5

大前端日志分析的AI应用：从海量日志中提取有价值的运维信息

在大前端技术快速发展的今天，前端应用的复杂度呈指数级增长，涵盖Web、移动端H5、小程序、快应用等多端形态。
欧阳天羲·2025-07-07 20:48

vue在ios手机上的一些问题（这次写的h5公众号）和后面补充的小程序问题

，底部导航不显示，代码我就不写，总结就是定位套定位，心累代码太多不想贴；坑二：禁止页面放大缩小，解决：Vue移动端禁止页面放大缩小_fuf_xyxnxss的博客-CSDN博客_移动端禁止放大缩小坑三：移动端
摆烂兔·2025-07-06 22:19

Vue3 - 详解播放m3u8视频流+HLS拉流推流完整方案，vue3如何播放m3u8格式文件实时视频播放教程（流媒体播放、直播视频流、实时摄像头监控视频流对接、后端服务器切片分片传输视频流边下边播）

在vue3（PC端+移动端H5）项目开发中，实现m3u8+hls视频流播放、实时流媒体播放高性能无延迟方案及源码，vue3播放3mu8文件/直播视频流，实时流媒体播放需求、做直播实时传输播放、摄像头监控画面视频流
王二红·2025-07-02 16:05

记一次移动端H5开发所遇到的问题与细节,以及ios兼容

第一次弄移动端H5项目开发，虽然是简单的页面展示，但也遇到了很多细节问题与兼容问题，尤其是h5视频标签video,一.移动端禁止缩放兼容主要属性是user-scalable=no"，width：视口的宽度
想要飞翔的小猪·2025-06-28 18:43

github上react开箱即用的模板（仅供自己记录）

以下推荐几个高星标、高维护性、社区活跃的模板或项目，涵盖通用脚手架、中后台系统、移动端H5等常见场景，帮助你快速启动项目。
Eleven·2025-06-25 19:11

移动端H5-iPhone安全距离适配

安全区域？安全区域指的是一个可视窗口范围，处于安全区域的内容不受圆角（corners）、齐刘海（sensorhousing）、小黑条（HomeIndicator）影响，如下图蓝色区域：也就是说，我们要做好适配，必须保证页面可视、可操作区域是在安全区域内。更详细说明，参考文档：HumanInterfaceGuidelines-iPhoneXviewport-fitiOS11新增特性，苹果公司为了适配
辰枫Sir.·2025-06-02 01:21

手机端html回弹,处理iOS微信H5页面橡皮回弹效果

此次主要针对移动端H5页面在iOS端产生的橡皮回弹(橡皮筋效果)问题做一下相关记录，希望对遇到类似问题的同学有所帮助。
愛幻想的小水瓶·2025-05-19 12:11

iOS橡皮筋回弹

此次主要针对移动端H5页面在iOS端产生的橡皮回弹（橡皮筋效果）问题做一下相关记录，希望对遇到类似问题的同学有所帮助。
「已注销」·2025-05-19 11:08

Vue3 - 详细实现列表拖拽排序功能，列表或表格自定义元素拖动排序效果

该功能兼容PC网站和移动端H5页面，确保多端一致的交互体验。相关文档：中文文
猪逗逗·2025-05-07 11:27

从系统架构、API对接核心技术、业务场景设计及实战案例四个维度，深度解析1688代采系统

系统架构设计与技术选型1.分层架构体系HTTP/HTTPS鉴权数据交互存储消息队列支付/物流用户终端API网关业务层数据层MySQL/RedisRabbitMQ/Kafka第三方服务表现层：支持PC端/移动端
数据小爬虫.网站开发-Brad·2025-03-29 15:50

移动端H5页面调试工具vConsole

                   //VConsole默认会挂载到`window.VConsole`上       varvConsole=newwindow.VConsole();      
青青子衿越·2025-03-03 10:56

手摸手，带你实现移动端H5瀑布流布局

但是它们的宽度通常都是相同的因为移动端瀑布流布局主要为竖向瀑布流，因此本文所探讨的是竖向瀑布流特点竖向瀑布流布局主要有下面几种特点：一般出现在移动端H5页面底部主要以图片或视频为主降低页面复杂度，节省空间
初见雨夜·2025-03-02 18:51

iOS Safari移动端H5页面调试全攻略：利用ios-webkit-debug-proxy进行内嵌H5页面调试

随着移动互联网的飞速发展，H5页面在移动端的应用越来越广泛。然而，由于不同设备和浏览器的差异性，H5页面在iOSSafari上可能会遇到各种兼容性和性能问题。为了有效地解决这些问题，我们需要对iOSSafari上的H5页面进行调试。本文将介绍如何使用ios-webkit-debug-proxy工具对iOSSafari移动端内嵌H5页面进行调试。一、ios-webkit-debug-proxy简介i
Cuckoosai·2025-03-01 06:14

vue - 详解西瓜视频插件xgplayer自定义播放器界面布局及样式细节，强力覆盖修改西瓜播放器的CSS样式，修改播放/暂停按钮大小或图标、增加扩展按钮、修改快捷键图标、整体颜色主题、视频加载状态等

强力修改西瓜播放器的视频加载图标及大小、播放和暂停按钮样式、全屏按钮样式、音量调解、整体色调、进度条样式等，vue西瓜视频插件自定义播放器及功能按钮的布局排版及css详细教程，有些时候是必须要修改的（例如手机移动端
街尾杂货店&·2025-02-28 17:16

uniapp - 超详细 H5 网页利用 uni.downloadFile 下载 URL 文件流并调用浏览器下载功能效果，前台通过请求后端接口获取文件并下载保存到本地（支持电脑PC与手机移动端H5）

前言例如，后端接口提供一个网络文件资源URL，您需要使用uni.downloadFile进行下载，然后调起浏览器进行下载保存。本文实现了在uniappH5网页项目中，通过uni.downloadFile下载文件得到临时文件路径后，调起浏览器进行下载保存，支持uniappv2/v3版本，详细讲解得到文件临时地址后，如何让浏览器使用这个临时地址、使用后又如何让用户保存文件等，如下图所示，调用后端接口拿
王二红·2025-02-27 02:26

html5 判断长按操作,移动端h5模拟长按事件

1、标志位vartimer='';varisLongTouch=false;//加个标志位，防止settimeout因为事件循环和实际时间有偏差vartarget=document.getElementById('target');target.addEventListener('touchstart',function(){timer=setTimeout(function(){isLongTo
weixin_39933414·2025-02-17 08:03

uniapp - [全端兼容] 实现精美Editor富文本编辑器功能，uniApp全平台兼容的富文本插件组件用户可上传图片及对接服务器存储文件等，手机移动端H5网页富文本/小程序富文本/App富文本！

前言网上的教程乱七八糟且兼容性太差，本文提供优质示例。在uni-app全平台兼容（H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue）开发中，详解引入使用富文本编辑器及图片上传显示等功能，用户可上传图片显示和服务器保存回显效果（插入图片），uniApp各平台都兼容的富文本editor插件，自定义富文本按钮功能及自由排版样式布局，uniapp富文本组件插件用于发布文章/发布资讯公告/
王二红·2025-01-29 08:04

uniapp实现足球数据分析平台移动端H5

文章目录前言一直想做一款足球分析平台，大概内容包括竞彩分析模块，即时预测模块，初盘分析模块，找来找去还是前端铺子的样式感觉比较好看。一、界面一栏二、注册界面1.代码说明三、首页界面四、竞彩预测五、即时预测总结前言一款基于前端铺子改造的移动端程序一直想做一款足球分析平台，大概内容包括竞彩分析模块，即时预测模块，初盘分析模块，找来找去还是前端铺子的样式感觉比较好看。一、界面一栏演示地址二、注册界面1.
足球数据分析·2024-08-23 06:57

移动端 H5 实现拍照功能的几种方法

下面是实现移动端H5拍照功能的几种方法：1、使用：通过HTML5规范中的调用系统摄像头，并选择拍摄的照片。但这种方式可能会导致页面刷新。
忧郁的蛋~·2024-02-23 15:04

移动端h5网页调用支付宝支付接口

领导第一次让我做h5支付宝支付的时候，去了支付宝开放平台，一顿上上下下左左右右，看完了长呼一口气。这个支付好像没我啥事儿啊！小伙伴儿们自行查看：https://opendocs.alipay.com/open/203/105285QQ截图20201112094630.png关于手机网页内支付宝支付，核心代码就是，后端会返回给你一个form，然后你拿着这个form去调用就行了。这样就需要你准备俩网页
我的弟弟叫泥鳅·2024-02-07 20:19

移动端H5页面制作规范（2）

计量单位的使用css的计量单位有三种选择：px:固定的相素值em:相对父级元素的font-size设置来作为当前元素1em所代表的像素值，如父节点的font-size:10px，当前节点的font-size:1.2em,则当前节点的font-size实为12px;rem：相对根节点html的font-size设置来作为当前元素1rem所代表的像素值，与em的区别就是rem的基本度量单位与父节点无关
醉于麦田·2024-02-07 16:06

FastAdmin西陆教育系统(xiluEdu)开源代码

应用介绍一款基于FastAdmin+ThinkPHP+Uniapp开发的西陆教育系统（微信小程序、移动端H5、安卓APP、IOS-APP），以下是教育系统所包含的一些功能：视频课程：教育系统提供在线视频课程
qq_24610005·2024-02-05 08:44

常见的移动端H5页面开发遇到的坑和解决办法

1、安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，有1.5的，有2的也有3的。想
极地雪狼li·2024-01-31 19:20

移动端h5自动化

1.DesiredCapabilities的配置DesiredCapabilitiescapabilities=newDesiredCapabilities();capabilities.setCapability("deviceName","iPad");capabilities.setCapability("platformVersion","12.0");capabilities.setCa
Ruby_linxr·2024-01-30 21:16

移动端H5点击有300ms延迟

在移动端的H5开发中，可以采取以下几种方法来解决移动设备上的300ms点击延迟问题：使用标签设置viewport：这样可以让页面在移动设备上以真实的像素值进行渲染，避免了默认的缩放行为，减少了点击延迟。使用CSS样式touch-action属性：.touch-action{touch-action:manipulation;}这样可以告诉浏览器禁用默认的双击缩放行为，以及加快触摸事件的响应速度。使
亮学长·2024-01-30 13:11

记录--移动端 H5 Tab 如何滚动居中

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助移动端H5Tab如何滚动居中Tab在PC端、移动端应用都上很常见，不过Tab在移动端比PC端更复杂。为什么呢？
林恒smileZAZ·2024-01-24 18:51

移动端h5开发记录（踩坑之旅）【IOS、Safari、兼容适配等】

1.（Tips:千万不要用，常规页面滚动就用body自身的滚动）在外层div限高100vh，内层div增加overflow-y:auto，在safari下滚动会有许多奇奇怪怪的问题2.position:fixed中的input框聚焦软键盘弹出，IOS下会有光标错位问题//IOS9实测有效html,body{-webkit-overflow-scroll:touch;}3.滚动穿透问题（实测的此方法
永夜丶寒沉·2024-01-15 04:33

移动端h5页面meta标签设置
_皓月__·2024-01-14 00:05

FastAdmin西陆教育系统(xiluEdu)开源代码

应用介绍一款基于FastAdmin+ThinkPHP+Uniapp开发的西陆教育系统（微信小程序、移动端H5、安卓APP、IOS-APP），以下是教育系统所包含的一些功能：视频课程：教育系统提供在线视频课程
qq_24610005·2024-01-13 06:28

常见的移动端H5页面开发遇到的坑和解决办法

转自：https://www.cnblogs.com/LiuJL/p/7744473.html1、安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone4的960640分辨率，在网页里只显示了480320，这样
fa270cccf005·2024-01-08 18:18

uniapp 移动端H5 下载文件 xls 实现

背景：目前项目是用在移动端的H5,uniapp构建的项目。需求是：后台掊口返回文件二进制文件，在移动端浏览器实现文件下载，uniapp好几个掊口不太支持H5uni.downloadFile(OBJECT)使用上面下载之后：#1uni.saveFile(OBJECT)不支持H5#2uni.openDocument(OBJECT)不支持H5解决方案：使用原生H5的标签，加上XMLHttpRequest
Lan.W·2024-01-08 03:32

Nginx 代理静态资源，解决跨域问题

背景：移动端H5项目，依赖了一个外部的JS文件。访问时，出现跨域，导致请求被block。
94甘蓝·2024-01-01 16:45

前端预加载的3种方式 - 产品大佬都说好

场景复现页面内容和加载时序近期开发了一个移动端H5页面，页面大概如下：一个普通的loading页面，加载静态资源和请求接口客户信息展示页，基础信息和Tab1扩展信息展示Tab2为数据可视化页
不爱敲代码的小胡·2023-12-25 23:07

推荐几个开源H5小程序低代码工具

移动APP、H5、小程序曾风靡一时，结合当前无代码/低代码开发技术，有哪些免费开源的移动端H5/小程序软件，不用写代码即可发布H5页面，笔者对市场上主流的开源H5低代码/无代码工具/框架/组件进行了研究和验证
大龄码农有梦想·2023-12-24 15:44

以变制变 - 前端动态化代码保护方案探索

PWA的出现，更是把移动端H5的体验推向了另一个极致。越来越多业务使用H5作为主要入口的同时，也带来了另一个问题：机器行为泛滥。
程序员小肖·2023-12-22 18:28

uni-app ucharts中饼图与圆环图区别

项目情况：uni-app的用于移动端H5项目，包使用uni_modules目录存放。图表引用ucharts中的echarts配置的组件方式区别1饼图与圆环图在echarts使用的配置都是pie类型。
Lan.W·2023-12-20 06:42

【Vue】vue小工具，vue移动端h5页面使用小齿轮控制台，移动端项目打开控制台

前言没啥好说的，插件叫eruda提示：以下是本篇文章正文内容，下面案例可供参考一、原生用法这是我推荐的erudaeruda.init();还有另外一个叫VConsole//初始化引入的调试组件varvConsole=newVConsole();console.log('控制台打印信息最新');二、vue用法1.引入库npminstalleruda@^3.0.0--save2.编写环境配置本地为tr
阿民不加班·2023-12-19 10:38

uniapp的editor组件在H5上无法点击的问题处理

uniapp开发的移动端H5和小程序，富文本框输入框使用了editor的组件在小程序端是运行正常的，但是在H5端出现了无法点击的情况，是好时坏原因是H5端依赖远端的quill.min.js组件，该远端的组件偶尔会出现访问的情况文档上写的比较清楚
好用的CAS·2023-12-17 12:06

移动端h5页面meta标签设置

//删除苹果默认的工具栏和菜单栏//设置苹果工具栏颜色//忽略页面中的数字识别为电话，忽略email识别//启用360浏览器的极速模式(webkit)//避免IE使用兼容模式//针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓//微软的老式浏览器//uc强制竖屏//QQ强制竖屏//UC强制全屏//QQ强制全屏//UC应用模式//QQ应用模式//windowsphone点
兜兜里冒糖糖·2023-12-06 18:59

端访问或手机端访问的js代码//帆软部分公式及sql生成（月份、季度取数）

else{if(/Mobile|Android|webOS|iPhone|iPad|Phone/i.test(navigator.userAgent)){FR.Msg.alert("提示","当前设备：移动端
liujiaping·2023-12-02 19:39

深入理解移动端H5视频通话中的摄像头切换实践

在移动端H5应用中实现视频通话功能，已经成为现代Web应用的标配之一。随着Web技术的发展，我们不仅能够在桌面浏览器上实现复杂的视频通话功能，也能够在移动端浏览器中提供几乎原生应用级别的流畅体验。
程序员查理·2023-11-30 08:58

h5底部输入框被键盘遮挡_总结移动端H5开发常用技巧【干货满满哦】

前言年后第一天到公司上班，整理一些在移动端H5开发常见的问题给大家做下分享，这里很多是自己在开发过程中遇到的大坑或者遭到过吐糟的问题，希望能给大家带来或多或少的帮助，喜欢的大佬们可以给个小赞，如果有问题也可以一起讨论下
weixin_39829166·2023-11-28 10:13

移动端H5

移动端H5的一些总结页面禁止滚动（滑动穿透）1.在移动端h5中，经常会遇到下图这种情况的弹窗，弹窗背景后面的内容不允许滚动2.只需要在背景节点身上加上@touchmove.prevent即可(vue中)
阿森头发很多·2023-11-28 10:08

移动端H5 video视频播放优化实践

遇到的挑战移动端HTML5使用原生标签播放视频，要做到两个基本原则，速度快和体验佳，先来分析一下这两个问题。下载速度以一个8s短视频为例，wifi环境下提供的高清视频达到1000kbps，文件大小大约1MB；非wifi环境下提供的低码率视频是500kbps左右，文件大小大约500KB；参考QzoneTouch多普勒测速，2g网络的平均速度是14KB/s，那么下载一个低码率视频耗时35s；那么要想流
怀璧其罪·2023-11-27 06:54

video标签的问题汇总

video标签的问题汇总参考链接如何修改原生controls的样式video属性序列图片替代video记一次实现音频(Audio)自动播放，视频同理自定义video标签40条移动端H5坑位指南目录video
白昼的星光@·2023-11-27 06:53

HTML5海报生成器源码,原生js小项目 - canvas海报生成器

1.背景之前做过一个营销类移动端h5项目-海报生成器，上传用户本地图片合成海报并支持下载，这次有时间了整理整理。
给我一杯声声乌龙·2023-11-21 05:38

移动端H5页面编辑器开发实战--经验技巧篇

一、前言在上一篇《原理结构篇》中，主要针对移动端网页进行了分类描述，并介绍了H5编辑器的需求、原理以及框架结构，本文将延续开发实战这一主题，针对策略和开发技巧做进一步的介绍。二、策略篇2.1适应策略在上一篇文章中，简单对兼容方式做了区分，即固定尺寸兼容及百分比兼容，下面我具体介绍下为什么没有使用这两种方式以及目前所用的适应策略。1）固定尺寸兼容这种做法，一般是通过js自动生成viewport及sc
魅族技术·2023-11-12 02:59

umi+Ant Design Mobile+rem搭建移动端H5框架

1.创建项目（我用的umi4）pnpmdlxcreate-umi@latest2.安装AntDesignMobilepnpmaddantd-mobilepnpmaddantd-mobile-icons//安装Icon图标3.安装postcss-px-to-viewportpnpmadd-Dpostcss-px-to-viewport4.配置/.umirc.tsimportpathfrom'path
沐歌丨丶·2023-11-08 06:30

【PC端聊天功能模板】vue-elementul简单实现电脑端客服聊天功能，pc端聊天系统静态页面布局，配套websocket方案和心跳重连机制【详细注释，拿来即用】

我的代码里面有详细的注释，相信就算是刚学完前端的萌新也是看得懂的，如果有不懂得可以提问小程序端聊天功能和websocket模板写法点这里点击跳转移动端H5静态页面布局模板点这里移动端H5聊天室布局模板点击跳转移动端
接口写好了吗·2023-11-06 22:03

专有钉钉 常见问题

移动端h5应用，andro
own\·2023-11-04 14:38
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他