【产品上新】小程序新内核来了!提升安卓浏览器性能,支持WebRTC

简介: 【产品上新】小程序新内核来了!提升安卓浏览器性能,支持WebRTC
  • 安卓支付宝小程序中webview组件不支持webRTC吗?→原声
  • 支付宝 webview 预览版和真机调试支持 webRTC ,体验版和正式版不支持webRTC→原声
  • 安卓支付宝小程序中webview组件不支持webrtc相关api→原声

………………

我们经常在社区里面看到各位小程序开发者,提到希望对于安卓支付宝webview增加WebRTC的支持,以能够提高webview的渲染性能以及使用体验。

大家的声音我们都收到了!最近,我们升级了新 MYWeb 内核。邀请你先体验,本文主要帮助你解新内核的功能特性,以便提前适配相关开发问题。新版内核基于 Chromium 105 版本进行研发,提供更卓越的渲染性能、更高的安全性和更全面的标准支持,支持WebRTC

前提条件

  • 当前版本的 MYWeb 内核仅适用于支付宝安卓客户端,客户端版本为 10.5.26 或以上
  • 开发者工具版本需为 3.7.10 或以上(IDE3.7.10

怎么使用?

你可以通过如下的配置,自主切换至 MYWeb 内核。

  1. 配置方式:小程序开发者工具(IDE)中,修改 app.json 配置文件,app.json 文件根目录中增加  "myweb": "force_enable" 配置,来启用 MYWeb 内核。

属性

类型

必填

描述

myweb

String

是否启用 MYWeb 内核
说明:
1. 配置为 force_enable 启用

注意IDE3.7.10 及以上开始支持

  1. 配置示例:app.json 配置示例如下,你可以在预览小程序中体验和调试

   

注意:① 支付宝安卓 10.5.26 及以上支持。如需兼容低版本,建议进行客户端版本检测,通过my.ap.updateAlipayClient API 引导支付宝升级。② 现在UA反馈还不准确,UA验证还有部分的升级工作还在进行,大家可以通过功能是否生效来进行判断。


注意事项


兼容新版 MYWeb 内核时,需要注意新标准的以下几点影响,检查小程序功能和样式是否兼容。

  1. 关注CSS样式修改:基于Chromium 105 版本的 CSS 特性和布局属性的兼容性。需要确保你的小程序 UI 样式展示正常。(参考:https://chromestatus.com/roadmap 关于CSS样式变更的描述,MDN:https://developer.mozilla.org/en-US/docs/Web/CSS/Reference#index 对 CSS 兼容性描述)
  2. 关注CSS样式的废弃:兼容 Chromium 85 版本对 -webkit-box 和 -webkit-box-clamp 组合行为做了变更,当-webkit-box和-webkit-box-clamp组合使用时,以下显示属性将不再起作用:-webkit-box-flex、-webkit-box-ordinal-group、-webkit-box-align、-webkit-box-pack、-webkit-box-direction(参考:https://chromestatus.com/feature/5680142707851264)。如果你的样式存在问题,可以尝试将 -webkit-box 样式替换成 -webkit-box-flex样式解决。
  3. 关注字体样式兼容:兼容了 Chromium 90 版本对宋体字体展示问题的修复,将正常显示宋体。但低版本内核不支持宋体serif,会降级到黑体。你可关注字体样式的兼容性。(参考:https://bugs.chromium.org/p/chromium/issues/detail?id=1206946&q=sans-serif&can=1

如果在使用新内核时,遇到任何异常表现或者渲染相关问题,在支付宝小程序开发者社区发布标题包含 "「安卓 MYWeb 内核升级」" 的帖子,分享你的问题和反馈。一键直达建议版块


你在兼容新内核过程中遇到任何问题和疑问,也可以在帖子下方进行回复,我们希望与各位开发者的交流!

目录
相关文章
|
1月前
|
Web App开发 搜索推荐 开发者
浏览器插件上架指南:如何把你的产品搬上浏览器插件市场
在实践了 Chrone、Firefox、Edge、Opera 等 几个主要的插件平台的上架发布工作后,我觉得很有必要把这个过程和思考记录下来,分享给大家,希望能提供一些参考和避坑的经验。我想通过这篇文章,和大家聊聊「为什么我要做这件事」,以及「这个系列文章会包含哪些内容」。我想用一个系列的文章,记录我是如何把 EmojiClick 搬到浏览器插件市场的,也给大家提供一些借鉴经验。
84 19
|
2月前
|
存储 Linux API
深入探索Android系统架构:从内核到应用层的全面解析
本文旨在为读者提供一份详尽的Android系统架构分析,从底层的Linux内核到顶层的应用程序框架。我们将探讨Android系统的模块化设计、各层之间的交互机制以及它们如何共同协作以支持丰富多样的应用生态。通过本篇文章,开发者和爱好者可以更深入理解Android平台的工作原理,从而优化开发流程和提升应用性能。
|
3月前
|
Java Linux Android开发
深入探索Android系统架构:从Linux内核到应用层
本文将带领读者深入了解Android操作系统的复杂架构,从其基于Linux的内核到丰富多彩的应用层。我们将探讨Android的各个关键组件,包括硬件抽象层(HAL)、运行时环境、以及核心库等,揭示它们如何协同工作以支持广泛的设备和应用。通过本文,您将对Android系统的工作原理有一个全面的认识,理解其如何平衡开放性与安全性,以及如何在多样化的设备上提供一致的用户体验。
|
5月前
|
Web App开发 网络协议 Android开发
Android平台一对一音视频通话方案大比拼:WebRTC VS RTMP VS RTSP,谁才是王者?
【9月更文挑战第4天】本文详细对比了在Android平台上实现一对一音视频通话时常用的WebRTC、RTMP及RTSP三种技术方案。从技术原理、性能表现与开发难度等方面进行了深入分析,并提供了示例代码。WebRTC适合追求低延迟和高质量的场景,但开发成本较高;RTMP和RTSP则在简化开发流程的同时仍能保持较好的传输效果,适用于不同需求的应用场景。
281 1
|
6月前
|
Web App开发 DataWorks 安全
DataWorks产品使用合集之对于哪个浏览器的优化好
DataWorks作为一站式的数据开发与治理平台,提供了从数据采集、清洗、开发、调度、服务化、质量监控到安全管理的全套解决方案,帮助企业构建高效、规范、安全的大数据处理体系。以下是对DataWorks产品使用合集的概述,涵盖数据处理的各个环节。
|
6月前
|
Web App开发 网络协议 Android开发
### 惊天对决!Android平台一对一音视频通话方案大比拼:WebRTC VS RTMP VS RTSP,谁才是王者?
【8月更文挑战第14天】随着移动互联网的发展,实时音视频通信已成为移动应用的关键部分。本文对比分析了Android平台上WebRTC、RTMP与RTSP三种主流技术方案。WebRTC提供端到端加密与直接数据传输,适于高质量低延迟通信;RTMP适用于直播场景,但需服务器中转;RTSP支持实时流播放,但在复杂网络下稳定性不及WebRTC。三种方案各有优劣,WebRTC功能强大但集成复杂,RTMP和RTSP实现较简单但需额外编码支持。本文还提供了示例代码以帮助开发者更好地理解和应用这些技术。
185 0
|
7月前
|
存储 域名解析 缓存
函数计算产品使用问题之怎么使用浏览器测试函数
函数计算产品作为一种事件驱动的全托管计算服务,让用户能够专注于业务逻辑的编写,而无需关心底层服务器的管理与运维。你可以有效地利用函数计算产品来支撑各类应用场景,从简单的数据处理到复杂的业务逻辑,实现快速、高效、低成本的云上部署与运维。以下是一些关于使用函数计算产品的合集和要点,帮助你更好地理解和应用这一服务。
|
8月前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的安卓的微博客系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的安卓的微博客系统附带文章和源代码部署视频讲解等
61 2
|
7月前
|
移动开发 小程序 前端开发
php + h5使用 scheme页面跳转微信小程序-其他浏览器一键跳转到微信并打开小程序
php + h5使用 scheme页面跳转微信小程序-其他浏览器一键跳转到微信并打开小程序
163 0
|
8月前
|
SQL 缓存 数据管理
数据管理DMS产品使用合集之打开多个SQL窗口,在关闭浏览器重新登录只剩第一个窗口且部分脚本丢失,是什么导致的
阿里云数据管理DMS提供了全面的数据管理、数据库运维、数据安全、数据迁移与同步等功能,助力企业高效、安全地进行数据库管理和运维工作。以下是DMS产品使用合集的详细介绍。
85 0

热门文章

最新文章

  • 1
    如何修复 Android 和 Windows 不支持视频编解码器的问题?
  • 2
    【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 3
    当flutter react native 等混开框架-并且用vscode-idea等编译器无法打包apk,打包安卓不成功怎么办-直接用android studio如何打包安卓apk -重要-优雅草卓伊凡
  • 4
    【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
  • 5
    APP-国内主流安卓商店-应用市场-鸿蒙商店上架之必备前提·全国公安安全信息评估报告如何申请-需要安全评估报告的资料是哪些-优雅草卓伊凡全程操作
  • 6
    【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 7
    Android经典面试题之Kotlin中Lambda表达式和匿名函数的区别
  • 8
    【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
  • 9
    【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
  • 10
    微信小程序 app.json 配置文件解析与应用