Tips: 调试 iPad 或 iPhone 可在设置中启动调试模式，在 Mac 中的 Safari 浏览器 同样开启开发者模式后，进行联机调试。功能彪悍。最近在做一个页面时，发现在 iPad 的 Safari 浏览器中背景显示不全，定位到该 div 后发现所指定 css 的宽度为 100% ；到百度搜索后发现，safari 中 viewport 默认宽度为 980px，若事先未指定其初始 vie
转载
2023-12-17 12:23:42
22阅读
最近在开发一个类似腾讯视频这样的电影播放网站，遇到了不少问题，记录一下使用videojs插件时，在safari浏览器下引入插件后，清晰度失效的问题因为电影、电视剧播放器这块是我负责的模块，项目中使用的是videojs，因为要实现播倍速切换、清晰度切换等功能，所以又引入了videojs-contrib-quality-levels.js 插件。并且项目要求兼容IE11及以上，chrome，firef
转载
2024-05-01 21:45:33
625阅读
问题：前端demo使用一个video标签包含一个非静态资源的mp4文件。在chrome浏览器下可以正常展示，但是safari却不可以。原因：1. mp4文件必须用ffmpeg合成的，其他压缩的mp4文件是不可能展示的。请确定mp4文件并用正常的ffmpeg进行合成2. safari浏览器会抛出一个请求头Range: bytes=0-1 而 chrome 浏览器是 Range:
转载
2024-07-27 15:15:37
191阅读
最近在做一个页面时，发现在 iPad 的 Safari 浏览器中背景显示不全，定位到该 div 后发现所指定 css 的宽度为 100% ；到百度搜索后发现，safari 中 viewport 默认宽度为 980px，若事先未指定其初始 viewport 宽度，则会默认按照 980px 处理。可以默认初始化 viewport 宽度或在 css 中设定 min-width，但最简单的方法可以在 he
转载
2024-08-16 10:20:46
444阅读
背景浏览器页面在视频播放, 图片浏览, 编辑文本等场景, 会遇到增大页面的可查看和可交互区域的需求.对于这种场景, 一般做法是提供一个全屏按钮, 用户可以选择点击按钮触发全屏. 本文对实现浏览器全屏进行简单总结:伪全屏, 浏览器全屏和元素全屏全屏相关快捷键元素全屏的兼容性和浏览器差异伪全屏, 浏览器全屏和元素全屏在了解全屏功能之前, 先了解三个全屏相关概念: 伪全屏, 浏览器全屏 和 元素全屏.
转载
2024-08-19 13:02:05
577阅读
图片的Resize处理- (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets 可以使用此方法生成一个新的图片，其参数 capInsets 是个结构体，可用 UIEdgeInsetsMake(CGFloat top, CGFloat left, CGFloat bottom, CGFloat right)
转载
2023-08-21 20:53:44
169阅读
# iOS图片拉伸与多点拉伸技术解析
在iOS开发中，图片的显示和处理是一个常见的需求。尤其是在UI设计中，图片的拉伸效果可以提升用户体验，让界面看起来更加流畅和自然。本文将介绍iOS中图片拉伸的基本概念、技术实现以及多点拉伸的应用。
## 图片拉伸的基本概念
在iOS中，图片拉伸通常指的是通过编程方式调整图片的大小，以适应不同尺寸的显示需求。图片拉伸可以通过多种方式实现，包括线性拉伸、多点
原创
2024-07-28 06:38:20
126阅读
Safari是苹果公司为旗下设备开发的一款强大的浏览器不论是iPhone还是iPad亦或是MAC OS上都能使用。但是针对不同的系统，Safari也有一定的改动。那么在MacOS中如何使用Safari呢？ 1.全新的标签管理界面 Safari 8 的感觉和 iOS 系统里的移动端越来越接近，最明显的就是全新的标签管理界面。在这里你可以一起查看当前打开的所有标签的缩略图。
转载
2023-07-24 15:36:43
271阅读
macOs Big Sur的beta版本比最新版本的macOS更长，已于6月发布给开发人员。但是，这并不意味着最终版本完全没有问题。从来没有软件。有太多的变数和机会让错误潜入。某些用户在Big Sur中遇到的问题之一是Safari不断崩溃。如果您遇到这种情况，请放心，本文中有几种可能的解决方案。确保您正在运行最新版本如果您经常遇到Safari崩溃的问题，那么您应该做的第一件事就是确保您运行的是最新
转载
2024-04-26 08:33:57
1255阅读
UIImageView局部拉伸[[SDWebImageManager sharedManager] downloadImageWithURL:[NSURL URLWithString:[AnchorRoom currentRoom].bgLockRoom] options:0 progress:nil completed:^(UIImage *image, NSError *error, SDIm
转载
2023-12-13 01:14:51
91阅读
iOS目前拉伸不支持四周进行拉伸，中间部分保持不变的方法！！！iOS支持的是某个部分的拉伸。实际使用情形1：按钮的背景图拉伸以适应文字大小情形2：聊天对话框按钮.png对话框.png一、iOS 5.0之前iOS中有个叫端盖(end cap)的概念，用来指定图片中的哪一部分不用拉伸。比如下图中，黑色代表需要被拉伸的矩形区域，上下左右不需要被拉伸的边缘就称为端盖。使用UIImage的这个方法，可以通过
转载
2023-09-04 15:53:40
110阅读
<audio> 标签属性：src：音乐的URLpreload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条代码 1. <audio id=”media” src=”http://www.abc.com/test.mp3″ controls></audio> <video&g
转载
2024-01-11 22:47:52
82阅读
将小图的尺寸为：24x60
制作成尺寸是150x50的按钮 先按如下的方法： 1. CGSize viewSize = self.view.bounds.size;
2. UIButton *button = [[UIButton alloc] init];
3. button.bounds = CGRectMake(0, 0, 150, 50);
4.
转载
2023-09-10 12:58:53
95阅读
作者：希德，iOS 开发者，前“有经验的前端开发工程师”，就职于网易严选。正在写书《Thinkable SwiftUI》（严重拖稿中）Session 10665: https://developer.apple.com/videos/play/wwdc2020/10665今年（2020）苹果宣布引入一种新的 Safari 扩展类型，这种类型使用 Web 技术来为 macOS 上的 Safari 增
转载
2023-09-28 10:20:11
370阅读
iOS提供两张方法：stretchableImageWithLeftCapWidth:topCapHeight （适用iOS2.0～iOS5.0）resizableImageWithCapInsets: （适用iOS5.0之后）stretchableImageWithLeftCapWidth:topCapHeight它只能以1x1的像素进行拉伸。而resizableImageWithC
转载
2023-05-25 16:15:17
90阅读
IOS中图片拉伸技巧与方法总结一、了解几个图像拉伸的函数和方法1、直接拉伸法简单暴力，却是最最常用的方法，直接将图片设置为ImageView的image属性，图片便会随UIImageView对象的大小做自动拉伸。这种拉伸的方法有一个致命的缺陷，它会使图像发生失真与形变。2、像素点的拉伸 - (UIImage *)stretchableImageWithLeftCapWidth:(NSIn
在移动前端上避免使用100vh单位CSS中的视口单位听起来很棒。 如果要设置元素的样式以占据整个屏幕的高度，则可以设置height: 100vh，您拥有一个完美的全屏元素，该元素会随着视口的变化而调整大小！ 可悲的是，事实并非如此。 100vh在移动浏览器中以微妙但基本的方式被破坏，这使其几乎无用。 最好避免100vh ，而是依靠javascript设置高度以获得完整的视口体验。 核心问题是移动浏
转载
2023-11-20 16:56:22
215阅读
比如下面张图片，本来是设计来做按钮背景的：现在我们把它用作为按钮背景，按钮尺寸是150x50：1 - (void)viewDidLoad
2 {
3 [super viewDidLoad];
4 // 得到view的尺寸
5 CGSize viewSize = self.view.bounds.size;
6
7 // 初始化按钮
8
# iOS Safari调试的完整指南
在移动设备上进行网页开发时，调试过程往往是一项挑战，特别是当你在iOS设备上使用Safari浏览器时。在这篇文章中，我们将深入探讨如何在iOS设备上进行Safari调试，并提供一些方便的代码示例和实用的技巧，帮助开发者更高效地解决问题。
## 调试的重要性
调试是软件开发中不可或缺的一部分。它能够帮助我们识别和修复代码中的错误，优化性能，提高用户体验。
原创
2024-10-20 04:47:54
464阅读
# iOS Safari Schemes：深入了解URL Schemes及其应用
在现代移动应用开发中，URL schemes是一种重要的机制，允许不同应用之间相互通信，以及从浏览器中打开特定的应用。本文将介绍iOS Safari中的URL schemes，包括它们的工作原理及使用场景，并给出代码实例及图示分析。
## 什么是URL Schemes？
URL schemes是特殊的URL格式
原创
2024-08-07 05:41:55
183阅读
