提升应用内HTML5 的开发和使用体验 魏晓海@tencent.

Slides:



Advertisements
Similar presentations
營養午餐 嘉大附小四年二班. 形容詞豐富 鍋燒烏龍麵裡有很多料,有細細長長的麵、翠 綠的青菜、像雨傘的香菇、紅紅的蘿蔔和像圓 月的丸子。每次去盛鍋燒烏龍麵時,我都會聞 到香噴噴的味道,讓我好餓,似乎可以吃下一 頭牛。吃下第一口時,有彈牙的麵、鮮甜的青 菜、 QQ 的香菇、軟軟的丸子,還有脆脆的紅 蘿蔔。每當我吃完第一碗,就還想吃第二碗,
Advertisements

项目四 网店推广与营销 4.1 店内推广与营销. 教学目的: 通过本节内容的学习,帮助学生了解消费者保障服务分类,理解店内活动是运 营店铺时不可缺少的一些营销活动。 知识要求: 1. 了解申请加入消费者保障服务项目的条件 2. 了解店内活动如满就送、限时打折、搭配套餐、优惠券的设置 技能目标: 1.
广西 2014 年 “ 区培计划 ” 学前教育远程培 训 总结简报 南宁马山县幼教 1 班 莫毅.
中职教师省级网络培训 使用说明 南京中华中等专业学校教研处 平台登陆 登录 (江苏教师教育) 在页面右侧找到登录框,填写用户名、密码进入系统.
应用推广工作培训 广州市教育信息中心 ( 电教馆 ) 方昆阳.  一、教育信息化遇到什么问题?  二、什么是学习空间?  三、数字教育城是什么?  四、注册、登录等注意事项。  五、重点推介的系统  六、应用推广的评价机制。
教师成绩录入步骤 1. 登录教务系统 2. 进入教师成绩管理界面 3. 选择相应的教学班,点击 “ 课程成绩录 入 ” 进入成绩录入界面 4. 点击 “ 设置 ” 按钮设置 “ 成绩分项 ” 5. 录入成绩, “ 保存成绩 ” 按钮可以保存成 绩但不提交(提交后不能再修改成绩) 6. “ 提交成绩 ”
“ 税融通 ” 业务简要介绍. + 一、什么是 “ 税融通 ” ? + “ 税融通 ” 是指银行金融机构根据中小微企业 纳税情况,向依法诚信的中小微企业提供 一定数额的信用贷款或担保贷款的金融产 品。
7.2 图示化记忆 记忆的概述 图示化记忆 联想记忆法 奇特联想记忆法 用手记忆.
醫學美學之我見ー肉毒桿菌 班級:應日三乙 姓名:蔡雅卉 學號: 497E0076. 前言 現在的人,已經把 整型看做是微不足 道的事情了。即使 只是戴牙套、局部 雷射、割雙眼皮、 打美白針、肉毒桿 菌等等,都可以在 身體上做不同的改 變,而讓自己更滿 意自己的外表。
三餐美食 经销商 三餐美食产品经销必读 2 三餐美食经销商 1 前言 三餐美食经销商是三餐美食餐饮系统重要的合作伙伴,同时也是三餐美食发展道路上最坚定不移的 支持者。为了让所有的经销商伙伴能够通过销售三餐美食产品快速致富,三餐美食总部根据三餐美食产 品开发和市场情况,为经销商伙伴们编撰了《经销商必读》,希望该手册能够让大家对三餐美食有更深.
“后PC”时代 移动电子商务创新型人才培养 2016年4月28日 中国.重庆 北京博导前程信息技术股份有限公司 杨东飞.
Android 基础了解 Lowin 大纲 第 1 页 基本常识 环境搭建 Webview 通信 app.
学年 江西省教师全员远程培训指南. 培训学习及考核时间安排 学习时间: 2013 年 10 月 年 1 月 15 日 考核时间: 2014 年 3 月 1 日 年 3 月 30 日.
第一章 餐饮服务程序 学习目的: 掌握餐饮服务四个基本环节的内容 正确表述和运用各种餐饮形式的服务程序 熟悉并利用所学知识灵活机动地为不同需求的 客人提供服务.
-- 八 (19) 班第二学期期中家长会 、关于期中考试 2 、关于班级常规活动 3 、关于会考、体育 4 、关于自主招生 5 、给家长的一些建议.
山东理工大学成人高等教育 新生入学指南. 如何获悉学院的通知公告等? 1. 网站。所有的通知公告等都通过远程与继 续教育学院网站 发布, 同学们应每周登录 “ 学生工作室 ” 或 “ 函授教育 ” 关注是否有新的通知公告。
Web app和html5给前端带来的变化 —— 我们的html5游戏平台之旅.
課程地圖 (104年入學-日間部) 校通識核心 專業課程 必修與選修 與管理模組 網路技術 App設計與應用模組 學院通識核心 學院專業核心
AnyShare5.0入门指导 —— 普通用户篇.
C实习《移动电子商务基础》课程教学包 04-移动电子商务营销.
中公教育湖南分校 地址:长沙市建湘南路154号惟楚国际6楼 电话:
讲好后勤故事 提升后勤形象 淮阴师范学院宣传部副部长 张同刚.
星云集团.
讲故事训练 授课人:田轶.
第十一課 菜園 6-11.
校本选修课 第三专题 西藏问题 北京师大二附中 李文燕.
速收简历 速收简历移动APP项目 速收简历团队.
石家庄迅步网络科技有限公司 联系人:张会耀 电话:
上海宏弈源软件科技有限公司 — 12年专注益智软件研发 和配套产品服务 上海宏弈源软件科技有限公司.
正修科技大學教學發展中心 教師教學觀摩與經驗分享 電子工程系 張法憲副教授.
网页设计师职位需求.
2016年赶集产品介绍.
腾讯企业QQ 能为客户解决问题. 腾讯企业QQ 能为客户解决问题 企业QQ可以 获知访客来源 可以细致的知道网站访客第几次到来,通过什么途径到来,正在浏览哪些网页等相关信息为企业日后做推广,提供一个真实可靠的数据。
基于解释性语言的手机跨平台架构 Sloan Yi. Qt MTK.
国开学习网/形考模块
荷福威士顿机器人科技有限公司 上海荷福集团
媒体融合式转型 社会和文化教研部 高级经济师 郭全中
第一部分 系统概述 第二部分 技术背景 目录 第三部分 维修流程描述 成功案例 第四部分. 第一部分 系统概述 第二部分 技术背景 目录 第三部分 维修流程描述 成功案例 第四部分.
蘇軾詞的賞析
微生活会员卡商家合作方案 微生活
苏州大汇信息科技有限公司 招聘简介.
柯奕宏(06) 王予亨(13) 郭秉逸(15) 楊雯凈(23) 顏佑瑩(32)
第十五章 传播学调查研究方法.
逆转地理课堂 提高复习效率 鲁迅中学 耿夫相.
一种营销模式的转型,一种全新的金融房贷模式
自然與生活科技領域 認識太陽能 蘇紋琪、石明玉.
移动开发的灵便迭代之道 黄凯.
 全能的天才畫家- 李奧納多‧達文西 (西元1452年-1519年) 指導老師:袁淑芬老師 製作人:饒佩芯.
