背景：浏览器在执行Javascript时，出于对安全性的考虑，禁止两个或者多个不同域的页面进行互相操作。
相同域的页面在相互操作的时候不会有任何问题。下面是对document.domain的使用说明和限制条件： 域名必须属于同一个基础域名!而且所用的协议，端口都要一致，否则无法利用document.domain进行跨域 利用document.domain 实现跨
防火墙安全区域及安全策略配置 一、学习目的掌握防火墙安全区域的配置方法掌握安全策略的配置方法 二、拓扑图 三、场景你是公司的网络管理员。公司总部的网络分成了三个区域，包括内部区域（trust),外部区域（untrust）和服务器区域（DMZ）。你设计通过防火墙来实现对数据的控制，确保公司内部网络安全，并通过DMZ区域对外
转载
2023-07-14 20:54:27
273阅读
示例：iPhoneX 取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。一、什么是安全区域？最近正在开发小程序相关的需求时，遇到了一个问题——ios高版本的安全区域，即iPhoneX及以上拥有的“刘海儿”等可滑动区域会与你开发的内容重合。幸运的是，在小程序上我们只需要考虑底部的底部Home Indicator上滑指示条。注意，官方不推荐我们粗暴的将这段区域永久的覆盖，例
转载
2023-07-31 23:51:51
937阅读
一. 前言本文的出发点是对iOS设备的适配, 我们之前的适配只是考虑设备的尺寸, 设备的方向, 而在iPhoneX出来之后呢, 我们又多了一种考量, 那就是刘海和底部横条(HomeIndicator), 我们通过UIKit11.0之后新增的API来解决这个问题, 达到不同设备尺寸, 不同设备方向的完美适配. 二. 之前的做法 注: 该方法只适用于设备的竖屏, 如果是横屏就会出现
转载
2023-09-13 22:30:46
336阅读
安全区域？安全区域指的是一个可视窗口范围，处于安全区域的内容不受圆角（corners）、齐刘海（sensor housing）、小黑条（Home Indicator）影响，如下图蓝色区域：也就是说，我们要做好适配，必须保证页面可视、可操作区域是在安全区域内。 更详细说明，参考文档：Human Interface Guidelines - iPhoneXviewport-fitiOS11 新增特性，
转载
2023-10-17 10:28:42
238阅读
iOS11 系统发布后,UIView多了几个与安全区域相关的属性和方法,用于界面适配,如:safeAreaInsets、safeAreaLayoutGuide、insetsLayoutMarginsFromSafeArea,以及safeAreaInsetsDidChange方法,初看到这些时我眼花缭乱,不知其存在的意义何在.扪参历井仰胁息，以手抚膺坐长叹.这特么到底怎么用啊???经过不懈的努力,阅
转载
2023-10-01 16:14:40
1513阅读
iPhoneX安全区域引发的问题(Safe Area)瞧一瞧LeetCode题解：Gitbook版本传送门
前端笔记：Gitbook传送门
目录什么是安全区域？预留出Home Indicator指示条简单总结一、什么是安全区域？最近正在开发小程序相关的需求时，遇到了一个问题——ios高版本的安全区域，即iPhoneX及以上拥有的“刘海儿”等可滑动区域会与你开发的内容重合。 幸运的是，在小程序上我们
转载
2023-10-02 10:56:54
513阅读
获取底部安全区域在 iOS 开发中是一个非常重要的话题，尤其是在协调界面设计和设备功能方面。随着 iPhone 设备形态的变化和不同屏幕尺寸的出现，开发者需要灵活应对安全区域的变化。本文将通过多个方面详尽记录如何获取底部安全区域的过程。
## 版本对比
在 iOS 开发中，关于安全区域的获取在不同版本中特别重要。从 iOS 11 开始，Apple 引入了安全区域布局，允许开发者通过安全区域的属
## 如何在 JavaScript 中获取 iOS 安全区域
在现代 Web 开发中，处理不同设备的布局是个重要且常见的任务。特别是在 iOS 设备上，由于屏幕底部的刘海、圆角等设计，确保元素在安全区域内显得尤为重要。本篇文章将指导你如何用 JavaScript 获取 iOS 的安全区域，确保你的应用在各类设备上都能良好显示。
### 整体流程
在开始之前，我们将整个流程梳理清楚，以确保每一
前言自从iphoneX问世之后，因为iphoneX、iphoneXR和后续全面屏手机设备，因为物理Home键被底部小黑条代替了，这时候很多前端小伙伴在开发的过程都会遇到 “全面屏”和“非全面屏”的兼容性问题，普遍问题就是底部按钮或者选项卡与底部黑线重叠解释根据官方解释：
安全区域指的是一个可视窗口范围，处于安全区域的内容不受圆角(corners)、齐刘海(sensor housing)、小黑
转载
2023-10-01 16:14:35
620阅读
# 如何在 JavaScript 中获取 iOS 安全区域
在现代移动应用开发中，特别是在iOS平台上，开发者需要考虑安全区域（Safe Area）的问题。安全区域指的是在屏幕中，由系统设备、状态栏、导航栏、工具栏或其他视觉元素所创建的区域，这些元素可能遮挡你的内容。在这篇文章中，我将教你如何使用JavaScript获取iOS的安全区域。
## 整体流程
以下是获取iOS安全区域的整个流程：
# iOS 获取安全区域高度的完整指南
iOS 开发中，一个常见的需求是获取设备的安全区域高度。安全区域是在屏幕上提供可见和可交互内容的区域，尤其是在设备有异形屏幕或状态栏、导航栏占用空间时。本文将详细讲解如何在 iOS 中获取安全区域高度，并介绍实现的各个步骤。
## 流程概述
我们可以将获取安全区域高度的任务分为以下几个步骤：
| 步骤 | 描述
过去，我们拿到的手机是方方正正的矩形，所以整个屏幕都可以看做是安全区域 Safe Area，而如今由于 iPhone X 及以上机型，屏幕上的“刘海”以及屏幕四周采用圆角的设计，对于开发者和设计师来说，这个刘海带给他们的是更多的麻烦。比如黄颜色的部分表示网页遮挡了，用户不可见的地方。iPhoneX 及以上机型取消了物理按键，改成底部小黑条，对于网页而言，顶部（刘海部位）的适配问题浏览器已经做了处理
转载
2023-10-29 08:23:15
480阅读
对于 iPhone 8 和以往的 iPhone，由于屏幕规规整整的矩形，安全区就是整块屏幕。但自从苹果手机 iphoneX 发布之后，前端人员在开发移动端Web页面时，得多注意一个对 IOS 所谓安全区域范围的适配。这其实说白了就是 iphoneX 之后的苹果手机，在页面上，你需要对顶部和底部多预留一点空间。造成这个问题的主要原因就是苹果手机在屏幕上出现了所谓的刘海屏，而且更是在屏幕下方加了一条小
转载
2023-08-17 16:30:33
485阅读
# JavaScript获取安卓水滴屏安全区域的科普
随着智能手机设计的不断进化，尤其是近年来流行的水滴屏和全面屏设计，开发者在进行网页和应用开发时，必须充分考虑这些设备的特殊显示区域。尤其是在安卓设备中，水滴屏可能会影响到内容的显示效果。因此，掌握如何获取这些设备的安全区域成为了前端开发者们非常重要的一环。
## 什么是安全区域？
安全区域是指屏幕上不应被内容遮挡的区域。在水滴屏设备上，水
原创
2024-09-09 07:53:26
170阅读
熟悉服务器安全问题的朋友大多数都听说过或者使用过安全狗这个安全防护软件，安全狗是目前使用最为广泛的安全防护软件之一。windows版本的下载安装以及使用可直接参考安全狗官网介绍即可，本文主要介绍linux服务器上安装安全狗。第一步：下载安全狗64位操作系统下载命令： wget http://down.safedog.cn/safedog_linux64.tar.gz（本文以64位操作系统为例）32
转载
2023-10-02 10:56:32
86阅读
一. 前言：苹果手机从iphoneX之后，屏幕顶部都有一个齐刘海，iPhoneX 取消了物理按键，改成底部小黑条，如果不做适配，这些地方就会被遮挡，所以本文记录一下齐刘海与底部小黑条的适配方法。二. 知识点学习1）viewport-fit iOS11 新增特性，苹果公司为了适配 iPhoneX 对现有 viewport meta 标签的一个扩展，用于设置网页在可视窗口的布局方式，可设置三个值：co
转载
2023-12-07 13:25:00
382阅读
【防火墙技术连载4】强叔侃墙 基础知识篇 安全区域：划地而治 等级森严 各位好，前几期强叔和大家聊了防火墙的概念和发展历史，并为大家介绍了华为的防火墙产品，相信大家对防火墙已经有了一个初步的认识。从今天开始，强叔将为大家讲解防火墙的技术知识，继续探究防火墙的精彩世界。在第一篇贴子中我们提到，防火墙主要部署在网络边界起到隔离的作用，那么在防火墙上如何来区分不同的网络呢？为此，我们在防火墙
转载
2024-02-06 20:56:52
95阅读
本文讲的是 : 移动应用安全的三个建议 对此，为了消除安全隐患，我的建议是借鉴大型企业的经验教训。(另外，值得一提的是，你首先要判断自己的公司是否真的需要移动应用。) 任意输入的信息会导致隐私安全问题 长久以来，实现客户的个性化体验是小企业成功的关键之一 – 全方位了解用户并与之高效的交互。无论干洗店、小餐馆、时装店或者洗车店，都想通过移动应用达到这个目的。但是，要注意的是：任何
# 获取 iOS 安全区域值的 JavaScript 方法
在开发响应式网页和移动应用时，获取设备的安全区域（Safe Area）值显得尤为重要。尤其是在 iOS 设备上，由于其特殊的屏幕设计（例如刘海、圆角设计），我们需要确保内容不会被这些元素遮挡。本文将探讨如何通过 JavaScript 获取 iOS 的安全区域值，帮助开发者更好地适配页面布局。
## 什么是安全区域
在 iOS 设备中
原创
2024-10-11 10:56:07
201阅读
