安全区域？ 安全区域指的是一个可视窗口范围，处于安全区域的内容不受圆角（corners）、齐刘海（sensor housing）、小黑条（Home Indicator）影响，如下图蓝色区域： 也就是说

前言： env()和constant()函数 一、使用前提： H5网页设置viewport-fit=cover的时候才生效，小程序里的viewport-fit默认是cover 二、使用方法： env(

Iphonx等长屏手机底部的安全区 ，为了避免用户交互时，点击底部元素和区域受安全区影响，需要做安全区的适配。该文章讲述如何获取安全距离，并进行使用

通过 window.open 或 location.href 实现页面跳转功能，如果不正确使用,可能会引入安全漏洞。本文讨论如何安全地使用这些方法，并提供一些最佳实践。

iframe介绍，iframe特性以及优缺点。重点介绍如何实现iframe跨域通信，iframe带来的网站安全问题

背景：开发的h5页面 由于业务需求嵌入到app中，调整页面时ios系统无法跳转页面。原因：由于苹果手机浏览器拦截了新增窗口，无法正常跳转页面。措施：苹果系统改为域名重定向，跳转页面正常。

随着移动设备的高速发展，H5 开发也成为了 F2E 不可或缺的能力。而移动开发的重中之重就是掌握调试技巧，定 Bug于无形。 因为移动端操作系统分为 iOS 和 Android 两派，所以本文的调试技巧也会按照不同的系统来区分。寻找最合适高效的方式，才能让你事半功倍。 iOS …

放在页面底部的输入框，可能存在三个问题： 1. 键盘挡住输入框 2. 键盘出现后，点击输入框旁边的按钮没有反应 3. Safari 里键盘与输入框有间距，没有紧密贴合

最近给公司微信公众号，写了微信h5业务页面，总结分享一下前端开发过程中的几个兼容性坑，项目直接拿的公司页面，所以下文涉及图片都模糊处理了。 当点击输入的时候，光标的高度和父盒子的高度一样。例如下图，左图是正常所期待的输入框光标，右边是ios的input光标。 出现原因分析：通常…