广西特级教师工作坊 网络平台建设.
绿豆芽科技 让科技融入生活. 绿豆芽科技 让科技融入生活 让天下没有非互联网的公司 传统行业公司 新型科技公司 绿豆芽科技 产品研发 供应链 渠道 物联网硬件 云计算平台 APP应用 传统优势 竞争力 用户体验 团队由数十名硕士生及博士生组成,有着在德州仪器、中兴等知名企业的工作经历,项目经验丰富。团队成员获得过:电子设计竞赛国家一等奖、“Intel杯”嵌入式邀请赛冠军、“微软创新杯”
移动知网 同方知网(北京)技术有限公司.
UI设计标准、移动开发规范、移动管理规范、集成标准规范
認識我的故鄉_台中市.
福智 學員平台 2018/6/9 幹部月會 羅東教室.
精忠报国  演唱:屠洪纲 作词:陈涛 作曲:张宏光  狼烟起 江山北望  龙起卷 马长嘶 剑气如霜  心似黄河水茫茫  二十年 纵横间 谁能相抗  恨欲狂 长刀所向  多少手足忠魂埋骨它乡  何惜百死报家国  忍叹惜 更无语 血泪满眶  马蹄南去 人北望  人北望 草青黄 尘飞扬  我愿守土复开疆  堂堂中国要让四方来贺.
——关于机构内用户,非机构内用户,及移动端使用
基于App Inventor的物联网工程导论课程实验设计
樂樂請假了 尊重的故事 資料來源:臺北縣國民小學品德教育手冊 故事來源:臺北縣國民小學品德教育手冊 網路小故事
聽聽那冷雨---重點摘要 二愛 王煜榕.
全国食药监检验检测机构 信息直报系统 test.
憲政與民主 應化3A 邱泓明.
中国科学院仪器设备共享平台 使用培训 新疆理化所公共技术服务中心
学 生 端 操 作 指 南
古蹟知性之旅 我和新港奉天宮有個約 報告人:陳 映 竹 傅 湘 甯.
第6章 Android客户端模块实现 QQ群(App开发案例教程--清华) :
学 生 端 操 作 指 南
建筑信息化引领者 联系方式 营销类 V8.5 功能方案书 建筑施工项目管理系统&OA系统.
姓名:刘冰 专业:计算机科学与技术 指导教师:姚宣霞
2018春季学期黑龙江齐齐哈尔医学 院导学.
Koala基础培训PPT Koala Train For Basic Usage
Presentation transcript:

提升应用内HTML5 的开发和使用体验 魏晓海@tencent

特性 挑战 应用内H5开发的特性与挑战 使用系统WebView 与Native代码耦合 资源来源不同 Android碎片化问题 无法脱离应用调试调优 需要不同的加载策略

系统WebView的挑战 Crash 内存泄露 H5功能 …… Native层的crash无法解决 Native层的内存泄露无法解决 手Q音乐说说 H5 Audio 微信理财通SSL SNI扩展支持 ……

应用内HTML5开发调试的挑战 KitKat+ WebView 问题 只有KitKat+版本上可用 需要应用提供调试版本

应用内HTML5开发调试的挑战 Web页面与Native代码的耦合 Web页面无法脱离应用在浏览器中调试 登录态的获取 js的注入 应用登录 辅助功能 扩展js API接口 Web页面无法脱离应用在浏览器中调试

手机QQ浏览器SDK QQ浏览器X5内核 零开发接入 安全稳定 省流加速 体验优化 功能增强 调试方便 性能调优

Android WebView Wrapper 手机QQ浏览器SDK App UI 浏览器UI SDK WebView X5内核 Android WebView Wrapper X5 WebView Wrapper Android WebView X5 WebView App QQ浏览器

零成本接入 APK包大小仅增加60K android.webkit.WebView com.tencent.smtt.sdk.WebView android.webkit.WebViewClient com.tencent.smtt.sdk.WebViewClient android.webkit.WebChromeClient com.tencent.smtt.sdk.WebChromeClient android.webkit.WebSettings com.tencent.smtt.sdk.WebSettings android.webkit.CookieManager com.tencent.smtt.sdk.CookieManager android.webkit.CookieSyncManager com.tencent.smtt.sdk.CookieSyncManager android.webkit.CacheManager com.tencent.smtt.sdk.CacheManager(deprecated) android.webkit.WebBackForwardList com.tencent.smtt.sdk.WebBackForwardList android.webkit.WebHistoryItem com.tencent.smtt.sdk.WebHistoryItem APK包大小仅增加60K

应用内通过Inspector调试网页 手机端安装QQ浏览器 Inspector版本 PC端运行 adb forward tcp:9222 tcp:9222 PC端通过Chrome 35+访问localhost:9222 熟悉的Inspector界面 不限Android版本 无需应用修改提供debug设置 直接应用内调试

应用内HTML5性能调优 浏览器内HTML5性能调优 about:tracing 应用内HTML5性能调优 MttTraceEvent

MttTraceEvent的使用 手机端安装QQ浏览器Trace版本 运行应用内HTML5应用 退出应用 通过Chrome查看生成的trace文件 分析性能瓶颈 优化

MttTraceEvent

不同类型的加载 普通网页 Web业务 游戏 (文字+图片) 网络拉取 页面比较简单 部分资源缓存在本地 图片为主 绝大部分本地存储,甚至是内存中生成的

赤壁乱舞加载优化

赤壁乱舞滚动优化

手Q 应用宝滚动优化