对于 iPhone 8 和以往的 iPhone,由于屏幕规规整整的矩形,安全区就是整块屏幕。但自从苹果手机 iphoneX 发布之后,前端人员在开发移动端Web页面时,得多注意一个对 IOS 所谓安全区域范围的适配。这其实说白了就是 iphoneX 之后的苹果手机,在页面上,你需要对顶部和底部多预留一点空间。造成这个问题的主要原因就是苹果手机在屏幕上出现了所谓的刘海屏,而且更是在屏幕下方加了一条小
转载
2023-08-17 16:30:33
477阅读
防火墙安全区域及安全策略配置 一、学习目的掌握防火墙安全区域的配置方法掌握安全策略的配置方法 二、拓扑图 三、场景你是公司的网络管理员。公司总部的网络分成了三个区域,包括内部区域(trust),外部区域(untrust)和服务器区域(DMZ)。你设计通过防火墙来实现对数据的控制,确保公司内部网络安全,并通过DMZ区域对外
转载
2023-07-14 20:54:27
273阅读
iPhoneX安全区域引发的问题(Safe Area)瞧一瞧LeetCode题解:Gitbook版本传送门
前端笔记:Gitbook传送门
目录什么是安全区域?预留出Home Indicator指示条简单总结一、什么是安全区域?最近正在开发小程序相关的需求时,遇到了一个问题——ios高版本的安全区域,即iPhoneX及以上拥有的“刘海儿”等可滑动区域会与你开发的内容重合。 幸运的是,在小程序上我们
转载
2023-10-02 10:56:54
513阅读
一. 前言:苹果手机从iphoneX之后,屏幕顶部都有一个齐刘海,iPhoneX 取消了物理按键,改成底部小黑条,如果不做适配,这些地方就会被遮挡,所以本文记录一下齐刘海与底部小黑条的适配方法。二. 知识点学习1)viewport-fit iOS11 新增特性,苹果公司为了适配 iPhoneX 对现有 viewport meta 标签的一个扩展,用于设置网页在可视窗口的布局方式,可设置三个值:co
转载
2023-12-07 13:25:00
382阅读
摘要最近公司准备做一个安全级别比较高的项目:技术总监给我们提出了一个这样子的需求:在http请求过程中,即使嗅探器捕获到网络请求的链接也无法去请求到数据。经过一番思考,觉得支付宝的签名完全符合这样子的需求。但是之前自己对签名、RSA等知识也是知道的很少,所以花了一番功夫学习了一下。本文将针对RSA登录和http请求作讲解,希望对大家有所帮助。一.登录、登录保持(http请求)登录机制登录机制大概可
iPhone X及以上机型底部存在底部指示条,指示条的操作区域与页面底部存在重合,容易导致用户误操作, 解决方案:一、在index.html中的head中添加如下代码<!-- 在 head 标签中添加 meta 标签,并设置 viewport-fit=cover 值 -->
<meta
name="viewport"
content="width=d
转载
2023-07-24 23:27:15
499阅读
# iOS 顶部安全区域适配指南
在开发 iOS 应用时,适配顶部的安全区域是非常重要的一个步骤,尤其是考虑到 iPhone X 及后续机型具有刘海屏。在本文中,我们将详细介绍如何实现 iOS 顶部安全区域适配,帮助新手开发者轻松应对。
## 流程图
以下是适配顶部安全区域的整体流程图:
```mermaid
flowchart TD
A[了解安全区域] --> B[创建界面]
原创
2024-10-17 10:49:05
421阅读
权限适配动态权限的配置是Android6.0最先开始的,也是Android系统对开发者影响最深最大的改动之一;权限适配三连问问:是否Android6.0所有权限都需要动态申请 答:不是,只有危险权限才需要申请; 问:危险权限有哪些? 答:见下面危险权限说明; 问:危险权限是否需要一个一个申请? 答:在Android6.0~8.0不需要,如果应用在运行时请求权限并且被授予该权限,系统会错误地将属于同
转载
2024-07-20 23:24:10
22阅读
移动开发中,几乎所有的iOS应用程序都会用到iOS的网络API。从抽象程度来看,依次是URL加载系统,Foundation的NSStream接口和Core Core Foundation CFStream接口。从iOS9.0开始,从安全层面考虑,苹果官方开始强制应用使用https,未使用的也要给出具体说明,否则会有下架或则应用审核无法通过的风险。对于未越狱的iOS设备来说,AppStore和苹果的
iOS11 系统发布后,UIView多了几个与安全区域相关的属性和方法,用于界面适配,如:safeAreaInsets、safeAreaLayoutGuide、insetsLayoutMarginsFromSafeArea,以及safeAreaInsetsDidChange方法,初看到这些时我眼花缭乱,不知其存在的意义何在.扪参历井仰胁息,以手抚膺坐长叹.这特么到底怎么用啊???经过不懈的努力,阅
转载
2023-10-01 16:14:40
1508阅读
安全区域(Safe Area) 在iOS11以前, 自定义UIViewController时, 从来没有考虑过topLayoutGuide和bottomLayoutGuide这两个属性.但是在iOS11出来之后,这两个属性被废弃,取而代之的就是safeArea的概念,safeArea是描述你的视图部分不被任何内容遮挡的方法。 它提供两种方式:safeAreaInsets或safeAreaLayo
转载
2024-06-13 20:43:46
500阅读
一. 前言本文的出发点是对iOS设备的适配, 我们之前的适配只是考虑设备的尺寸, 设备的方向, 而在iPhoneX出来之后呢, 我们又多了一种考量, 那就是刘海和底部横条(HomeIndicator), 我们通过UIKit11.0之后新增的API来解决这个问题, 达到不同设备尺寸, 不同设备方向的完美适配. 二. 之前的做法 注: 该方法只适用于设备的竖屏, 如果是横屏就会出现
转载
2023-09-13 22:30:46
336阅读
# 实现iOS安全区的步骤
## 整体流程
为了实现iOS安全区,我们需要按照以下步骤进行操作:
```mermaid
gantt
title 实现iOS安全区流程
section 设置Safe AreaInsets
获取Safe AreaInsets信息 :done, 2022-06-01, 1d
应用Safe AreaI
原创
2024-05-31 04:13:21
84阅读
在处理移动Web开发时,特别是iOS系统上的Safari浏览器,有一个非常重要的概念,就是“底部安全区域”(Safe Area)。这是因为在某些iPhone上,由于屏幕边缘的设计,特别是刘海及底部的圆角区域,内容可能会被遮挡。本文将详细探讨如何通过CSS适配iOS的底部安全区域,确保我们的网站在各种设备上呈现一致的用户体验。
## 环境准备
在开始之前,我们需要确保安装必要的工具和库,以便为我
目标在 Windows 下,搭建 Flutter 运行的 Android 的环境。 详情参考:https://flutter.dev/基础环境Git Flutter 依赖Git 命令行工具如果未安装 Git for Windows,请先安装; 如果已安装 Git for Windows,请确保命令提示符或 PowerShell 中可运行 git 命令VS Code 首先安装 VS Code 编辑器
转载
2024-06-13 16:50:49
56阅读
这篇文章之前自己在公司的技术分享学院发表了。现在发到自己的博客上。 现在很多iOS的app没有做任何的安全防范措施。今天我们就聊聊iOS开发人员平时怎么做才更安全。 一、网络方面用抓包工具可以抓取手机通信接口的数据。以Charles为例,用Charles可以获取http的所有明文数据,配置好它的证书后就可以模拟中间人攻击,获取https加密前的明文数据。先简要的说下什么是中间人
随着iOS 9和OS X EI Capitan 的发布,苹果官方引入了应用通讯安全模式的概念。简而言之,应用通讯安全模式强制性要求应用需要使用最佳的安全通讯协议,比如TLS 1.2版本和前向保密技术。在不久的将来,苹果也将更新这些最佳实践以确保他们在保障网络数据安全的潮流中走在前列。在iOS 9 和 OS X EI Caption之后,当使用NSURLSession的时候默认会开启ATS。然而不幸
转载
2023-09-13 15:52:07
102阅读
前言自从iphoneX问世之后,因为iphoneX、iphoneXR和后续全面屏手机设备,因为物理Home键被底部小黑条代替了,这时候很多前端小伙伴在开发的过程都会遇到 “全面屏”和“非全面屏”的兼容性问题,普遍问题就是底部按钮或者选项卡与底部黑线重叠解释根据官方解释:
安全区域指的是一个可视窗口范围,处于安全区域的内容不受圆角(corners)、齐刘海(sensor housing)、小黑
转载
2023-10-01 16:14:35
616阅读
之前的项目中接触过一些加密的方法,也没有太仔细的进行记录和研究。最近在写SDK时,加密模块的占比相当之大;借此时机,对我们常用的加密方式做一个笔记。为什么要做加密操作?加密就是为了保证我们的数据安全,即不被他人篡改或截取到有用的信息的操作。iOS一直以安全著称,但是从Xcode的Ghost事件之后,iOS安全不可摧的神话似乎已经被打破。事实证明,无论是Android还是iOS,该加密处理的还是需要
转载
2024-07-30 21:56:18
53阅读
适配 iPhoneX安全区域安全区域指的是一个可视窗口范围,处于安全区域的内容不受圆角(corners)、齐刘海(sensor housing)、小黑条(Home Indicator)影响。参考文档: Human Interface Guidelines - iPhoneXviewport-fitiOS11 新增特性,苹果公司为了适配 iPhoneX 对现有 viewport meta 标签的一个
转载
2024-05-17 07:07:40
520阅读