首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

移动Web 开发中的一些前端知识收集汇总

--不让android识别邮箱--> 自定义主上的图标 用户添加到主后,如果网站没有图标,则默认主上的图标为当前网页的截图,你可以通过下面的代码指定在普通和retina屏幕上的icon: <link...添加初始化图片 用户点击你桌面上的webapp的图标后,打开会加载浏览器(实际上是webkit webview模块),然后下载、解析、渲染,在这个过程中,ios允许我们使用一个初始化图片来替代白色的浏览器屏幕...:none;outline:none;} iOS 浏览器横时会重置字体大小的问题 iOS 浏览器横时会重置字体大小,设置 text-size-adjust 为 none 可以解决ios上的问题,但桌面版...webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; CSS3的transition 问题...动画过程中的动画白可以通过backface-visibility 隐藏。

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

WeTest iOS深度兼容测试全新升级

原文链接:https://wetest.qq.com/lab/view/447.html 2018年,移动端适配话题热闹无比,有iOS新版本新机型发布,全面、异形、曲面争相斗艳,从而产生了各类特殊的屏幕分辨率设备...正是因为这些特殊分辨率,导致2018年手机设备频繁出现适配问题,如屏幕显示不全、双边未占满、顶部导航栏高度不对导致部分被遮挡,包括之前经常被用户提及的黑屏、退、安装失败等问题。...[图片1.png] 随着iOS兼容性系统版本提升,开发者仍需对不同iOS版本进行适配,在2018年iOS兼容适配情况来看从iOS 10开始,出现安装失败与无响应的问题基本较少,显示异常问题仍占比较大。...相较于厂商人工测试而言,利用腾讯WeTest平台iOS深度测试服务主要有几点优势: 1.设备:平台设备包含主流iOS设备,版本跨度从iOS 9到iOS 12,可满足对低版本测试需求,最新的刘海型号设备也在线上...报告案例: [图片3.png] ___ 总结 腾讯WeTest平台的iOS深度兼容测试工具,具备提供版本多型号设备优点,及时根据市场最新情况更新配备设备,依据产品具体情况进行兼容性全覆盖测试,第一时间帮助厂商验证市面上暴露出来的适配问题

1.6K30

Android开发者的Flutter入门(二)

涉及到的有以下这些点: 页 自定义布局 下拉刷新 上拉加载更多 使用Assets 路由(页面跳转) 内嵌WebView 页 由于启动Flutter app的时候需要初始化Flutter...所以开发Flutter app的时候都需要加一个页。给Android平台上跑的Flutter app加页其实是和给一个正常的Android app加页是一样的。...那段注释的大概意思是说这个标签是用来表示让Flutter在启动过程中保持页直到第一帧画面被绘制出来。也就是说,页的隐藏不需要我们来处理了。 接下来看看这个LaunchTheme: ?...LaunchTheme 可见就定义了一个窗口的背景了,也就是我们的页本尊了,这里你可以把这个drawable改成你自己的页图片也OK。 至于ios平台的页怎么弄,可以参考这里。...要深入理解Flutter开发的方方面面还是要读代码实践,后面的路还很长,但是会很有趣。

1.3K20

五大层面详解智能手机创新天花板

配图来自Canva 苹果失去创新已不是什么新观点,前段时间新发布的iOS 14也有不少人戏谑是“掏空安卓”。...从产品看,大家做相机的思路差异不小,比如小米想把像素做,华为想把距离做远。于是,厂商之间也时不时就相机的正确方向大打口水仗和公关战,火药味从来就没有消失过。...从几家主要厂商的旗舰机来看,有线快充或是有线超级快充已经是标配,一般都在40W-65W左右,比如小米10 pro系列的50W充、vivo X50 Pro+系列的44W充,甚至是OPPO Reno4...Pro系列的65W超级充。...但目前来看,IOS创新乏力或许已经很能说明一些问题了,即系统层面的创新确实存在很大的瓶颈。

77940

