H5页面第8页

H5页面跨窗口通信之postMessage（iframe子页面向父页面发送信息）

需求背景最近在做H5项目时，遇到一个需求，公司所有的项目共用了一个防人机页面，当人机验证完成时需要把结果参数发送给调用它的父页面，APP端在使用验证页面时，结果是通过H5与APP交互方法传递的；但是H5引用这个页面时，只能通过iframe内嵌的方式来实现，这样在验证通过后就面临着iframe内嵌页面需要将验证结果发送给外部父页面，通知外部父页面做相应的处理；实现方式1.父页面发送消息，子页面接受消

一捆铁树枝·2023-10-28 14:10

H5营销观察：场景应用的重要性

目前，常见的H5营销场景包括：产品推广：企业可以创建H5页面来展示其产品或服务的特点、优势和价格。这些

皓量科技·2023-10-27 22:54

H5页面在微信里禁止分享

由于某些原因，放在公众号里的H5页面需要做禁止分享，在网上找到了一个好的方法：document.addEventListener('WeixinJSBridgeReady',functiononBridgeReady

Mo_zifeng·2023-10-27 21:56

h5页面中有定时器的时候，轮播图不滚动

（1）轮播图react-slick的使用，但是页面中有其他定时器的时候，轮播图不滚动npminstallreact-slickimportCarouselfrom"react-slick";constsettings={speed:200,autoplay:true,dots:false,infinite:true,slidesToShow:1,//一页展示几条数据slidesToScroll:1

知命者夏洛特·2023-10-27 09:29

Hbuilder打包安卓H5-APP，APP与程序分离，更新无需重新打包

一、目标使用Hbuilder打包H5-APP两个方式：1、将自己的H5页面以及js全部打包进apk程序，后续如果更新，只能迭代apk版本，来进行APP更新升级。

一切如你i·2023-10-27 04:14

IOS开发在H5页面创建列表，类似新闻页底部推荐更多

效果如下：废话不多说，直接上代码-(NSString*)jsFunction{return@"functionsendCommand(cmd,param){varurl='testapp:'+cmd+':'+param;document.location=url;}";}-(void)parseData{NSString*tempStrring=[selfhtmlEntityDecode:_inf

曼纪珂·2023-10-27 02:43

H5手淘方案适配移动端

H5移动适配方案网上有很多，但是最好用的还是淘宝开源的Flexible库+Rem解决方案，这里暂且不说适配方案的思想和原理，这里仅作H5页面开发时的使用说明。

cs0710·2023-10-26 12:07

mobiscroll.js插件的简单配置

可以在h5页面实现模仿安卓和ios手机上面的效果。1、可自定义主题，官网有很多主题可以自己定义，然后下载。

sunshine08_07·2023-10-26 11:52

U3D通过www加载竖向图片到本地时，变成横向

unity通过www加载图片到本地显示程序分两个功能，一个是通过h5页面上传本地图片到服务器，一个是PC上U3D程序加载服务器上的图片到本地做轮询展示；上传图片部分的功能是另外一个前端做的开发，在调试过程中发现

0ONoBugO0·2023-10-26 10:36

利用mac和iphone调试H5页面

maciPhone手机—设置—safari—高级然后macc链接iphone然后再页面右键检查之后在右键查看页面源码（2次）

22222912·2023-10-26 09:44

解决input[type="file"]chang事件不能触发的问题

app里面嵌套h5页面，有个input[type='file']的标签实现用户手机拍照功能在js里面处理图片$('#Album_img').on('change',function(e){varformData

AAA前端·2023-10-26 08:29

C#开发微信门户及应用(46)-基于Bootstrap的微信门户应用管理系统功能介绍

在前面介绍很多的微信框架，基本上都采用EasyUI的界面来搭建的微信框架，如随笔《C#开发微信门户及应用(8)-微信门户应用管理系统功能介绍》介绍的一样，不过随着微信的H5应用越来越多，因此转换为更适合做H5

weixin_30372371·2023-10-25 22:22

iOS APP 中H5视频默认全屏播放

问题描述：在Android中，视频可以正常在H5页面局部播放，iOS中则自动切换至全屏模式，需要禁止视频自动全屏播放。

sasha学习·2023-10-25 10:31

如何解决 5 Plus APP嵌套H5页面，回退页面层级问题？

如何解决5PlusAPP嵌套H5页面，返回上一级关闭页面？初次体验5+app项目开发，遇到安卓端需要嵌套H5页面需求，进入二级页面时，操作返回键，直接退出页面了。

Smile_ping·2023-10-25 06:57

iOS项目的一些安全加密认证

玉思盈蝶·2023-10-25 02:26

vue项目中微信h5页面跳转到小程序 wx-open-launch-weapp

先放上微信官方文档：微信官方文档1、先请求接口配置微信需要的一些参数//需要先请求后端接口leturl=window.location.href.split("#")[0];letshareConfig=awaitshareViewAPI.getWechatConfig({url});let_this=this;//将接口返回的信息配置wx.config({debug:false,appId:_t

王2疼·2023-10-25 01:15

关于uniapp使用srcoll-view视图是横向及纵向滚动

在写完后实验了一下，微信小程序时没有问题，但是h5页面却出问题了。

jidaotianzun·2023-10-24 13:29

前端禁止微信自定义字体大小（WebView调整H5字体大小）

起因：写H5页面的时候，用微信打开后发现文字错位。直接上代码：IOS在CSS里面写入下面代码body{-webkit-text-size-adjust:100%!

最凶残的小海豹·2023-10-24 11:31

h5页面作为传播媒介的推广方式,如何统计app安装渠道统计？

我们知道，因为安卓系统开放性较强，对应用开发者限制并不严，加上安卓平台没有苹果APPStore那样靠谱的应用销售渠道，很多第三方安卓app开发商都选用免费安装+广告植入方式来进行盈利。而安卓的应用市场和各类APP商店太多了，目不暇接，数不胜数。许多苹果安装不了的软件，安卓都可以安装，当时许多安卓用户还因此引以为豪，包括现在也是一样。包括App社交分享、地推推广、短信邮箱营销、渠道二维码、KOL营销

Xinstall渠道统计·2023-10-22 23:38

H5项目常见问题汇总及解决方案

Meta基础知识：H5页面窗口自动调整到设备宽度，并禁止用户缩放页面//一、HTML页面结构//width设置viewport宽度，为一个正整数，或字符串‘device-width’//height设置

风神.NET·2023-10-22 20:25

python+appium自动化（未完）

1.contextscontexts(self):Returnsthecontextswithinthecurrentsession.返回当前会话中的上下文，使用后可以识别H5页面的控件:Usage:driver.contexts

diaojixiang3725·2023-10-22 14:29

lottie android 卡顿,说说动画卡顿的解决方案

CSS3动画卡顿解决方案前端时间用animation实现H5页面中首页动画过渡，很简单的一个效果，首页加载一个客服头像，先放大，停留700ms后再缩小至顶部。

狄息桐·2023-10-22 14:31

电子相册微信H5模板【h5特效】

其实，电子相册也是一种微信H5，可以通过h5页面制作工具维本微传单来进行制作，下面这个H5模板就是维本微传单中的电子相册模板，其制作要点主要有三个方面：首先，因为一般电子相册的主题都是纪念、怀旧，所以在制作风格上要符合主题

ae59177324f2·2023-10-22 10:56

衡量分享渠道H5新增、拉活流量

痛点：无法识别App安装渠道在做App推广的相关活动时，都会面临同样的难题：从H5页面带来的新增用户，最终安装到达App内，却无法得知用户最开始是从哪些地方访问了H5页面，甚至需要填写各种渠道码核实。

明日幻想·2023-10-22 03:48

H5：IOS刘海屏适配

(2)H5页面底部太贴近手机底部小黑条。三种方案根据问题场景，我想到了以下三个解决方案，并作了一一尝试：机型适配、布局适配、

KWMax·2023-10-22 02:25

uniapp打包h5页面嵌入企业微信中h5打开附件（window.location.assign）返回页面ios白屏

太坑了安卓中打开在返回正常，在ios中返回会白屏。以为是附件太大导致，后又以为是ios没刷新导致的，于是做了刷新处理。如何插入一段漂亮的代码片//Anhighlightedblockwindow.onpageshow=function(event){if(event.persisted){window.location.reload()}};但还是白屏，后来想到返回页面刷新了在uniapp中会执行

不知名鸽子·2023-10-21 08:43

Vue开发微信H5页面内容缓存问题

前阵子，做一个微信H5推广页面，用的是Vue+MintUI，路由使用History模式下，在微信分享时，出现的页面内容不更新的问题。经测试，发现问题只出现在IOS上。需求描述：同一个页面根据路由上的不同参数展示不同的内容。出现的问题：加入我第一次打开页面是order/123/1，第二次打开order/123/2，展示的还是order/123/1的内容。问题分析:因为苹果分享会是调取签名失败是因为:

李小白Saa·2023-10-21 08:57

公众号h5页面跳转到小程序

前言：最近做了一个公众号的首页，首页由一个模块需求是点击跳转到小程序，于是翻阅了资料，需要用到公众号的一个开放标签：wx-open-launch-weapp公众号h5页面跳转小程序呢，需要先关联下小程序

missGril·2023-10-21 08:10

微信小程序的特点、开发能力及运行机制

相比h5，小程序受限微信运营规范，不像h5页面那么灵活。但他也可以做一些h5做不了的事情，比如消息订阅，直接转发消息给好友等。小程序的开发能力1、依托

Win_77·2023-10-21 05:26

小程序下一破局点？钉钉小程序卡片，应用与平台的深度集成

抢座流程对比：以前H5页面的抢座流程现在卡片应用的抢座流程1.小蜜搜索“幸福大巴”1.小蜜搜索“幸福大巴抢座”2.点击跳转链接2.一键抢座，完事儿3.连接VPN4.打开预订H5页面进行抢座与以前相比，一键预

阿里巴巴终端技术·2023-10-21 01:20

h5难做吗_欢庆网：对于H5，可能没你想的那么难！

很多人对H5页面这个词都蛮陌生的，在网上搜索了一下，有人将它比喻成是H5制作，实际上挺形象的，笼统地说，H5页面也能翻页、带有动画还有背景音乐。H5页面

苍苍欧巴·2023-10-20 23:38

如何使用Epub360制作炫酷的邀请函类型H5页面

邀请函类型的H5页面作为一种活动报名、产品推广、婚礼庆典等场景通用的一种形式，发展到今天，玩法多种多样，今天我们以意派Epub360为例，来向大家介绍如何制作炫酷的邀请函H5页面工具/原料意派Epub360

21epub 视效艺术组·2023-10-20 23:00

H5DS编辑器——轻松玩转H5

H5DS（HTML5Designsoftware）编辑器是一款由爱趣五科技自主研发的h5页面制作工具，可以在线免费制作电子请帖、H5邀请函，个人简历等H5页面，让不会写代码的人也能轻松快速上手编写H5页面

爱趣五科技·2023-10-20 23:57

H5页面解决点击页面处关闭键盘，触发了页面的事件的问题

import{onMounted,reactive,ref,watch}from'vue'importKeyboardMaskfrom'@/components/KeyboardMask.vue'//导入KeyboardMask组件constisKeyboardVisible=ref(false)//添加遮罩层解决键盘弹出，点击空白处关闭键盘，触发页面点击事件constoriginalHeight

gaolei_eit·2023-10-20 18:07

在uniapp H5项目中使用腾讯地图sdk

前言这里主要针对的是H5，小程序或app都有现成的sdk可以使用；本人是用uniapp在做微信公众号的h5页面，其中需要把经纬度信息转化成文字描述的位置信息，在腾讯地图开发平台上申请了一个key，然后下载了一个微信小程序使用的微信小程序

腾讯位置服务·2023-10-20 15:03

uniapp H5项目中使用腾讯地图sdk

前言这里主要针对的是H5，小程序或app都有现成的sdk可以使用；本人是用uniapp在做微信公众号的h5页面，其中需要把经纬度信息转化成文字描述的位置信息，在腾讯地图开发平台上申请了一个key，然后下载了一个微信小程序使用的微信小程序

小小码农biubiubiu·2023-10-20 15:33

H5页面的部分IOS兼容处理

IOS兼容处理环境：uni-app开发H5项目，H5项目链接webview嵌入app中popup弹窗显示层级问题问题：遮罩层遮挡位置不正确有白边，提交按钮应该在最底部却显示在popup上面解决：将popup组件放到外层组件中，避免放到内层组件中页面高度计算IOS底部有安全距离，设置样式时要考虑安全距离height:calc(100vh-50px-env(safe-area-inset-bottom

洛千陨·2023-10-20 01:30

【百度地图API】之定位篇

在拿到这个需求的时候我起初想到的是手机自带的GPS的调用，但是这样以来就必须有iOS和Android的同学的支持，或者说我们对于我的这个需求是不可行的（因为是内嵌到钉钉里的一个H5页面）。

前端大虾·2023-10-19 23:53

前端初理解

前端的作用：1.web开发常用web网站h5页面技术需要:htmlcssjs页面布局排序整理2.跨平台app\小程序vue、uniapp、react一件多用做出app、小程序3.web爬虫：快速收集、整理数据

L_cl·2023-10-19 18:03

H5页面调用微信扫一扫

需求：H5页面调用微信扫一扫扫描二维码，获取二维码内容技术：vue，vuex参考文档：微信开放文档问题：Android正常打开扫一扫，ios必须刷新一下才能打开解决:在vue项目npm安装微信sdknpminstallweixin-js-sdk

mary、流年·2023-10-19 17:49

h5在小程序中调用微信扫码功能

需求：h5页面扫码，拿到扫码后的结果，去查询列表的数据。

南城夏季·2023-10-19 17:46

微信公众号H5页面实现扫一扫功能

uniappH5实现扫一扫功能最近遇到一个需求，H5页面使用扫码绑定设备功能，因为uniappuni.scanCodeAPIH5不支持，网上找了很多方案不合适，因为这个项目是在公众里面运行的，所以最后采用了引入微信

独上西楼听秋雨·2023-10-19 17:36

关于Universal Link(通用链接)的细节

5、H5页面的按钮链接在配置文件的白名单范围内实现流程：1、APP适配通用链接2、微信开发者账号添加通用链接3、服务器处

LINGSHOW·2023-10-19 10:50

二次开发米拓模板mui在h5页面做微信网页授权、支付宝授权

前期需要准备好米拓模板在h5页面做微信网页授权、支付宝授权一、微信授权（1）原理：米拓网站地址http://www.shop1a.cn/product/判断是微信环境->跳转到微信的授权页面->用户授权

withcici·2023-10-18 20:23

微信跳转手机默认浏览器提示微信h5页面中下载第三方app的方法

由于微信的限制，应用文件在内置浏览器中下载全部被屏蔽掉，造成很多人用微信扫描二维码下载时点击下载按钮没反应，我想到的是做一个提示用户在浏览器中打开下载。可以参考：微信打开网址添加在浏览器中打开提示和微信扫描打开APP下载链接提示代码优化。其实原来很简单，就是判断当前是在微信内置浏览器中，然后将默认隐藏的提示层显示出来。案例如下：一、遮罩提示：二、微信跳转:微信自动跳转手机默认浏览器打开下载链接安卓

yesorno9541·2023-10-18 18:53

微信h5页面跳转浏览器在微信中点击链接直接跳转到手机默认浏览器

很多朋友的推广链接需要在微信中进行的网页宣传、传播、等等，但是各位朋友一定发现了微信中是屏蔽掉了APP的下载链接的。但是微信最为一个最大的社交平台，为了自身的利益，屏蔽掉了很多链接。我们要怎么解决这个问题呢？基于微信接口开发了一款全新的手机端微信中的推广，通过这个程序生成的链接，安卓用户在微信中点击的话，是可以直接跳转手机默认浏览器打开链接。IOS用户在微信中点击的话会弹出一个遮罩提示用户用浏览器

monkey197·2023-10-18 18:18

苹果手机浏览器$(document).on(click,function(){})点击无效的问题

刚做完一个项目，在微信公众号内开发H5页面，页面中包含图片上传功能，用的是微信的拍照或从手机相册中选图接口，安卓、微信开发者工具都可以通过这个接口调起相册，但是ios却没有任何反应；一开始一直以为是该接口与

妞妞爸爸2018·2023-10-17 15:41

unity 浏览器插件【embedded browser（原zfbrowser）】简单教程，使unity支持web h5页面，附软件下载链接

一简介这是个在项目中使用了很久的浏览器插件。很负责任的说这是在pc平台上最好用的浏览器插件商业付费价格78刀，相比3dwebview等插件动不动就178、368的价格就显得很良心最新版下载链接（请勿商用）1.1功能概述基本和普通浏览器无异支持调试台Devtools功能支持eviljs支持h5原生视频播放支持控制台捕获支持unitytojs，jstounity通信支持鼠标键盘事件支持各种浏览器操作，

千年奇葩·2023-10-17 15:03

Vue + element从零打造一个H5页面可视化编辑器——pl-drag-template

pl-drag-templateGithub地址：https://github.com/livelyPeng/pl-drag-template前言想必你一定使用过易企秀或百度H5等微场景生成工具制作过炫酷的h5

qq_36658170·2023-10-17 06:59

h5 先加载小图_性能提升80%！详解饿了么H5性能优化秘诀

H5作为业务的重要载体，在移动端的应用非常广泛，因此H5页面性能是一个非常核心的用户体验指标。本文结合【饿了么首屏优化实践】为大家介绍页面性能优化的思路。性能提升80%！

weixin_39973410·2023-10-17 00:19

推荐频道

H5页面