文章目录1、实现视频录像的几种方式2、系统封装好的 UIImagePickerController2.1 UIImagePickerController方式2.1.1 info.plist 设置2.1.2 是否支持相机录制2.1.3 权限确认2.1.4 创建UIImagePickerController 对象2.1.5 UIImagePickerControllerDelegate代理的实现3、
转载
2024-07-16 15:08:31
83阅读
当团队准备着手做 APP 时，我们把目标对准了 Flutter，尤其近期 Flutter 的使用热度一直不断攀升。由于第一次使用 Flutter，就想通过自己的实践去提升自己的能力。在做 APP 时，我们用到了视频播放器，当前使用官方提供的插件「video_player」https://github.com/flutter/plugins/tree/master/packages/video_pl
转载
2024-08-25 16:22:47
57阅读
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阅读
1. push原理iOS push 工作机制可以用下图简要概括 Provider:应用自己的服务器；APNS:Apple Push Notification Service的简称，苹果的PUSH服务器；push的主要工作流程是： iOS设备连接网络后，会自动与APNS保持类似TCP的长链接，等待APNS推送消息的到来； 应用启动时注册消息推送，并获取设备的在APNS中注册的唯一设备标示devic
转载
2023-10-31 10:22:57
208阅读
在当今互联网时代，移动端网页应用的重要性愈发凸显，尤其是在iOS设备上，使用H5技术构建的应用正逐渐成为主流。然而，由于不同版本的iOS系统存在兼容性问题，开发者需要了解解决“h5 ios”问题的诸多方面。接下来，我将详细阐述如何解决这些问题。
## 版本对比
当我们谈到不同版本的iOS时，首先要考虑的是在各个版本之间的兼容性分析。这里我们使用LaTeX公式来描述性能模型的差异：
$$
Pe
# IOS H5开发入门
## 什么是IOS H5
IOS H5指的是在IOS应用中嵌入H5页面进行开发的技术。H5页面是指使用HTML、CSS和JavaScript等前端技术开发的页面。使用IOS H5技术，可以在IOS应用中使用Webview组件加载H5页面，并通过JavaScript与原生代码进行交互，实现丰富的功能和交互体验。
## 为什么选择IOS H5
IOS H5开发相比于传
原创
2023-10-14 03:20:34
502阅读
作者 | 肖亚东，目前就职于南京有货，主要从事iOS和小程序端的开发，伪前端，喜爱RN、flutter等跨平台技术。热爱电影，美食，篮球，偶像科比，朋友都称他曼巴 来源 | 在《iOS app秒开H5优化探索》一文中简单介绍了优化的方案以及一些知识点，本文继续介绍使用WKURLSchemeHandler拦截加载离线包优化打开速度的一些细节以及注意事项，阅读本文前请先大概了解一下上篇文章的
转载
2023-12-14 15:36:20
442阅读
随着移动设备的高速发展，H5 开发也成为了 F2E 不可或缺的能力。而移动开发的重中之重就是掌握调试技巧，修 Bug 于无形。一、概要因为移动端操作系统分为 iOS 和 Android 两派，所以本文的调试技巧也会按照不同的系统来区分。寻找最合适高效的方式，才能让你事半功倍。文章会列举目前适合移动端调试的多种方案，快来选择你的最佳实践吧！二、iOS 设备Sa
转载
2023-09-05 10:36:58
304阅读
问题：之前使用的通过网页打开app都是通过URL scheme打开app，但是我们在开发的过程中遇到过一个奇怪问题，本地的debug的时候都是可以正常打开的，但是打成安装包之后URL scheme没有起作用，解压了安装包，里面也是有配置的URL scheme，于是决定换Universal Link的方法去完成本次续期，当然在使用Universal Link过程中也遇到过很多坑，下面就简单介绍下：U
转载
2023-10-01 21:56:54
235阅读
这次给大家带来H5的缓存Manifest的使用，使用H5的缓存Manifest注意事项有哪些，下面就是实战案例，一起来看一下。在app中更新h5页面一直有缓存问题。默认什么都不做的情况下，app有一定的空间缓存页面。一开始更新之后会马上加载，等到app缓存空间上来之后更新就无法下载了。安卓能够清理缓存空间，ios就只能卸载重装(are u kidding me?)。这是最坏的情况，你可以更换下地址
转载
2024-02-22 13:22:59
227阅读
最近在开发项目的时候，遇到一个需求，需要移动端实现放大查看图片的功能，然后我就在网上搜索了一下资料，看到了photoswipe这个插件，后来试了试，确实挺好用的，它可以实现手势放大缩小查看图片，左右滑动切换图片以及上下滑动关闭大图。现在简单分享一下。
最近在开发项目的时候，遇到一个需求，需要移动端实现放大查看图片的功能，然后我就在网上搜索了一下资料，看到
转载
2023-07-12 13:56:57
251阅读
一、Iframe：嵌入技术<iframe>元素旨在将web文档嵌入到当前文档中。这很适合将第三方内容纳入您的网站。 此示例包括使用以下所需的<iframe>基本要素： 注意：为了提高速度，在主内容完成加载后，使用JavaScript设置iframe的src属性是个好主意。这使您的页面可以更快地被使用，并减少您的官方页面加载时间（重要的SEO指标）。二、使用HTTPS： HT
转载
2024-03-12 00:31:55
111阅读
关于style标签所处位置带来的影响一般来说，页面样式可以通过以下几种方式使用 1、在标签中使用style属性设置标签样式，也就是行内样式， 2、使用link标签在h5头部head中引入外部样式文件，也就是所谓的外联引入， 3、通过style标签嵌入到h5文档中，也就是嵌入式。前面两者样式使用的位置基本是固定的，第三个嵌入式的位置可以随意插入到文档的任意位置，页面都能够将样式渲染出来。你可以将st
转载
2024-02-04 11:25:37
70阅读
项目上有个奇葩需求，一个网页的扭蛋游戏，需要半屏展示，并且需要最小化。1、半屏展示可以用dialogfragment，加载webview，把加载的webview设置半屏的高度就行。当然，webview，最好以java代码创建，再add到布局里面，不然会内存泄漏。class HalfSizeWebViewFragment : DialogFragment() {
var activity: YYSG
转载
2024-07-10 17:58:48
92阅读
H5 挽留弹窗的设计与实现背景运营提出想在用户点击退出，返回的时候，弹窗挽留用户，并通过挽留弹窗引流一些产品，提高转换率，因此挽留弹窗需要实现以下功能，用户点击返回的时候，弹出挽留弹窗。方案初步设计经过本人的调研，浏览器没有直接提供类似用户退出的事件监听，因此端外实现的方案都是比较hack的方案。主要借助history这个API，使用到以下两个方法history.pushState()：往浏览器里
转载
2023-10-31 20:38:26
464阅读
继上次总结html5做小游戏的经验后，一直工作繁忙，到现在才发出这篇迟迟的总结。好，言归正传。把HTML5转换成mobile有很多选择，主要针对android平台尝试了一些方式。把html5直接转成android应用可以用phonegap，android sdk，Rexsee和appMobi等。我试了前两种方式，下面会比较一下这两种方式，并总结一下经验和遇到的问题。
1.
转载
2023-11-30 19:26:22
133阅读
首先配置公众号JS接口安全域名设置ip白名单后台配置接口，获取签名signature最后html分享页面联调 1.首先配置公众号1.1.JS接口安全域名接入jssdk时，就需要配置JS接口安全域名，因此需要登录微信公众平台，在公众号设置→功能设置中，填写JS接口安全域名，域名即为H5项目的域名（如：www.baidu.com）,同时需要下载一个txt验证文件，并放置到服务器的根路径下，实
转载
2023-07-25 09:30:21
435阅读
在白鹭引擎的加持下实现跨平台发布游戏其中本质是html技术实现，实现h5环境包装到三大类环境1.浏览器环境，浏览器环境只需要设备可以打开浏览器就可以。2.安卓平台，公开式平台3.苹果平台，封闭式平台我开发了一款游戏考虑到下放成本问题，主流用户群体平台在移动方向，因为没有用户群体所以pc浏览器环境暂时放弃。首选是安卓平台，为什么不选择ios呢，这是因为后面就谈到了苹果ios的开发门槛。进入ios平台
转载
2023-09-05 15:04:58
129阅读
文章目录一、前言二、嵌套H5应用并实现双方通信2.1 WKWebView 与JS 原生交互2.1.1 H5页面嵌套2.1.2 常用代理方法2.1.3 OC调用JS方法2.1.4 JS调用OC方法2.2 JSCore 实现原生与H5交互2.2.1 OC调用H5方法并传参2.2.2 H5给OC传参2.3 UIWebView的基本用法2.3.1 H5页面嵌套2.3.2 UIWebViewDelegat
转载
2024-08-22 19:16:50
362阅读
做混合式开发的前端肯定都遇到过，自己在本地写好的页面，模拟器上也调试好了，为什么到了客户端上就出了问题呢？那出了问题该如何调试呢？我总结一下我曾经用到过的方法，可能不是特别全面，但确实在工作当中应用的还可以，如果还有其他方法，欢迎小伙伴们底下评论。一般来说对于h5与真机或模拟器连调的方法最直接简单的就是安卓用chrome，ios用safari，如果在其他情况下可以借助windows下用fiddle
转载
2023-07-24 08:43:30
135阅读