开启折叠规范2.0时代!软件绿色联盟折叠UX工作组线上例会成功召开

折叠作为一种创新的手机形态,可以带来更加沉浸、高效的使用体验,但缺乏统一的行业标准,也让折叠的创新发展难以形成合力,本次例会主要聚力标准规范与产业发展的紧密融合,重点围绕《折叠移动智能终端人机界面设计及开发指南...新增内容总览 本次折叠规范2.0新增了基础适配中对文字、图片、视频、折叠开合状态变化的进一步要求以及多窗口交互规范。...不发生退、重启等异常。...3.页面布局设计 此外,规范2.0还新增了应用无法按照响应式布局适配,不得不放大显示时的建议:整体内容按照4:3放大显示,同时左右留白色根据当前页面背景色适配。...多窗口交互设计 鉴于折叠的大屏幕优势,本次规范2.0新增了分屏、悬浮窗、平行视界三种多窗口交互的详细交互规则,以及这三种交互方式的区别、适用场景、能带来的新体验——多任务并行(应用多任务、单应用多任务

47720

WeTest iOS深度兼容测试全新升级

2018年,移动端适配话题热闹无比,有iOS新版本新机型发布,全面、异形、曲面争相斗艳,从而产生了各类特殊的屏幕分辨率设备。...正是因为这些特殊分辨率,导致2018年手机设备频繁出现适配问题,如屏幕显示不全、双边未占满、顶部导航栏高度不对导致部分被遮挡,包括之前经常被用户提及的黑屏、退、安装失败等问题。...随着iOS兼容性系统版本提升,开发者仍需对不同iOS版本进行适配,在2018年iOS兼容适配情况来看从iOS 10开始,出现安装失败与无响应的问题基本较少,显示异常问题仍占比较大。...设备:平台设备包含主流iOS设备,版本跨度从iOS 9到iOS 12,可满足对低版本测试需求,最新的刘海型号设备也在线上,解决测试者手上无iOS设备问题。 2....报告案例: 腾讯WeTest平台的iOS深度兼容测试工具,具备提供版本多型号设备优点,及时根据市场最新情况更新配备设备,依据产品具体情况进行兼容性全覆盖测试,第一时间帮助厂商验证市面上暴露出来的适配问题

1.8K20

四款国内外远程桌面软件横测:ToDesk、向日葵、TeamViewer、AnyDesk

AnyDesk连接打开会话后,必须勾选对应功能键,但是文件传输剪贴板无效,也不能文件拖拽,过程中还莫名被退并且直接断连。多试了几次,传输显示已关闭同时无法打开文件。...ToDesk对话框是比较简单的白色背景,主被控采用微信头像对话形式,比较贴合国内聊天会话场景,目前只支持文字输入对话,无延迟。...TeamViewer会话就显得比较形象,移动端还有手机对话显示,支持发送互动。...另一个是ToDesk扩展功能,这个我在会议演示时用的比较多,开启扩展可以一台备用的显示器,可以是你周边的手机\iPad\计算机,创建无线扩展显示,一台做会议PPT展示,一台做会议纪要,分屏远程协作...【安装下载】 这四大远程桌面软件基本都能实现跨平台远程协作,可广泛应用于Windows、Linux、Mac、Android、iOS等主流操作系统之上,兼容性按照从高到低的依次是AnyDesk>TeamViewer

16.6K110

功能测试之app测试要点提取与分析

例如:ios在卸载中不支持取消,安卓可以取消卸载。   ...  触快捷手势:两指、三指滑动   长按、短按屏幕   手机横、竖测试   同时触摸不同的位置,同时进行不同操作--异常、退   查看客户端的处理情况,是否会crash--崩溃、退、ANR(...1、Android系统开源, iOS不开源 ,安全性; -推送消息( Android绕过系统, IOS不行)   2....Android版本特别, IOS相对版本比较少; IOS不支持降级的   3、APP审核机制:应用市场, IOS必须平Apple store---审核周期长   4、操作习惯: Android-back..., IOS home   5、安装卸载:安装包( apk ) --系统点击安装,IOS ---经过苹果签名, 正式版本通过appstore下载, 测试版本官方iTunes--获取日志 ,testflight

2.5K30

Cocos Creator 出新版本啦, 2.1.2 圆形Shader终于可以完美解决了!

[参考链接]可点击[阅读原文]进入下载页查看 详细改动说明如下 What's New 支持 iOS 13 为了支持即将发布的 iOS 13 操作系统,我们将 iOS 原生平台上的 VideoPlayer...unace)[#5242] 修复 Animation 的 “stop” 和 “lastframe” 在特定情况下不触发的问题[#5246] 修复加载带有 WebView 的场景,在场景切换后的首帧会屏幕会一下的问题...Free 模式下坐标计算错误的问题[#5320] Native 修复原生平台上的 Label 内存泄露问题[#1783] [#1786] 修复在 Android 部分机型上,EditBox 字体默认为白色的问题...] 修复原生平台上 Canvas 适配模式为 SHOW_ALL 时,EditBox 输入框位置异常的问题 [#162] 修复 Android 上在通知中心显示时锁,音频不会暂停的问题[#1788] 修复...Android 上屏幕亮时,程序如果在后台仍会播放音频的问题[#1785] 修复原生平台从后台切前台会自动播放已暂停音频的问题[#145] 修复在原生平台上修改 Spine/DragonBones

3K30

原生app、webapp、混合app的区别介绍

比如Android是利用Java、Eclipse、Android studio;IOS是利用Objective-C 和Xcode进行开发。...通俗点来讲,原生开发就像盖房子一样,先打地基然后浇地梁、房屋结构、一砖一、钢筋水泥、电路走向等,都是经过精心的设计。...可访问手机所有功能(如GPS、摄像头等)、可实现功能齐全; 2、运行速度快、性能高,绝佳的用户体验; 3、支持大量图形和动画,不卡顿,反应快; 4、兼容性高,每个代码都经过程序员精心设计,一般不会出现退的情况...; 4、比web版实现功能; 5、可离线运行。...数据需要全部从服务器调取,每个页面都需要重新下载,因此打开速度慢,网络占用高,缓冲时间长,容易让用户反感; 3、安全性比较低:代码都是以前的老代码,不能很好地兼容新手机系统,且安全性较低,网络发展这么快,病毒这么

1.1K30

IOS App测试的那些坑和解决方案

退 Android 手机退,可以用 adb 很轻易的拿到 log. IOS 系统主要是沙盒,你没法很轻松的就拿到 log....在 iPhone 手机上的软件发生退或开发 iOS 应用程序时出现的退,一般都会自己或系统生成崩溃日志,那么我们从哪里以及怎么获取到崩溃日志呢?...iOS APP 上架被拒重新提交审核 iOS APP 审核比较严格,难免会出现被拒绝的情况,需要根据苹果反馈的问题修改后重新打包上传审核!...因为 Mac 系统的特性,我们很难操作非越狱的手机,幸好有 Facebook 的 WebDriverAgent,通过它可以实现远程控制手机,一般自动化测试用的,其它用途需要自己探索。...给 iPhone 截并保存,更多功能请自己在 GitHub 上查找https://github.com/openatx/facebook-wda[2] import wdac = wda.Client

4.1K40

科普|实力解说Micro LED与OLED、LCD有何差异

那究竟Micro LED显示与OLED显示,及LCD显示到底有何差异呢? 更薄 与LCD显示相比,OLED显示更薄,而Micro LED显示比OLED显示还要薄。...所以,需要在白色背光源前装置红色、绿色、蓝色滤光片,并以液晶层隔开,再加入偏光板和玻璃基材。这就导致LED显示必须做的很厚重。 ?...因此,OLED显示比LCD显示要薄的。 Micro LED显示使用氮化镓无机材料,但与OLED显示类似的是,其子像素也能够自行发光,不需要背光板、滤光片和液晶层。...更高效 Micro LED显示中的超小型LED在将电转化为光子方面更为高效,产生的“每亮度”比LED显示及OLED显示多出很多。...同时,用户可以更精确地控制Micro LED显示,以获得更高的色彩精度。 更高的成本 想要同时拥有这么优点,必然会导致成本的增加。

2.3K70

移动web开发问题和优化小结

(这个在ios10以上的版本已经失效了,即使加了下面的meta,用户双击,缩放还是可以缩放页面。...6-3.图片懒加载 首加载的快慢,直接影响用户的体验,建议将非首的图片资源放到用户需要时才加载。这样可以大大优化首加载,减少首加载所需要的时间!...8.谨慎使用fixed ios下fixed元素容易定位出错,软键盘弹出时,影响fixed元素定位,会发生元素错位(滚动一下又恢复),有时候会出现的效果。...如果一定要用,写好了之后,一定要测试几次!...9.消除transition PS:这个问题,我近段时间开发,貌似不加上这个代码也没什么影响,但是以前就是要求加,就加上了,现在没加上,也没反馈有什么问题!

2K21

移动端开发总结

(这个在ios10以上的版本已经失效了,即使加了下面的meta,用户双击,缩放还是可以缩放页面。...6-3.图片懒加载 首加载的快慢,直接影响用户的体验,建议将非首的图片资源放到用户需要时才加载。这样可以大大优化首加载,减少首加载所需要的时间!...8.谨慎使用fixed ios下fixed元素容易定位出错,软键盘弹出时,影响fixed元素定位,会发生元素错位(滚动一下又恢复),有时候会出现的效果。...如果一定要用,写好了之后,一定要测试几次!...9.消除transition PS:这个问题,我近段时间开发,貌似不加上这个代码也没什么影响,但是以前就是要求加,就加上了,现在没加上,也没反馈有什么问题!

2.6K10

iPhone 13发布会,苹果不想让你知道的三个细节

两者除了在屏幕和电池大小,以及Plus版本机身更大能塞一颗摄像头之外,硬件上是没有差距的。 对于当时的消费者来说,做选择很简单,喜欢大就买Plus版本,喜欢小就买数字版本。...而iOS通过独特的内存管理机制,能够将4GB的桌面整理得井井有条,高效而便捷,所以较小的内存容量依旧能获得流畅丝滑的体验。...但是问题在于,无论iOS内存机制有优秀,桌面的整个大小已经固定,随着应用需要处理的数据越来越多,对内存的需求原来越大,4GB已经开始捉襟见肘了。...例如,在许多3GB内存的iPhone上,原神等大型手游已经开始不同程度的退,而几乎所有iPhone都在打开相机拍照后,后台应用都要被清理掉。...而此时,你已经掉入苹果的圈套,根据多家机构的统计,iPhone用户的忠诚率在50%以上,意味着一半以上的用户会继续选择购买iPhone,为苹果帝国添砖增

60550

微信团队分享:iOS版微信是如何防止特殊字符导致的炸群、APP崩溃的?

1、引言 相信大家都遇到过一段特殊文本可以让iOS设备所有app退的经历。...所以客户端还是要做些保护预防特殊字符退。...其实iOS绘制字符串时也会极少概率出现退,从而误判。但crash两次才屏蔽的话,如果用户连续收到N条恶意消息,那么至少crash 2N次才彻底把所有有问题消息屏蔽。...版微信的设备字体适配方案探讨》  《信鸽团队原创:一起走过 iOS10 上消息推送(APNS)的坑》 《腾讯信鸽技术分享:百亿级实时消息推送的实战经验》 >> 更多同类文章 …… [2] 有关...《开发往事:深度讲述2010到2015,微信一路风雨的背后》  《开发往事:微信千年不变的那张图片的由来》  《开发往事:记录微信3.0版背后的故事(距微信1.0发布9个月时)》  《一个微信实习生自述

2.7K12
领券