做安卓时间长了，接触到各种各样的框架，前前后后遇到了很多问题，这里顺便记录一下那些年在安卓开发的发展过程中的那些跨平台开发技术框架，大致如下： 如有错误，欢迎指正。...阿拉丁发布的小程序白皮书中显示，小程序的平均次日留存在13%左右，但是双周留存骤降到仅有1%。轻易拥有的也不在意失去，这大概是小程序目前的一个症结所在。...app无异 能够在各种网络环境下使用，包括网络差和断网条件下，不会显示undefind 推送消息的能力 其本质是一个网页，没有原生app的各种启动条件，快速响应用户指令 PWA存在的问题 支持率不高...:现在ios手机端不支持pwa，IE也暂时不支持 Chrome在中国桌面版占有率还是不错的，安卓移动端上的占有率却很低 各大厂商还未明确支持pwa 依赖的GCM服务在国内无法使用 微信小程序的竞争 PWA...、安卓、YunOS及Web等多端部署。
知晓程序最新发现，支付宝小程序不仅可以添加到安卓手机桌面；而且，竟然也能被添加到 iOS 系统的手机桌面！...在此之前，无论是微信小程序还是支付宝小程序，一经上线便支持安卓手机将小程序添加到桌面端，小程序免下载、快速调取、简单易用的特点在安卓系统中得以全面展现。...用户在 iOS 设备上请求将支付宝小程序图标放到桌面时，支付宝会在图标中写入一个特殊的 URL，这个 URL 已经在 scheme 协议中声明「使用支付宝启动」。...但 PWA 网页本质上依然是一种「网页」，既然是「网页」，那么原有的网页特性也可以很好地保留下来，例如对搜索引擎友好（搜索引擎可以抓取网站内容）、通用性强（任何支持 PWA 的浏览器都可以访问）、开发成本低...要知道，在安卓端，微信不仅早就提供了小程序添加桌面的功能，甚至微信的「游戏」中心都已经可以绕过应用商店，直接下载手游 App。换言之，微信已经成为另一个安卓手机的应用分发中心！
做安卓时间长了，接触到各种各样的框架，前前后后遇到了很多问题，这里顺便记录一下那些年在安卓开发的发展过程中的那些跨平台开发技术框架，大致如下： 如有错误，欢迎指正。...阿拉丁发布的小程序白皮书中显示，小程序的平均次日留存在13%左右，但是双周留存骤降到仅有1%。轻易拥有的也不在意失去，这大概是小程序目前的一个症结所在。...，与原生app无异 能够在各种网络环境下使用，包括网络差和断网条件下，不会显示undefind 推送消息的能力 其本质是一个网页，没有原生app的各种启动条件，快速响应用户指令 PWA存在的问题...支持率不高:现在ios手机端不支持pwa，IE也暂时不支持 Chrome在中国桌面版占有率还是不错的，安卓移动端上的占有率却很低 各大厂商还未明确支持pwa 依赖的GCM服务在国内无法使用 微信小程序的竞争...、安卓、YunOS及Web等多端部署。
和主流的浏览器都早已支持了 PWA 标准，在 iOS 11.3 和 macOS 10.13.4 上，苹果的 Safari 上也支持了 PWA。...混合开发，也就是半原生半 Web 的开发模式，由原生提供统一的 API 给 JS 调用，实际的主要逻辑有 Html 和 JS 来完成，最终是放在 webview 中显示的，所以只需要写一套代码即可达到跨平台效果...但这几种方法在实际的使用中有利有弊，但由于prompt是几个里面唯一可以自定义返回值，可以做同步交互的，所以在目前的使用中，prompt是使用的最多的。...安卓和 iOS 都可以通过拦截跳转页 URL 请求，然后解析这个 scheme 协议，符合约定规则的就给到对应的 Native 方法去处理。...iOS 中 Native 通过stringByEvaluatingJavaScriptFromString调用 Html 绑定在 window 上的函数。
这一次，谷歌虽然也在下方提示【在IOS上尝试使用谷歌桌面版，获取更好的体验】，但至始至终没有把我强制跳到appstore。维基百科就更不用说了，连使用app都没有提示。...spm=C28340.P1dzdfA9CsHZ.E1oxZyG629bH.79&stime=1627446780&etime=1627448400&type=lbacks 在安卓环境【尤其是国内某些套壳系统...ios其实相对安卓来说，至少系统能主动提醒用户是否给予其访问权利。...其实我们想象中的消息推送与实际上的方式有很大差距: 想象中：用户手机<==主动推送==微信服务器 实际上：用户手机苹果|安卓消息推送服务器<==主动推送==微信服务器 苹果还好说，18...但目前来讲PWA技术在国内不温不火【很明显，触碰到了某些企业的利益】，所以还是以应用程序为主。
iOS 上的安装提示 在 iOS 上安装 PWA 需要向用户显示自定义指令 目前在 iOS 上安装 PWA 需要打开共享面板，然后点击“添加到主屏幕”按钮，这样基本上就可以了，但仍然不像安装原生 iOS...如果 Safari 支持 beforeInstallPrompt 事件，那么安装体验将会得到简化，或者苹果至少可以改变“添加到主屏幕以安装应用程序”的措辞——安卓几年前就已经这么做了。...我希望浏览器能够更智能一点，能够自动处理域名中的尾部斜杠，比如将 example.com/pwa1 自动更正为 example.com/pwa1/。 iOS 上的域名处理也应该得到改进。...在 Android 上，打开第三方 App 中的链接将打开已安装的 PWA。然而，在 iOS 上，它却打开了 Safari 浏览器。...桌面 App 的 Manifest 中的 screenshots 属性目前没有任何作用，不过已经有一个提案建议也在桌面 Chrome 上显示这些截图。
这里我们加入了 2 个任务链接 shortcuts，具体在 Windows 平台的显示形式如下（安卓测试没有显示）： 任务栏 开始菜单 更多的 manifest 配置，可以查看 https://developer.mozilla.org...清除缓存 安装与卸载 在电脑端的 Edge 和 Chrome 其安装提示都是在地址栏右边显示一个小按钮，在首次打开网站时会多显示几秒几个诸如 “安装” 的提示文字。...下图是在 Edge 点击安装按钮后的效果。 安装提示 安卓系统因使用浏览器的差异，表现也不尽相同，下图使用的是 MIUI 自带的系统浏览器（暗黑模式）。...3.安卓的话，安装的触发还是建议使用系统自带的浏览器打开，手机若使用 edge 或者 chrome，需要授权给应用创建桌面快捷方式的权限。...5.PWA 应用也可以打包为 APP 上架 Store，你可以前往尝试 https://www.pwabuilder.com/ 的在线工具
渲染 30 ms 从上面的表中我们看出，直出渲染的耗时的大头还是在 CGI 接口的拉取上。...答案就是使用 PWA 在客户端做离线缓存，将我们直出的 HTML 缓存在客户端，每次用户请求的时候，直接从 PWA 离线缓存里取出对应的直出页面（HTML）响应给用户，响应之后紧接着请求 Node 服务更新本地的...有些需要在客户端计算高度的容器（表现为常放在 ComponentDidMount 里计算），如果它们依赖客户端环境（比如依赖当前系统是安卓还是 IOS），就导致他们肯定不能放在服务端直接渲染出来，这又怎么办呢...经过我们的测试发现：安卓基本上都是支持的，IOS 需要11.3以上才支持。...经过测试发现，IOS 的 WebView (UIWebView)渲染机制并不会上述一样，而是要等到后面的 JS 执行完之后才渲染页面，如果是这样，我们的直出渲染优化就没有效果了（因为 HTML 并不在最开始渲染
渲染 30 ms 从上面的表中我们看出，直出渲染的耗时的大头还是在 CGI 接口的拉取上。...这就可能会导致页面的抖动（比如详情页中的试听模块，是在客户端渲染的）。 因为高度改变了，视觉上就会出现抖动（具体可以参考上面章节直出时候的 GIF 截图）。...有些需要在客户端计算高度的容器（表现为常放在 ComponentDidMount 里计算），如果它们依赖客户端环境（比如依赖当前系统是安卓还是 IOS），就导致他们肯定不能放在服务端直接渲染出来，这又怎么办呢...经过我们的测试发现：安卓基本上都是支持的，IOS 需要11.3以上才支持。 Service Workers 兼容性图 具体的兼容性支持点我查看。...经过测试发现，IOS 的 WebView ( UIWebView)渲染机制并不会上述一样，而是要等到后面的 JS 执行完之后才渲染页面，如果是这样，我们的直出渲染优化就没有效果了（因为 HTML 并不在最开始渲染
PWA在体验上与App类似，比如在应用切换场景上，App也会带有微博PWA版本的icon。 IOS版本饿了么采用了部分PWA技术，也就是将网页添加到主屏后，部分功能还是会跳转到网页中打开。...尽管苹果在今年3月发布的iOS 11.3中加大了对PWA的支持力度，但还是有一个非常遗憾的现实： 苹果对PWA的支持力度远远低于安卓，所以PWA在iPhone上的体验也远远达不到“Web应用化”的标准。...比如在苹果手机上，前文提到的service worker中缓存并不是永久保存。而且service worker支持的不完善，PWA的功能体验要低于安卓手机。...比如在安卓手机（测试机型小米）上，一个最明显的不同在于安卓版本的PWA会保留你的登录状态，并且会系统级推送消息。而在苹果上，这两点都做不到。...iPhone VS pixel 苹果系统 VS 安卓系统 Safari VS chrome PWA对开发者来说，最重要的意义或在于绕过Apple Store审核，直接推给用户。
iOS 的原生 App 使用 Objective-C 语言或 Swift 语言，安卓使用 Java 语言或 Kotlin 语言。...2.3 缺点 原生 App 的缺点主要是成本，每个手机平台都要建立一个独立的开发团队，大公司一般都有 iOS 和安卓两个开发团队。...比如，你在浏览器中收发邮件，就是在使用 Web App。 Web App 主要使用网页技术，即 HTML、JavaScript 和 CSS。...但是，PWA 需要浏览器访问一次网站，才能在首屏生成图标，并且目前 iOS 系统的支持还不够理想，所以还只是一项探索性质的技术，迄今为止缺乏足够的成功案例。...举例来说，早期的时候，安卓有物理的后退按钮，iPhone 没有，页面设计不得不考虑这一点。 ? 上图是 iOS 页面。 ? 上面是安卓页面，左上角的后退按钮，跟系统的后退按钮重复了。
它也有一些缺点: 开发成本高 (ios 和安卓) 软件上线需要审核 版本更新需要将新版本上传到不同的应用商店 想使用一个 app 就必须去下载才能使用，即使是偶尔需要使用一下下 而 web 网页开发成本低...如果用的是安卓手机，可以下载 chrome 浏览器自己操作看看 3.2 service worker 实现离线缓存3.2.1 什么是 service worker Service Worker 是 Chrome...第 2 步: 在注册过程中，浏览器会下载、解析并执行 Service Worker ()。...扩展知识：service worker 的更新 总结 PWA 的优势 可以将 app 的快捷方式放置到桌面上，全屏运行，与原生 app 无异 能够在各种网络环境下使用，包括网络差和断网条件下，不会显示...在中国桌面版占有率还是不错的，安卓移动端上的占有率却很低 各大厂商还未明确支持 pwa 依赖的 GCM 服务在国内无法使用 微信小程序的竞争 尽管有上述的一些缺点，PWA 技术仍然有很多可以使用的点。
解决： fastclick可以解决在手机上点击事件的300ms延迟 zepto的touch模块，tap事件也是为了解决在click的延迟问题 iOS上拉边界下拉出现空白，安卓无 描述：手指按住屏幕下拉，...手指按住屏幕上拉，底部多出一块白色区域。安卓无此特性。 在 iOS 中，手指按住屏幕上下拖动，会触发 touchmove 事件。...问题 描述： iOS系统中JS转换字符串变日期对象的时候，字符串格式必须是/相隔，通常情况是-相隔，在微信小程序IOS环境中同样出现出现此问题 iOS系统对js中的new Date()方法有格式要求 let...，设置会有问题，安卓没问题； 时间：201908 IOS系统微信版本兼容 描述： IOS8系统 只能 兼容最高微信版本 6.72 ，IOS系统9 可以兼容微信版本7.0.0 以上。...的URL跳转会出现空白 描述：安卓手机，在微信授权回调的函数中进行跳转至的URL不能带有#,但#号可放置在结尾。
全新的「Intel Bridge」编译器为这个技术的实现提供了支持，让安卓的应用程序可以在x86系统上运行。 虽然是英特尔开发的系统，使用AMD处理器的电脑也可以享受。...此外，随着Teams逐渐登陆苹果和安卓系统，这将使Teams的竞争力已大大提升。 具体更新是微软将Microsoft Teams中的「Chat」整合到任务栏中。...经过这么多年的进化，微软在旗下的硬件设计上可以说同样达到了一流的水准，但是不得不说，在软件及操作系统的界面设计上，微软相比苹果仍然处于「第三梯队」的水平。 ?...另外一个显著的变化在于，微软在Vista上率先提出来，但是在Android 和iOS上被发扬光大的Widget又回来了。...但该协议有一个重要的注意事项：它不适用于游戏。不过，该公司最近宣布将从 8 月 1 日起将其在 Microsoft Store 中的游戏收入分成从 30% 降至 12%。
前言 我所说的传统的方式是指，用 Java 或者 Kotlin 写安卓，用 Object-C 或者 Swift 写 IOS。...现在都 2018 年了，作为一个本科生找安卓或者 IOS 就更难了，虽然移动市场不会消失，但是用户或者开发者来说，原生移动应用都有天生的痛点。...“快应用” 框架深度集成进各厂商手机系统中，可以在操作系统层面实现用户需求与应用服务间的无缝连接，提升用户的使用体验和应用服务的转化效率，同时支持生成桌面图标等留存能力。...像 RN 和 Flutter ，他们是解决跨平台的问题，写一套代码，安卓、IOS 都能用，而且是原生的。 而像 PWA 、微信小程序，他们是用 web 的方式来达到跨平台的方式。...但是原生的安卓和 IOS 肯定是丢不掉的，因为底层的还得原生代码去调用。 没有任何一种方式是万能的，我们在选择技术方案的时候需要根据技术的特点，适合场景去做选择，没有最好，只有最适合。
注意，不同系统的 WebView 控件名称不一样，安卓系统就叫 WebView，iOS 系统有较老的 UIWebView，也有较新的 WKWebView，作用都是一样的，差异在于功能的强弱。...三、原生技术栈 原生技术栈分成 iOS 和安卓两个平台。 简单说，iOS 的原生技术栈就是使用 Object-C 语言或 Swift 语言，在 Xcode 开发环境中编程。...运行代码之前，Android Studio 要求必须连接真机，或安装安卓模拟器。完成以后后，在工具栏上点击运行按钮，就可以运行代码查看效果了。 ? ?...所有这些框架的共同点，都是使用 Web 技术（HTML5 + CSS + JavaScript）开发页面，再由框架分别打包成 iOS 和安卓的 App 安装包。...上面代码中，React Native 自身的WebView控件，编译时会分别转为 iOS 和安卓的原生 WebView 控件。 接下来，预览页面效果。
》+《通过蓝牙将安卓手机模拟成游戏方向盘-支持旋转轮胎》三份源码打包下载 【2022.04.21】源码在Android 12中运行注意事项：由于Android 12对蓝牙权限做了调整，取消了位置信息，增加了扫描...相关设置 安装了HidDroid后的安卓机要控制苹果手机需要做如下设置，在苹果手机上找到：设置->辅助功能->触控->辅助触控->设备，选择已经配对并连接的安卓手机，设置成功后屏幕上出现一个白色的球，...代码运行效果 让你的安卓手机变成键盘鼠标 2020.11.11编辑 最近一段时间研究了在鼠标键盘的基础上新增多媒体控制功能。...在实现HID媒体播放的过程中发现，安卓对报告描述符的兼容性非常好，只要看上去正确的描述符运行起来基本没有问题，而win10就没有那么好的兼容性了，从理论上分析正确的描述符不一定能在win10下工作。...还有，既然能兼容安卓，那么智能电视的媒体控制自然是不在话下的。
在移动互联网时代来临之后，大家发现网页的体验比不上原生，虽然后面发展出了 PWA （渐进式WebApp）等技术，但离原生的体验还是有差距的，所以原生开发应用的方案又占了上风。...但是安卓、ios 绘制界面、书写逻辑的方式都不同，双端要分别实现，开发、测试的人力都是双份的，这样的成本是比较高的。...api 分别由安卓、ios 实现然后注入到 JS 引擎里。...和安卓、ios 的跨端方案逐渐流行一样，桌面端也出现了 electron 的方案，通过网页来渲染界面和写逻辑，需要用的 api 注入到 JS 引擎中，而且 electron 是直接把 Node.js 的...相对布局给流式布局增加一些灵活性，可以在流式计算规则的基础上做一些偏移。 absolute 流式的计算规则具体什么内容显示在什么位置是不固定的，只适合文字、图片等内容的布局。
FreeOTP 是一个双因素认证应用系统，利用 OTP 一次性密码协议，支持 Android 和 iOS。可通过扫描二维码或者手工输入方式轻松添加 Token。...FreeOTP 实现了开放的标准，这意味着系统中不包含收费组件，FreeOTP 提供 HOTP 和 TOTP 的实现。...FreeOTP可以用作谷歌认证的替代 公司的动态口令需要用 谷歌身份认证 水果手机很方便，but安卓机需要装一整套Google的框架才能装“谷歌身份认证”这个APP FreeOTP可以用作谷歌认证的替代...及以上版本下载地址：https://f-droid.org/packages/org.fedorahosted.freeotp/ 在安卓或ios 访问以上地址，下载freeopt APP， 1.扫描...gitlab网站上的二维码， 2.手机会显示gitlab网站上绑定账号的邮箱 3.点击gitlab 链接，默认显示6位的随机数pin code\ 4直接输入在gitlab 网站即可 使用： 1、直接在自己的手机桌面上
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
