安全区域(Safe Area) 在iOS11以前, 自定义UIViewController时, 从来没有考虑过topLayoutGuide和bottomLayoutGuide这两个属性.但是在iOS11出来之后,这两个属性被废弃,取而代之的就是safeArea的概念，safeArea是描述你的视图部分不被任何内容遮挡的方法。 它提供两种方式：safeAreaInsets或safeAreaLayo
转载
2024-06-13 20:43:46
500阅读
iOS11 系统发布后,UIView多了几个与安全区域相关的属性和方法,用于界面适配,如:safeAreaInsets、safeAreaLayoutGuide、insetsLayoutMarginsFromSafeArea,以及safeAreaInsetsDidChange方法,初看到这些时我眼花缭乱,不知其存在的意义何在.扪参历井仰胁息，以手抚膺坐长叹.这特么到底怎么用啊???经过不懈的努力,阅
转载
2023-10-01 16:14:40
1508阅读
# iOS 刘海屏去除安全区
随着 iPhone X 的推出，刘海屏成为了一种流行趋势，这也对开发者在 UI 设计上提出了新的挑战。刘海屏不仅影响了视觉效果，还对应用的安全区域（Safe Area）提出了新的要求。在本文中，我们将讨论如何在 iOS 应用中处理刘海屏的安全区，并提供相应的代码示例。
## 什么是安全区？
安全区是指iOS中一种机制，用于确保用户界面不会被设备的刘海、虚拟 Ho
原创
2024-10-05 03:44:46
225阅读
背景：最近有在做关于Android底部多tab下，对应多个Flutter Fragment的操作。又遇到一个比较坑的问题:FlutterFragment中的flutter页面的SafeArea失效（关于safeArea具体介绍参考官方SafeArea class），简单举例说一下SafeArea的作用：如果你有一刘海屏的手机，如果你的flutter内容为全屏，假如你的内容在全屏最顶部，那么所谓的刘
一. 前言本文的出发点是对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阅读
前言自从iphoneX问世之后，因为iphoneX、iphoneXR和后续全面屏手机设备，因为物理Home键被底部小黑条代替了，这时候很多前端小伙伴在开发的过程都会遇到 “全面屏”和“非全面屏”的兼容性问题，普遍问题就是底部按钮或者选项卡与底部黑线重叠解释根据官方解释：
安全区域指的是一个可视窗口范围，处于安全区域的内容不受圆角(corners)、齐刘海(sensor housing)、小黑
转载
2023-10-01 16:14:35
616阅读
示例：iPhoneX 取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。一、什么是安全区域？最近正在开发小程序相关的需求时，遇到了一个问题——ios高版本的安全区域，即iPhoneX及以上拥有的“刘海儿”等可滑动区域会与你开发的内容重合。幸运的是，在小程序上我们只需要考虑底部的底部Home Indicator上滑指示条。注意，官方不推荐我们粗暴的将这段区域永久的覆盖，例
转载
2023-07-31 23:51:51
937阅读
防火墙安全区域及安全策略配置 一、学习目的掌握防火墙安全区域的配置方法掌握安全策略的配置方法 二、拓扑图 三、场景你是公司的网络管理员。公司总部的网络分成了三个区域，包括内部区域（trust),外部区域（untrust）和服务器区域（DMZ）。你设计通过防火墙来实现对数据的控制，确保公司内部网络安全，并通过DMZ区域对外
转载
2023-07-14 20:54:27
273阅读
对于 iPhone 8 和以往的 iPhone，由于屏幕规规整整的矩形，安全区就是整块屏幕。但自从苹果手机 iphoneX 发布之后，前端人员在开发移动端Web页面时，得多注意一个对 IOS 所谓安全区域范围的适配。这其实说白了就是 iphoneX 之后的苹果手机，在页面上，你需要对顶部和底部多预留一点空间。造成这个问题的主要原因就是苹果手机在屏幕上出现了所谓的刘海屏，而且更是在屏幕下方加了一条小
转载
2023-08-17 16:30:33
481阅读
# iOS 获取安全区的深度解析
在 iOS 设备上开发应用时，处理安全区是一个至关重要的任务。安全区（Safe Area）是指应用界面中不受系统状态栏、导航栏、工具栏和底部标签栏等元素覆盖的区域。理解和应用安全区，可以帮助开发者确保其应用在不同设备和不同方向上都能够流畅运行，并且用户界面元素不会被遮挡。
## 什么是安全区
安全区定义了一个视图的安全可用区域，通常用于避免因设备特性（如刘海
# iOS 安全区高度实现详解
在 iOS 开发中，了解和处理“安全区”非常重要。安全区是指应用界面中不受设备边缘、刘海、底部手势条影响的区域。通过合理计算安全区的高度，能够确保界面元素正确显示。本文将帮助你了解如何实现“iOS安全区多高”。
## 流程概述
以下是实现安全区高度的整体流程：
```mermaid
flowchart TD
A[开始] --> B[创建UIViewC
已废弃: 该特性已经从 Web 标准中删除，虽然一些浏览器目前仍然支持它，但也许会在未来的某个时间停止支持，请尽量不要使用该特性。开发网站后台的时候有时候会用到iframe,子页面调用父页面中的js方法,就会设计到跨域问题.JS设置 document.domain 实现跨域.// 获取/设置当前文档的原始域部分
console.log(document.domain) // csd
(Guide for Making iOS App Secure)This is mobile era and pretty much everything these days can happen from our smart phone. Thanks to millions of apps out there which help us in accomplishing anything
每年iOS升级，都会带来一些坑，这次iOS9也不例外。本文总结了微信在适配iOS9上遇到的问题和解决方案。 一、iOS9问题汇总1. 编译问题（Bitcode）大部分人升级到Xcode7后，首先遇到的问题是编译不过，错误提示大致是xxx does not contain bitcode. You must rebuild it with bitcode enabled (Xcode se
熟悉服务器安全问题的朋友大多数都听说过或者使用过安全狗这个安全防护软件，安全狗是目前使用最为广泛的安全防护软件之一。windows版本的下载安装以及使用可直接参考安全狗官网介绍即可，本文主要介绍linux服务器上安装安全狗。第一步：下载安全狗64位操作系统下载命令： wget http://down.safedog.cn/safedog_linux64.tar.gz（本文以64位操作系统为例）32
转载
2023-10-02 10:56:32
86阅读
前言前些年的iphone X一出现 手机厂商纷纷取消了实体的物理按键，ios取而代之的是底部的一个大横条 安卓这边基本上也有不少虚拟按键的厂商 就会导致一些比较奇葩的问题出现 比如 这种的情况的发生，或者说刘海屏，挖孔屏 一般来说这种时候，都需要我们前端去进行设备适配。适配之前需要了解的几个新知识安全区域 安全区域指的是一个可视窗口范围，处于安全区域的内容不受圆角（corners）、齐刘海（sen
转载
2024-06-12 14:57:35
616阅读
全屏H5网页和小游戏解决方法1、方法及其简单，只需在html文件的头部viewport行加入viewport-fit=cover即可。 截图展示如下(因没有H5网页项目，这里暂用cocoscreator代替，但解决方式是一样的。): 可复制粘贴代码如下：<meta name="viewport" content="width=device-width, initial-scale=1.0,m
转载
2024-08-29 14:51:55
134阅读
在近年来，随着移动设备的普及，用户在使用Android和iOS设备时，数据安全日渐成为一个重要话题。为了应对这一挑战，许多企业和开发者必须在安全性和用户体验之间找到平衡，通过有效的解决方案来管理不同操作系统之间的数据安全区域，以确保用户信息不被滥用，同时不会影响应用的性能和可用性。本文将解析如何解决“Android和iOS安全区”问题，以及相关的技术路线和实施细节。
### 初始技术痛点
在An
# HTML安全区与iOS应用开发
在现代iOS应用开发中，保持良好的用户体验和界面设计至关重要。随着屏幕尺寸、分辨率和方向的多样性，如何确保您的内容在各个设备上都能正确展示变得尤为重要。在这一点上，“HTML安全区”就显得尤为重要。本文将详细介绍HTML安全区的概念，并提供相应的代码示例和设计建议。
## 什么是HTML安全区？
HTML安全区（Safe Area）是指在Web设计中，确保
