首页
学习
活动
专区
圈层
工具
发布

Web App 一分钟适配 iPhone X

iPhone X 已经开抢了,然而面对 iPhone X 这个奇葩的屏幕,你准备好了吗? ?...因为 iPhone X 的刘海设计,Web 在 iPhone X 横屏时,可能会有这些问题: 默认情况,iPhone X 会将页面填充到安全区域(safe area),就像上面的图一样,一般情况下是没有问题的...; 但如果是全屏 Web App 就会有问题了,比如背景色和页面的契合程度之类的; 有的 iOS app 内置 WKwebview 可能会为了避免一些bug,而采用统一的行为,就是禁用 iOS 11 自己的内容区域判断...当然,这里的padding只是用于匹配iPhone X默认的安全区域的,你可以设置任何值,不过建议要不小于默认的安全区域值。 当前版本,横屏时,各属性的值: ? ?

91820
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    纯血鸿蒙APP实战开发——Web获取相机拍照图片案例

    介绍本示例介绍如何在HTML页面中拉起原生相机进行拍照,并获取返回的图片。效果预览图使用说明点击HTML页面中的选择文件按钮,拉起原生相机进行拍照。完成拍照后,将图片在HTML的img标签中显示。...实现思路添加Web组件,设置 onShowFileSelector 属性,接收HTML页面中input的点击事件。...在onShowFileSelector中调用invokeCamera接口,拉起原生相机进行拍照,并通过callback回调方法获得照片的uri。...然后将uri放在 FileSelectorResult 中,通过event参数返回给HTML页面。......result.handleFileList([uri]); })) return true; })...实现invokeCamera接口,拉起原生相机,并通过callback回调方法返回拍照结果

    49420

    本地部署大模型DeepSeek并通过Infortress App远程访问

    今天分享个实用小技巧,不用折腾复杂设置,用Infortress App就能搞定远程访问。手机、平板、公司电脑都能像在本机一样,直接访问本地部署的DeepSeek。...三、安装Infortress手机APP,及电脑客户端在手机应用市场搜索“Infortress”,或访问官网扫码下载。电脑客户端也在官网扫码下载,安装完成后,用邮箱注册并登录账号。...打开App,下拉页面自动搜索局域网内的Infortress服务端(如下图)。找到设备后,点击“注册服务器”并确认连接。...由于Infortress自带内网穿透功能,所以跨网络访问本地知识库也不需要任何配置!...五、结语:把本地AI装进口袋通过Infortress,本地部署的DeepSeek大模型彻底打破了“本地部署=固定工位”的魔咒。

    75510

    Nginx 配置,禁止通过ip地址直接访问Web 服务

    各种ip访问扫码工具,会收集我们的Web应用程序信息,容易造成信息泄露。...(access.log中很多通过ip地址访问的记录) 而且,如果碰见互联网清网行动大力度管控时期,所有web服务器都不允许通过ip地址进行访问web服务器,必须使用设定的域名访问web服务器。...我发现百度到现在也是可以直接通过ip访问的,不一定必须是域名。 下面介绍Nginx中的配置。 2. 配置 首先,删除掉我们原先的server{ server_name} 中的ip地址。...配置完毕后输入nginx -t 检测通过后,通过service nginx reload刷新配置就可以生效了。 这个时候我们通过http://ip 或者https://ip 都将无法正确访问了。...所有的访问就必须通过域名才能访问了,通过ip地址的请求都将会打回。 2.1 问题 我配置完毕后,通过https://ip 和 http://ip 访问的确返回了444状态。

    11.1K21

    让你的WEB和APP一分钟适配 iPhone X

    iPhone X昨日已经开抢了 然而面对 iPhone X 这个奇葩的屏幕 你和你的编辑器准备好了吗?...因为 iPhone X 的刘海设计,Web 在 iPhone X横屏时,可能会有些问题: 默认情况,iPhone X 会将页面填充到安全区域(safe area),就像上面的图一样,一般情况下是没有问题的...; 但如果是全屏 Web App 就会有问题了,比如背景色和页面的契合程度之类的; 有的 iOS app 内置 WKwebview 可能会为了避免一些bug,而采用统一的行为,就是禁用 iOS 11 自己的内容区域判断...竖屏时各值都是 0 但竖屏时需要特别留意 status-bar(44px) 和 home-indicator(34px) 完成以上操作 这样就能一分钟适配iPhoneX啦 是不是很简单 快行动起来让你WEB...和APP走在时尚的前列线上 本文作者:掘金 原文链接:https://juejin.im/post/59f302eb518825550f53d839

    1.4K80

    本地部署AnythingLLM知识库并通过Infortress App远程访问

    本地部署完AnythingLLM知识库,怎么能在手机上访问?尤其是怎么能跨网络随时随地使用?今天分享个实用小技巧,不用折腾复杂设置,用Infortress App就能搞定远程访问。...3、安装Infortress手机APP以及电脑客户端在手机应用市场搜索“Infortress”,或访问官网扫码下载。电脑客户端也在官网扫码下载,安装完成后,用邮箱注册并登录账号。...打开App,下拉页面自动搜索局域网内的Infortress服务端(如下图)。找到设备后,点击“注册服务器”并确认连接。...电脑客户端也是同样的操作步骤,安装好后会自动发现服务端,点击注册服务器及连接按钮,即安装完成三、使用本地知识库手机端使用知识库非常简单,进入App首页,找到“AI大模型”功能入口(如下图)。...五、结语:把本地AI装进口袋通过Infortress,本地部署的AnythingLLM彻底突破了网络限制,真正实现了“一次部署,随处使用”,既享受私有化部署的安全感,又获得云服务的便捷性。

    1.4K10

    一款可以通过 Web 访问的 Linux 终端神器,已开源!

    使用 rtty 可以在任何地方通过 Web 访问您的设备的终端,通过 设备ID 来区分您的不同的设备。rtty 非常适合远程维护 Linux设备。...支持 HTTP 代理 访问您的设备的 Web 基于 Xterm.js 的全功能终端 部署简单,使用方便 演示 部署服务端 安装依赖 sudo apt install -y libev-dev libssl-dev...Your token is: 34762d07637276694b938d23f10d7164 使用 token $rttys -t 34762d07637276694b938d23f10d7164 通过浏览器访问...使用 Web 浏览器访问您的服务器:http://your-server-host:5913,然后点击连接按钮。...或者直接连接设备,无需 Web 登录(需要在服务端配置设备白名单) “ http://your-server-host:5913/connect/devid1 http://your-server-host

    2.3K20

    通过域名访问Linux云服务器上的java web项目

    1.通过一个Tomcat部署多个java web项目来实现访问 把自己java web 打包成war包上传到Tomcat目录下webapp目录下,就会自动解压成一个和项目名一样的文件夹。...,可以省略掉域名的默认端口80,直接通过域名就可以实现访问。...加入上述改为:listen 8001 , server_name ip;那访问java web项目时就必须要带上8001端口号/项目名才能实现访问。...这种方法比较容易实现些,把所有的java web项目放到一个Tomcat下实现访问。...2.通过一个Tomcat部署一个java web项目来实现访问 这种方式就是在云服务器中复制多个Tomcat,然后每个java web对应着几个Tomcat的数量,这个时候就要为Tomcat改默认的8080

    12.5K30

    3.1k Star开源一款通过Web访问的Linux终端神器

    使用 rtty 可以在任何地方通过 Web 访问您的设备的终端,通过 设备 ID 来区分您的不同的设备。rtty 非常适合远程维护 Linux 设备。...支持 HTTP 代理 访问您的设备的 Web 基于 Xterm.js 的全功能终端 部署简单,使用方便 演示 部署服务端 安装依赖 sudo apt install -y libev-dev libssl-dev...Your token is: 34762d07637276694b938d23f10d7164 使用 token $rttys -t 34762d07637276694b938d23f10d7164 通过浏览器访问...使用 Web 浏览器访问您的服务器:http://your-server-host:5913,然后点击连接按钮。...或者直接连接设备,无需 Web 登录 (需要在服务端配置设备白名单) http://your-server-host:5913/connect/devid1 http://your-server-host

    1K30

    通过Web页面访问EasyNVR管理平台,页面无数据如何解决?

    很多用户咨询我们EasyNVR能否用不同终端观看视频直播,由于EasyNVR网页登录的特性,我们可以确定EasyNVR在不同终端上的适配性,因此只要通过网页进入平台,使用不同终端观看视频没有任何问题。...在某个项目中,我们通过web页面进入EasyNVR之后,页面上没有任何的数据,出现空白页: image.png 首先按照我们排查流程,先查看系统的日志: image.png 日志中我们发现没有关于不能打开页面的问题...,所以在Web页面调用f12开发者模式来进行查看是否能找到有用的错误返回: image.png 从上图中我们可以发现前端的控制台返回 404 not found 错误,404就是无法找到相对应的页面进行显示

    95240

    飞牛 fnos 通过 Web 浏览器轻松访问和管理 SSH 与 Telnet 服务

    二、项目特点 Web 界面:通过浏览器提供直观的界面,用户无需安装额外的客户端软件即可进行 SSH 或 Telnet 连接。...跨平台:该镜像可以在多种操作系统上运行,像 Windows 和 macOS(通过 Docker)。...安全性:支持 HTTPS 和 WebSocket,确保连接的安全性和实时性,并且用户还可以通过配置 HTTPS 证书来增强安全性。...所以要先反向代理并且部署 SSL 证书,具体可查看 lucky 实现动态 DDNS 域名解析 + https 安全访问教程。...六、总结 通过 web 浏览器访问很便捷,出门在外连接家里 NAS 终端,并且无需下载任何软件,还有记忆功能,也可以导出和导入已经连接过的终端,相当于备份。

    7.1K11

    MacOS 11-13.x 11.7.612.6.513.3.1通用版

    通过“连续互通相机”,你可以将 iPhone 用作 Mac 的网络摄像头。还可以通过“台前调度”这一全新方式自动整理窗口。升级 Mac 后,可以获得最新的安全和隐私保护。...• “台前调度”可自动整理 App 和窗口,将活跃的 App 放在屏幕中间,其他打开的 App 放在左侧• 点按屏幕左侧任意打开的 App 即可轻松切换 App• 通过“台前调度”将 App 分组以创建...App 集• 在“台前调度”中快速访问桌面,以轻松将文件拖放到 App 中FaceTime 通话• FaceTime 通话的接力功能允许你将 FaceTime 通话从 Mac 无缝转移到 iPhone...或 iPad,反之亦然连续互通相机• “连续互通相机”支持 iPhone 在靠近 Mac 并放在支架上时用作 Mac 的网络摄像头(iPhone XR 及后续机型)• 视频效果和光效,包括人像模式(iPhone...XR 及后续机型)、人物居中(iPhone 11 及后续机型)和摄影室灯光(iPhone 11 及后续机型)• “桌上视角”使用 iPhone 超广角相机在视频会议中展示你桌上的内容(需要 iPhone

    1K30

    frp内网穿透应用1-通过外网ip访问布置于内网的web服务

    1、修改 服务器端frps.ini 文件,配置一个名为 web 的 http 反向代理,设置 http 访问端口为 8080,绑定自定义域名 www.yourdomain.com [common] bind_port... = 7000    //与frpc通讯端口,vps上必须开端口 vhost_http_port = 8080        //外网访问端口 [web] type = http        //可改为.../frps.ini 3、修改客户端 frpc.ini 文件,设置 frps 所在的服务器的 IP 为 x.x.x.x,local_port 为本地机器上 web 服务对应的端口: [common] server_addr...server_port = 7000        //服务器端的配置文件中的bind_port auth_token = 123        //服务器端的配置文件中的auth_token [web.../frpc.ini 5、通过浏览器访问 http://www.yourdomain.com:8080 即可访问到处于内网机器上的 web 服务

    2.9K10

    iOS小技能:授权检测(引导权限开启,监听权限变化执行回调事件。)

    前言 需求: 新增开启相册权限引导:在iPhone的"设置-隐私-照片"中允许访问照片 监听到用户点击不允许: 用户未作出明确选择的情况下自己主动请求了一次权限设置 新增开启相机权限引导:在iPhone...的"设置-隐私-相机"中允许访问相机 新增开启定位权限引导:请在iPhone的"设置-隐私-定位"中允许访问地理位置 I 授权检测 1.1 定位权限 查看CLLocationManager的授权状态:...监听到用户点击不允许: 用户未作出明确选择的情况下自己主动请求了一次权限设置 去设置相机权限的的时候系统会kill 当前app进程 Message from debugger: Terminated..."); if (showAlert) { [LBAlertController showAlertTitle:@"无法使用相机" content:@"请在iPhone...的\"设置-隐私-相机\"中允许访问相机。"

    4K40
    领券