viewport 简单粗暴的方式： <meta name="viewport" content="width=320,maximum-scale=1.3,user-scalable=no"> 直接设置viewport为320px的1.3倍，将页面放大1.3倍。为什么是1.3？ 目前大部分页面都是以320px为基准的布局，而iphone6的宽度比是375/320 = 1.171875，
转载
2024-08-07 08:37:14
71阅读
## 从H5调用Java的流程
为了实现H5调用Java，我们需要通过以下步骤进行操作：
| 步骤 | 操作 |
| ---- | ---- |
| 步骤一 | 搭建Spring Boot项目 |
| 步骤二 | 创建一个Java类，作为接口提供给H5调用 |
| 步骤三 | 在Java类中实现具体的功能逻辑 |
| 步骤四 | 配置前端页面，调用Java接口 |
接下来，让我们一步一步来实
原创
2023-10-10 04:03:18
45阅读
3.使用到的接口4.调取接口必须带上对应的通道，播放协议可选默认FLV。5.如果是按需需要30秒调取一次保活接口，不然服务端30秒后会停止向设备端拉取视频流。 6.index.html内容文件如下javascript
<!DOCTYPE HTML>
<html>
<head>
<title>EasyNVR</title>
标签：对象A让对象B去做事情，当对象B做完事情后，需要告知对象A完成了制定的事情。这就是回调的一种使用方法软件模块之间总是存在着一定的接口，从调用方式上，可以把他们分为三类：同步调用、回调和异步调用。同步调用是一种阻塞式调用，调用方要等待对方执行完毕才返回，它是一种单向调用；回调是一种双向调用模式，也就是说，被调用方在接口被调用时也会调用对方的接口；异步调用是一种类似消息或事件的机制，不过它的调用
转载
2024-05-11 14:35:08
42阅读
iOS H5回调
## 简介
在iOS开发中，H5页面与原生应用之间的交互是一种常见的需求。其中，H5页面通过回调函数与原生应用进行通信。本文将介绍iOS中H5回调的实现方式，并提供代码示例。
## 实现H5回调的方式
iOS中实现H5回调的方式有多种，包括JavaScriptCore框架、WKWebView、URL Scheme等。本文将以JavaScriptCore框架为例进行讲解。
#
原创
2023-10-21 06:42:09
83阅读
前言如上图所示：对比iPhone8，iPhoneX的屏幕高度增145px，上下新增高度如图二所示。对于相对底部 fixed 定位的元素浏览器的展现都是有问题的。对于底部，如下图是适配前后的对比图(如果是底部导航栏会很明显，导航栏、tab栏会和home小条重合，适配会显得尤为重要)。 关于适配的几个知识点1、安全区域（Safe area ）：确保不会被设
转载
2023-12-26 13:13:09
172阅读
首先得先简单学习下什么是schema ：什么是 URL Schema？android中的scheme是一种页面内跳转协议，通过定义自己的scheme协议，可以非常方便跳转app中的各个页面；通过scheme协议，服务器可以定制化告诉App跳转哪个页面，可以通过通知栏消息定制化跳转页面，可以通过H5页面跳转页面等。URL Schema应用场景：客户端的某个页面可以先注册一个 URL scheme，通
转载
2023-11-15 21:56:53
145阅读
android怎么调试已经上线的H5呢? 这里以某APP为例, 展示了如何HOOK WebView, 以及如何调式JS加密算法准备工作在android中, 一般对H5进行调试, 是打开chrome 输入 chrome://inspect/#devices 然后选择调试的app内嵌网页即可 但是对于已经发布的release版本, 如果Webview未开启调试, chrome是看不见可调试H5的具
转载
2023-07-24 20:32:30
156阅读
一、介绍 iPhone X 发布也有一段时间了，独特的 "齐刘海"，以及 "小嘴巴" 带给了苹果粉们无限的遐想，同时也带来众多的吐槽。前几天，招商银行公众号在微信推送了一条消息，11月招商银行App要发布最新版本，完美适配iPhoneX，是国内第一家银行App适配iPhoneX。感兴趣的朋友可以去下载体验一下。作为App开发者，此时你的心情是欣喜若狂，还是一万个XXX奔腾而过。欣喜也许是因为又
转载
2024-06-16 17:45:45
75阅读
移动端的fixed会有各种各样奇怪的问题，比如说移动端键盘弹起后底部tab被顶到键盘上方，失去焦点后底部tab跳动到原位置，还有在底部tab加input的各种bug，还有被顶起后不回到原位，停留在页面中间等等。 下面我总结一下github和各种前端技术网站的解决方案，主要就是以下几种。iscroll.js（如果原生能解决，能不用第三方插件就不用，而且据说性能不是很好，实在没办法再用），但滚动
转载
2024-06-07 23:26:21
563阅读
# 在Android中调试H5慢的实现流程
在移动开发中，使用WebView加载H5页面是非常常见的需求。然而，有时我们会遇到H5页面加载速度缓慢的问题。下面我们将详细介绍如何在Android中调试H5慢的情况。
## 整体流程
我们可以将调试H5慢的步骤分为以下几个过程：
| 步骤 | 描述 |
|------|------|
| 1 | 设置WebView并加载H5页面 |
|
# 实现H5调iOS录音的步骤
## 1. 理解录音原理
在开始实现H5调iOS录音之前，首先需要理解录音的原理。iOS平台上的录音功能通过调用AVAudioRecorder类来实现，它提供了一系列的方法和属性，可以控制录音的开始、暂停、停止以及音频格式等。
## 2. 准备开发环境
在开始实现之前，需要准备好开发环境。确保你已经安装了Xcode和iOS开发工具包。
## 3. 创建一个
原创
2023-11-19 06:58:21
380阅读
一、Android想要与H5页面实现交互，其实就是java与h5的web页面中的JS通讯，从而实现交互效果。博客的主要内容为：androd加载Html页面、android客户端怎样调用H5中的方法、H5如何调用android中的方法。 二、功能实现1、android中通过webview加载显示H5页面，webview既可以加载本地的Html页面，也可以加载一个网址。//设置页面支持Jav
转载
2023-09-19 16:30:46
269阅读
之前的文章介绍了关于微信JSSDK调用，下面介绍一下其中的一个最常用的功能——调用相册和摄像头使用此功能之前先参考：微信JSSDK在通过了config接口验签成功之后，我们就可以调用微信JSSDK的方法了1、config配置成功// 通过config接口注入权限验证配置，可查阅微信公众平台接口进行配置
wx.config({
debug: false,
转载
2023-07-12 10:33:40
364阅读
# iOS H5交互回调的实现
在移动互联网的逐步发展中，H5与原生应用的结合变得越来越紧密。对于初入行业的小白开发者，理解和实现iOS H5交互回调是一个重要的技能。本文将为你详细讲解如何实现这一功能，包括整个流程的步骤、必要的代码和详细说明。
## 整体流程
下面是实现iOS H5交互回调的整体流程：
| 步骤 | 描述
原创
2024-08-03 09:54:54
128阅读
摘要详细讲述微信H5页面调试（安装在安卓或iOS手机上的），钉钉内H5页面的调试，QQ、微博以及各浏览器上H5页面的调试方法背景大学毕业快要一年了,用leader的话说我也是有一年开发经验的前端开发工程师了,输出是检验输入的最好方法,那我就慢慢来总结这一年来在工作中总结的经验教训,分享给大家,有不专业和不完善的地方,请大家多多指点反馈,比心~做过一段时间的运营需求,一些主要在手机上浏览的页面,遇到
## Uniapp H5调IOS接口实现流程
### 一、整体流程
为了实现Uniapp H5调用IOS接口的功能，我们需要进行以下步骤：
1. 在Uniapp项目中引入uni.request方法，用于发送请求。
2. 在IOS项目中创建一个WebViewJavascriptBridge对象，用于处理H5发送的请求。
3. 在IOS项目中注册一个供H5调用的方法，并在该方法中处理具体的业务逻
原创
2024-02-01 04:25:47
140阅读
1. 触屏操作 === touchaction + 九宫格
2. h5：混合应用 === 原生控制 + html
3. toast信息
1. appium-模拟触屏
TouchAction类：将一系列的动作放在一个链条中，然后将该链条传递给服务器，服务器接受到该链条后，解析各个动作，逐个执行；
短按(press)
长按(lognPress)
点击(tap)
移动到(m
均属于笔记，仅供个人参考，有问题欢迎指正一，java调用JavaScript1，初始化WebView并且加载网络页面private voidinitWebView() {
webView= newWebView(this);
WebSettings webSettings =webView.getSettings();
//设置支持javaScript脚步语言
webSettings.setJav
转载
2023-09-11 23:57:59
295阅读
定位定位指的就是将指定的元素摆放到页面的任意位置通过定位可以任意的摆放元素 通过position属性来设置元素的定位可选值 static：默认值，元素没有开启定位 relative：开启元素的相对定位 absolute：开启元素的绝对定位 fixed：开启元素的固定定位（也是绝对定位的一种） 相对定位当元素的position属性设置为relative时，则开启了元素的相对定位 1.当开启
转载
2024-04-07 06:35:06
53阅读
