论坛 › 浙江 › 京东零售营销H5测试综述

5ep9lzv 发表于 2024-6-29 16:25:31

京东零售营销H5测试综述

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/MrFJyDNenFibr0yKUAtHz8rA35BWCiaUXTCVoPWrk27sxgyJ71fX9GI7hmVM3ua70MZZGI2vNcpSUiby5f2WqJJ8g/640?wx_fmt=png&amp;from=appmsg&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1&amp;tp=webp" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">本文从营销频道H5业务展开，讲述了H5测试的通用测试技巧与实现<span style="color: black;">方法</span>，对测试工作和经验进行总结提炼。<span style="color: black;">经过</span>本文<span style="color: black;">能够</span><span style="color: black;">认识</span>京东内常用<span style="color: black;">开发</span>架构的测试<span style="color: black;">办法</span>和实践效果。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">【本文目录】</strong></p><span style="color: black;"><span style="color: black;">认识</span>H5业务</span><span style="color: black;">常用测试手段</span><span style="color: black;">针对京东现有H5常用架构和实现<span style="color: black;">方法</span>的测试</span><span style="color: black;">痛点和不足</span><strong style="color: blue;">背景</strong>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">H5</span><span style="color: black;">页面是营销域最<span style="color: black;">平常</span>的一种运营形式，业务<span style="color: black;">经过</span>H5来<span style="color: black;">供给</span>服务，<span style="color: black;">能够</span>满足用户<span style="color: black;">针对</span><span style="color: black;">方便</span>、<span style="color: black;">有效</span>和低成本的需求。</span><span style="color: black;">H5页面是业务直面用户的端点，其质量<span style="color: black;">保准</span>工作<span style="color: black;">显出</span>尤为<span style="color: black;">要紧</span>。</span><span style="color: black;">各业务的功能实现<span style="color: black;">拥有</span>通用性，相应<span style="color: black;">亦</span>有共性的测试<span style="color: black;">办法</span>，本文进行总结和分享。</span></p><strong style="color: blue;"><span style="color: black;">1 <span style="color: black;">认识</span>H5业务</span></strong>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">多<span style="color: black;">方向</span>认识H5业务，<span style="color: black;">认识</span>功能的实现链路，<span style="color: black;">知道</span>各个节点<span style="color: black;">是由于</span>哪一方<span style="color: black;">怎样</span>实现，一方面<span style="color: black;">能够</span>打开设计用例的思路；</span><span style="color: black;">另一方面在遇到问题时，<span style="color: black;">能够</span>快速定位，精确反馈。</span></p>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">【1.1 前端展示】</span></strong></span></h2>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;"><strong style="color: blue;"><span style="color: black;">1.1.1&nbsp;两种<span style="color: black;">研发</span>技术</span></strong></h3><span style="color: black;">提及前端，<span style="color: black;">必须</span><span style="color: black;">首要</span>介绍两种<span style="color: black;">研发</span>技术“原生<span style="color: black;">研发</span>”、“H5<span style="color: black;">研发</span>”：</span><span style="color: black;"><strong style="color: blue;">原生应用<span style="color: black;">研发</span></strong>：是在 Android、iOS 等移动平台上利用官方<span style="color: black;">供给</span>的<span style="color: black;">研发</span>语言、<span style="color: black;">研发</span>类库、<span style="color: black;">研发</span><span style="color: black;">工具</span>进行 App <span style="color: black;">研发</span>。<span style="color: black;">因此</span>原生架构的 App 在应用性能上和交互体验上应该是最好的，<span style="color: black;">例如</span>APP中的“直播”、“登录”以及提醒组件等是纯原生<span style="color: black;">研发</span>的模块。</span><span style="color: black;"><strong style="color: blue;">H5<span style="color: black;">研发</span></strong>：<span style="color: black;">指的是</span>利用 Web 技术（HTML5、JavaScript、CSS）进行的 App <span style="color: black;">研发</span>。H5 <span style="color: black;">研发</span>的好处是<span style="color: black;">能够</span>跨平台，编写的代码<span style="color: black;">能够</span><span style="color: black;">同期</span>在 Android、iOS、Windows 上进行运行。当前APP内的<span style="color: black;">重点</span>活动<span style="color: black;">例如</span>“百亿<span style="color: black;">补助</span>”、“便宜包邮”以及“秒杀”等均为H5<span style="color: black;">研发</span>实现。</span><span style="color: black;">两种<span style="color: black;">研发</span>实现的特点对<span style="color: black;">例如</span>下：</span><span style="color: black;"><strong style="color: blue;">H5</strong></span><span style="color: black;"><strong style="color: blue;">原生</strong></span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">研发</span>成本</strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">低：一套代码，跨平台<span style="color: black;">运用</span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">高：<span style="color: black;">一样</span>的<span style="color: black;">规律</span>、界面要写两套</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">研发</span>周期</strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">短：量级低，直接添加功能<span style="color: black;">颁布</span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">长：更新迭代缓慢，上架时<span style="color: black;">必须</span>等待官方审核<span style="color: black;">经过</span></span></p><span style="color: black;"><strong style="color: blue;">调用底层功能</strong></span><span style="color: black;"><span style="color: black;">繁杂</span>：<span style="color: black;">不可</span>直接调用，<span style="color: black;">必须</span>桥接等其他操作</span><span style="color: black;">简单：更加贴近底层，<span style="color: black;">针对</span>调取底层功能<span style="color: black;">亦</span>是很容易</span><span style="color: black;"><strong style="color: blue;">性能体验</strong></span><span style="color: black;">有局限性：H5 移动应用<span style="color: black;">不可</span>直接<span style="color: black;">拜访</span>设备硬件和离线存储</span><span style="color: black;">更优：直接运行在设备操作系统上，<span style="color: black;">一般</span>性能更优，响应更快</span><span style="color: black;"><strong style="color: blue;"><span style="color: black;">安排</span>更新</strong></span><span style="color: black;">快：只需更新服务器上的代码，用户<span style="color: black;">没</span>需下</span><span style="color: black;">载<span style="color: black;">就可</span>享受最新功能</span><span style="color: black;">慢：<span style="color: black;">必须</span><span style="color: black;">经过</span>应用商店进行<span style="color: black;">颁布</span>和更新，更新可能<span style="color: black;">必须</span>用户下载新版本</span><span style="color: black;"><strong style="color: blue;">营销</strong></span><span style="color: black;">较为灵活：<span style="color: black;">能够</span><span style="color: black;">经过</span>网站和社交<span style="color: black;">媒介</span>等<span style="color: black;">途径</span><span style="color: black;">更易</span>地推广</span><span style="color: black;">限制较多：<span style="color: black;">经过</span>应用商店进行推广和分发，但<span style="color: black;">必须</span>遵守商店的政策和指南</span>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;"><strong style="color: blue;">1.1.2 容器<span style="color: black;">方向</span>分层</strong></span></h3><span style="color: black;">以春晚页面为例，从容器的<span style="color: black;">方向</span>，一个H5页面从顶层到底层的层级展示如下图：</span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/MrFJyDNenFicElaGgBVh6JAqm5YJajViblHE8YYZz2743xpCkKRa8M06pOp7xdIw4LhtAlInn4vQUDVKkwALPjpA/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></span></p><span style="color: black;">其中通天塔H5 fragment容器重写了JDHybrid的CommonMFragment，X5WebView容器重写了x5webview，支持<span style="color: black;">自动</span>决定<span style="color: black;">运用</span>系统还是x5。图中<span style="color: black;">触及</span>4方，分别是通天塔团队</span><span style="color: black;">、</span><span style="color: black;">JDHybrid团队、JSSDK和H5<span style="color: black;">详细</span>业务方。其中通天塔团队、JDHybrid团队是原生<span style="color: black;">研发</span>的架构，属于容器侧，JSSDK和H5<span style="color: black;">详细</span>业务方属于H5<span style="color: black;">研发</span>，各自<span style="color: black;">功效</span>可概述如下：</span><span style="color: black;">•JDHybrid：<span style="color: black;">供给</span>环境设备信息、导航栏、页面路由、页面事件、通用JS功能、性能优化</span><span style="color: black;">•通天塔：<span style="color: black;">供给</span>自定义的导航栏的<span style="color: black;">规律</span>，<span style="color: black;">包含</span>UI和JS桥；其他复用webview容器的能力</span><span style="color: black;">•JSSDK：统一API，调用客户端协议；<span style="color: black;">同期</span><span style="color: black;">供给</span>性能<span style="color: black;">反常</span>上报、常用函数等</span><span style="color: black;">•H5前端：接入JSSDK，展示页面内容，实现前端交互等业务<span style="color: black;">规律</span></span>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">1.1.3 <span style="color: black;">详细</span>功能实现</span></strong></span></h3><span style="color: black;"><span style="color: black;">详细</span>功能的实现，<span style="color: black;">常常</span><span style="color: black;">触及</span>多个功能<span style="color: black;">供给</span>方，大体可分两类：</span><span style="color: black;">•<strong style="color: blue;">能力由JDHybrid<span style="color: black;">供给</span>的</strong></span><span style="color: black;">H5<span style="color: black;">经过</span>JSSDK调JDHybrid封装的<span style="color: black;">办法</span>， JDHybrid调<span style="color: black;">自己</span><span style="color: black;">规律</span></span><span style="color: black;">例如：获取设备信息中的uuid</span><span style="color: black;">JDHybrid<span style="color: black;">供给</span>了获取设备<span style="color: black;">基本</span>信息的JS桥，<span style="color: black;">根据</span>约定的规则入参，<span style="color: black;">能够</span><span style="color: black;">就可</span><span style="color: black;">得到</span>uuid等信息。但原生底层API，但<span style="color: black;">再也不</span>对外暴露，而<span style="color: black;">是由于</span>JSSDK统一<span style="color: black;">守护</span>，京东电器的H5代码只<span style="color: black;">必须</span>调用JSSDK<span style="color: black;">就可</span></span><span style="color: black;">•<strong style="color: blue;">能力由其他团队（通天塔或其他组件）<span style="color: black;">供给</span>的</strong></span><span style="color: black;">H5调JS代码，经过webview内核 ，内核调用 JDHybrid封装的统一<span style="color: black;">办法</span>， JDHybrid调通天塔（或其他插件）</span><span style="color: black;">例如：打开<span style="color: black;">位置</span>列表，</span><span style="color: black;"><span style="color: black;">位置</span>列表是<span style="color: black;">位置</span>组件<span style="color: black;">供给</span>的能力，JDHybrid<span style="color: black;">供给</span>了路由<span style="color: black;">办法</span></span><span style="color: black;"><span style="color: black;">能够</span><span style="color: black;">经过</span>测试demo简单判断<span style="color: black;">是不是</span><span style="color: black;">详细</span>业务问题。</span><strong style="color: blue;"><span style="color: black;"><span style="color: black;">【1.2&nbsp;</span>内容数据<span style="color: black;">】</span></span></strong><span style="color: black;">能为多个业务<span style="color: black;">供给</span>同一类功能的应用，被抽象为各个“上游”。营销内容从配置到呈现给用户，<span style="color: black;">必须</span>多重业务<span style="color: black;">规律</span>处理，除本业务服务端进行精细化业务处理，还<span style="color: black;">必须</span>与各个上游进行交互。一个业务整体的功能实现，与各<span style="color: black;">平常</span>上游之间调用的链路如下图所示：</span><span style="color: black;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/MrFJyDNenFicElaGgBVh6JAqm5YJajViblsB0LJt22pYAicA5paMtb62VhWPMYdEg8FVhWcPmQYOR3Qy6CuD4XIqw/640?wx_fmt=jpeg&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></span>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">1.2.1 数据<span style="color: black;">源自</span></span></strong></span></h3><span style="color: black;">商品信息、优惠券、红包和利益点，是一个H5页面<span style="color: black;">平常</span>的元素，其底层<span style="color: black;">源自</span>各不相同：</span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">页面元素</strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">底层<span style="color: black;">源自</span></strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">举例</strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">商品信息</strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">投放商品组</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/MrFJyDNenFicElaGgBVh6JAqm5YJajViblyqgzqicOyxJq6ud3fgmpicAWrZZOYP8j9ndH0NQWM8KoKQ2q2lqwqr6g/640?wx_fmt=jpeg&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">优惠券信息</strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">券中台</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/MrFJyDNenFicElaGgBVh6JAqm5YJajViblEReDUheJnbhg1fZRhdXVMTxjdb4Usx69vRy4EyNicjfgzialTvk6qSIQ/640?wx_fmt=jpeg&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">红包信息</span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">红包中台</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/MrFJyDNenFicElaGgBVh6JAqm5YJajViblPcXticSF7P1czib0zVZiaJcMd7EdZxXFlw6CGpdlRGHxEyicV5qb3e6UIg/640?wx_fmt=jpeg&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">利益点</span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">业务CMS</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/MrFJyDNenFicElaGgBVh6JAqm5YJajVibl54kt3ibmvWx7wbfuXss0zamTEuK7LZJnSdzQdib286Cf8SEMMFceTefA/640?wx_fmt=jpeg&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">1.2.2&nbsp;数据策略</span></strong></p><span style="color: black;"><span style="color: black;">一般</span>，业务方不会与底层数据直接交互，而是<span style="color: black;">经过</span>多个上游，实现数据的千人千面效果，例如：</span><span style="color: black;">•算法：<span style="color: black;">按照</span>业务配置策略，将商品组信息整合之后<span style="color: black;">供给</span>给<span style="color: black;">详细</span>业务</span><span style="color: black;">•UMC：基于用户数据，针对<span style="color: black;">区别</span>人群，制定发放<span style="color: black;">区别</span>权益类型的规则</span><span style="color: black;">•互动工坊：<span style="color: black;">根据</span>活动维度，设置任务和奖品的组合规则</span><span style="color: black;">关于内容数据的验证，测试<span style="color: black;">重要</span>在于所配即所得，<span style="color: black;">区别</span>的用户画像<span style="color: black;">得到</span>的数据要符合业务预期。</span><strong style="color: blue;"><span style="color: black;">2 常用测试手段</span></strong>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><strong style="color: blue;"><span style="color: black;">【2.1 测服务端】</span></strong></h2>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;"><strong style="color: blue;"><span style="color: black;">2.1.1 查看日志</span></strong></h3><span style="color: black;">•<strong style="color: blue;">平台：</strong>泰山-日志管理</span><span style="color: black;">•<strong style="color: blue;">适用场景：</strong><span style="color: black;">触及</span>上下游<span style="color: black;">规律</span>，且<span style="color: black;">不可</span>在前端直接观察</span><span style="color: black;">•<strong style="color: blue;">关注点：</strong></span><span style="color: black;"><span style="color: black;">经过</span><span style="color: black;">重要</span>字，筛选各个应用的信息，验证服务端对上游的入参、上游对服务端的返回<span style="color: black;">是不是</span>符合预期</span>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">2.1.2 特殊场景</span></strong></span></h3><span style="color: black;">•<strong style="color: blue;">平台：</strong>deeptest-mock管理</span><span style="color: black;">•<strong style="color: blue;">适用场景：</strong><span style="color: black;">针对</span><span style="color: black;">有些</span><span style="color: black;">反常</span>场景<span style="color: black;">或</span>边界值，营销活动或素材<span style="color: black;">没</span>法<span style="color: black;">精细</span>满足场景<span style="color: black;">需求</span>，</span><span style="color: black;">•<strong style="color: blue;">关注点：</strong></span><span style="color: black;">可在平台上录入上游接口信息，<span style="color: black;">经过</span>mock上游返回，验证业务服务端的处理<span style="color: black;">规律</span></span>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">2.1.3 JMQ验证</span></strong></span></h3><span style="color: black;">•<strong style="color: blue;">平台：</strong>泰山-JMQ</span><span style="color: black;">•<strong style="color: blue;">适用场景：</strong>应用服务之间<span style="color: black;">经过</span>MQ来通信的场景</span><span style="color: black;">•<strong style="color: blue;">关注点：</strong>开启消费轨迹，验证发送给其他应用服务的MQ信息<span style="color: black;">机会</span><span style="color: black;">是不是</span>准确，内容<span style="color: black;">是不是</span>正确</span>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">2.1.4 缓存<span style="color: black;">查找</span></span></strong></span></h3><span style="color: black;">•<strong style="color: blue;">平台：</strong>泰山-JIMDB</span><span style="color: black;">•<strong style="color: blue;">适用场景：</strong>需求改动到缓存<span style="color: black;">规律</span>，尤其针对<span style="color: black;">长时间</span>互动类</span><span style="color: black;">•<strong style="color: blue;">关注点：</strong>缓存的写入时间<span style="color: black;">是不是</span><span style="color: black;">即时</span>、有效期<span style="color: black;">是不是</span><span style="color: black;">恰当</span>、缓存内容正确性</span>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">2.1.5 直接调用</span></strong></span></h3><span style="color: black;">•<strong style="color: blue;">平台：</strong>deeptest-用例管理</span><span style="color: black;">•<strong style="color: blue;">适用场景：</strong></span><span style="color: black;">前置操作较长（如<span style="color: black;">必须</span>先展示再领取）、<span style="color: black;">要求</span>苛刻（如<span style="color: black;">必须</span>多重身份打标）、阈值较高<span style="color: black;">必须</span>批量操作等</span><span style="color: black;">•<strong style="color: blue;">关注点：</strong>接口返回同入参预期，边界<span style="color: black;">规律</span>正确处理</span>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><strong style="color: blue;"><span style="color: black;">【2.2&nbsp;测前端】</span></strong></h2>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">2.2.1 功能测试</span></strong></span></h3><strong style="color: blue;"><span style="color: black;">功能</span></strong><strong style="color: blue;"><span style="color: black;">验证点</span></strong>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">用户<span style="color: black;">行径</span></span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">点击&nbsp;</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">单次点击：点击事件<span style="color: black;">是不是</span>被响应、多层页面<span style="color: black;">是不是</span>会<span style="color: black;">显现</span>点击穿透多次点击：页面在等待数据返回过程中，后续点击<span style="color: black;">行径</span><span style="color: black;">是不是</span>会<span style="color: black;">显现</span>业务<span style="color: black;">规律</span>错误</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">滑动&nbsp;</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">滑动速度：<span style="color: black;">区别</span>速度滑动，业务功能需保持一致，快速滑动数据加载<span style="color: black;">不可</span>太慢 滑动交互：<span style="color: black;">是不是</span>支持<span style="color: black;">上下</span>横滑、滑动时<span style="color: black;">是不是</span>响应点击操作</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">刷新&nbsp;</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">主动刷新：如下拉刷新、点击按钮刷新，关注页面加载<span style="color: black;">行径</span>与接口请求被动刷新：业务特殊<span style="color: black;">规律</span>，关注触发刷新<span style="color: black;">机会</span>与交互</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">系统交互&nbsp;</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">返回：一级页面返回、二级页面返回，关注返回层级和历史浏览记录 输入：特殊内容、格式、输入面板唤起与<span style="color: black;">隐匿</span> 退前后台：页面<span style="color: black;">行径</span>如倒计时、动画效果、接口请求等<span style="color: black;">是不是</span>被中断</span></p><strong style="color: blue;"><span style="color: black;">多<span style="color: black;">媒介</span><span style="color: black;">关联</span></span></strong>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">照片</span>&nbsp;</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">照片</span>展示放大、还原、切换等操作支持</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">音频和视频&nbsp;</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">区别</span>域名下的资源加载<span style="color: black;">状况</span> 交互体验：播放、停止、退出</span></p><strong style="color: blue;"><span style="color: black;">页面请求</span></strong>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">经过</span>查看、修改HTTP、HTTPS、Websocket的请求、响应，验证前端入参、<span style="color: black;">各样</span>数据展示<span style="color: black;">规律</span><span style="color: black;">是不是</span>符合预期 接口请求 接口返回过程中动画效果 请求<span style="color: black;">机会</span>、接口降级、接口<span style="color: black;">反常</span>前端兜底</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">资源请求&nbsp;</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">请求<span style="color: black;">是不是</span>重复 翻页、分页场景下请求数据正确性</span></p><strong style="color: blue;"><span style="color: black;">登录</span></strong>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">未登录用户路径&nbsp;</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">登录态打通 <span style="color: black;">区别</span>用户身份判定 特殊账号的昵<span style="color: black;">叫作</span>、头像<span style="color: black;">表示</span> <span style="color: black;">运用</span><span style="color: black;">微X</span>或其他站外信息登录</span></p><strong style="color: blue;"><span style="color: black;">弹框</span></strong>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">弹框触发<span style="color: black;">机会</span>&nbsp;</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">弹框</span><span style="color: black;">内容的正确性 弹框的素材、动效 弹框关闭的触发<span style="color: black;">要求</span></span></p><strong style="color: blue;"><span style="color: black;">网络环境</span></strong>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">区别</span>网络环境：WiFi、3G/4G/5G 网络环境切换，用户<span style="color: black;">是不是</span>有感知 弱网<span style="color: black;">要求</span>下用户体验 <span style="color: black;">没</span>网兜底<span style="color: black;">规律</span></span></p><strong style="color: blue;"><span style="color: black;">兜底测试</span></strong>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">针对<span style="color: black;">重要</span>字段，验证“不下发”、下发为空、<span style="color: black;">反常</span>值等验证，用于规避<span style="color: black;">因为</span><span style="color: black;">反常</span>下发<span style="color: black;">引起</span>的“开天窗”、掉楼等用户可感知的问题</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">2.2.2 兼容测试</span></strong></p><span style="color: black;"><strong style="color: blue;">覆盖原则：</strong></span><span style="color: black;">•Android、iOS<span style="color: black;">区别</span>系统</span><span style="color: black;">•兼顾<span style="color: black;">区别</span>屏幕分辨率</span><span style="color: black;">•如<span style="color: black;">触及</span>到站外投放，需<span style="color: black;">思虑</span>到容器版本<span style="color: black;">微X</span>版本兼容，<span style="color: black;">区别</span>原生浏览器</span><span style="color: black;">•系统内核、X5内核</span><span style="color: black;"><strong style="color: blue;">平台：</strong></span><span style="color: black;">当前已有<span style="color: black;">有些</span>自动化手段，如Airtest、活动自动化测试等以插件形式集成在赛博云测平台</span>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">2.2.3 埋点测试</span></strong></span></h3><span style="color: black;">关注点：埋点事件名<span style="color: black;">叫作</span>、上报<span style="color: black;">机会</span>、<span style="color: black;">重要</span>字段<span style="color: black;">是不是</span>与埋点<span style="color: black;">方法</span>一致</span><span style="color: black;">平台：track</span>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">2.2.4 与原生架构结合</span></strong></span></h3>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">功能</strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">验证点</strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">APP版本</strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">必须</span>关注组件/框架支持的最低版本，进行版本<span style="color: black;">掌控</span>，边界测试 ·<span style="color: black;">必须</span>区分原生客户端，iOS、Android、鸿蒙进行功能验证</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">容错手段</strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">APP改动<span style="color: black;">必须</span>重新<span style="color: black;">颁布</span>，<span style="color: black;">已然</span>发版则<span style="color: black;">没</span>法<span style="color: black;">运用</span>，<span style="color: black;">因此</span>要<span style="color: black;">重视</span>验证功能开关的<span style="color: black;">规律</span>、配置 ·完善降级方式，如<span style="color: black;">按照</span>URL参数降级某些功能</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">内核兼容</strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">系统内核：此处可简单理解为浏览器内核，<span style="color: black;">亦</span><span style="color: black;">叫作</span>渲染引擎<span style="color: black;">或</span>排版引擎，<span style="color: black;">重点</span>对网页的语法进行解释，并且进行渲染网页，将网页的代码转换为看得到的页面，当前主流厂商多<span style="color: black;">运用</span>Chromium。·X5内核：最初<span style="color: black;">是由于</span>腾讯基于开源Webkit深度优化而来。基于X5内核，腾讯<span style="color: black;">供给</span>的TBS服务，整合腾讯底层浏览技术和腾讯平台资源及能力，<span style="color: black;">供给</span>整体浏览服务<span style="color: black;">处理</span><span style="color: black;">方法</span>。<span style="color: black;">因此呢</span>京东APP内，会在APP安装好之后，下载X5内核，供H5<span style="color: black;">运用</span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">重视</span>：</strong></p><span style="color: black;">1.X5内核<span style="color: black;">必须</span>为京东APP开启存储权限，才会下载</span><span style="color: black;">2.X5内核下载好之后，需重启APP才<span style="color: black;">能够</span><span style="color: black;">运用</span></span><span style="color: black;">3.快速定位问题<span style="color: black;">办法</span>：<span style="color: black;">运用</span>手机自带浏览器，<span style="color: black;">拜访</span>H5页面，<span style="color: black;">倘若</span>和APP内表现不一致，可缩小问题范围</span>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">【2.3 线上<span style="color: black;">跟踪</span>】</span></strong></span></h2><span style="color: black;">需求上线之后，还<span style="color: black;">必须</span>在真实用户场景下，对需求的功能、性能和体验进行监控、分析和验证。当前<span style="color: black;">机构</span>已有的<span style="color: black;">跟踪</span>平台和手段<span style="color: black;">摆设</span>如下：</span>

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">平台</strong></span></p>
    <span style="color: black;"><strong style="color: blue;">关注点</strong></span>


    <span style="color: black;"><strong style="color: blue;">用户之声</strong></span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">真</span><span style="color: black;">实用户反馈，侧重用</span><span style="color: black;">户体验</span></p>


    <span style="color: black;"><strong style="color: blue;">行云-接口监控</strong></span>
    <span style="color: black;">监控接口的业务<span style="color: black;">规律</span>处理，侧重业务服务的连通性、可用性</span>


    <span style="color: black;"><strong style="color: blue;">泰山-雷达大屏</strong></span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">能够</span>全局视角观察系统</span><span style="color: black;">服务健康状态，侧重全链路服务性能</span></p>


    <span style="color: black;"><strong style="color: blue;">UIπ-啄木鸟</strong></span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">检测H5活动页各类问题，侧重前端展示</span></p>


    <span style="color: black;"><strong style="color: blue;">烛龙</strong></span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">可<span style="color: black;">供给</span>多维度的用户<span style="color: black;">行径</span>信息，对排查用户问题有助益</span></p>

    <strong style="color: blue;"><span style="color: black;">3 针对京东现有H5常用架构和实现<span style="color: black;">方法</span>的测试</span></strong>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><strong style="color: blue;"><span style="color: black;">【3.1 <span style="color: black;">颁布</span>】</span></strong></h2>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;"><strong style="color: blue;"><span style="color: black;">3.1.1 ihub</span></strong></h3><span style="color: black;">大前端共建平台，基于iPaaS标准建设，面向<span style="color: black;">研发</span>者<span style="color: black;">供给</span><span style="color: black;">包括</span>h5、iOS、安卓等端的跨端楼层<span style="color: black;">研发</span>管理能力。赋能<span style="color: black;">研发</span>者跨业务线、跨系统（符合iPaaS标准）的<span style="color: black;">研发</span>内容复用、检索及二次<span style="color: black;">研发</span>等功能</span><span style="color: black;"><strong style="color: blue;">验证点：</strong></span><span style="color: black;">•位置：楼层<span style="color: black;">位置于</span>首屏，非首屏等，验证<span style="color: black;">是不是</span>有<span style="color: black;">反常</span>，<span style="color: black;">例如</span>数据加载，楼层渲染等</span><span style="color: black;">•数量：一个页面中<span style="color: black;">是不是</span><span style="color: black;">运用</span>了多个共建模板，<span style="color: black;">是不是</span>有冲突</span><span style="color: black;">•共存：共建模板与通天塔的自有模板共存时<span style="color: black;">是不是</span>有<span style="color: black;">反常</span></span><span style="color: black;">•联动：共建模板<span style="color: black;">相关</span>锚点导航</span><span style="color: black;">当前<span style="color: black;">已然</span>沉淀出针对大促会场的自动化测试<span style="color: black;">办法</span></span>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;"><strong style="color: blue;"><span style="color: black;">3.1.2 通天塔可视化平台</span></strong></h3><span style="color: black;">是活动/频道页面可视化搭建平台，支持一次搭建输出H5、原生、PC等多端页面，供产研、采销运营、商家等用户免费<span style="color: black;">运用</span></span><span style="color: black;">验证点：可视化配置、服务端<span style="color: black;">保留</span>与下发、前端展示正常，关注新增功能点对老功能的兼容</span>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><strong style="color: blue;"><span style="color: black;">【3.2 性能优化】</span></strong></h2><span style="color: black;">用户能够正常<span style="color: black;">拜访</span>页面，页面的内容<span style="color: black;">才可</span>产生价值，最大程度减少页面的加载时间，<span style="color: black;">从而</span>降低跳失率，就<span style="color: black;">显出</span>尤为<span style="color: black;">要紧</span>。当前<span style="color: black;">机构</span>内部已有<span style="color: black;">有些</span>较为成熟的性能优化<span style="color: black;">工具</span>，会<span style="color: black;">触及</span>到<span style="color: black;">工具</span>接入和效果的测<span style="color: black;">实验</span>证工作。</span>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;"><strong style="color: blue;"><span style="color: black;">3.2.1 页面加载过程</span></strong></h3><span style="color: black;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/MrFJyDNenFicElaGgBVh6JAqm5YJajViblOxvjstEcKhZcDnUEZvq96ibgcxA9Py5m3KK8977iamqP8n0K8lWxJB3g/640?wx_fmt=jpeg&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></span><span style="color: black;">一个H5页面的加载过程可简单归纳为以上几个<span style="color: black;">过程</span>，性能优化手段，<span style="color: black;">重点</span>是从提前请求<span style="color: black;">机会</span>、减少资源请求等方面入手。</span>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;"><strong style="color: blue;"><span style="color: black;">3.2.2 现有优化手段</span></strong></h3><span style="color: black;"><strong style="color: blue;">验证原则：</strong>接入生效、接入后对业务<span style="color: black;">规律</span><span style="color: black;">没</span>影响。</span><strong style="color: blue;"><span style="color: black;">3.2.2.1 JDHybrid离线包</span></strong><span style="color: black;"><strong style="color: blue;">原理：</strong></span><span style="color: black;">把首屏的<span style="color: black;">有些</span>静态资源(如img、js、css、html等)打包提前加载到本地磁盘，当加载页面时直接从本地磁盘（或内存）获取资源加载</span><span style="color: black;"><strong style="color: blue;">验证<span style="color: black;">办法</span>：</strong></span><span style="color: black;">1）日志：借助JDHybrid团队<span style="color: black;">供给</span>的测试<span style="color: black;">工具</span>（Xconsole、xdog等），确认对应资源<span style="color: black;">运用</span>离线资源</span><span style="color: black;">2）抓包：H5在<span style="color: black;">运用</span>该资源时，不发起网络请求</span><span style="color: black;">3）hybrid快速验证<span style="color: black;">工具</span>：</span><span style="color: black;"><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;"></span><strong style="color: blue;"><span style="color: black;">运用</span>业务：</strong><span style="color: black;">通天塔会场、跨晚、春晚等</span><strong style="color: blue;"><span style="color: black;">3.2.2.2 通天塔-数据直出</span></strong><span style="color: black;"><strong style="color: blue;">原理：</strong>前端直接从HTML中获取展示数据， <span style="color: black;">没</span>需发起首屏接口请求。</span><span style="color: black;"><strong style="color: blue;">验证<span style="color: black;">办法</span></strong>：抓包观察，接入的楼层不发起网络请求</span><span style="color: black;"><strong style="color: blue;"><span style="color: black;">运用</span>业务：</strong>部分通天塔会场、领券中心等</span><strong style="color: blue;"><span style="color: black;">3.2.2.3 通天塔-SSR</span></strong><span style="color: black;"><strong style="color: blue;">原理：</strong>服务端渲染网页内容，并且将渲染后的HTML发送给浏览器，浏览器直接<span style="color: black;">表示</span>。数据直出和SSR区别在于直接加载一<span style="color: black;">全部</span>html，还是先页面、 后楼层<span style="color: black;">次序</span>的加载页面片。</span><span style="color: black;"><strong style="color: blue;">验证<span style="color: black;">办法</span>：</strong>禁用JS，页面仍可加载</span><span style="color: black;"><strong style="color: blue;"><span style="color: black;">运用</span>业务：</strong>百亿<span style="color: black;">补助</span>、便宜包邮等</span><strong style="color: blue;"><span style="color: black;">3.2.3 优化效果验证</span></strong><strong style="color: blue;"><span style="color: black;">3.2.3.1 同业比对性能测试<span style="color: black;">工具</span></span></strong><span style="color: black;">录制用户操作流程，<span style="color: black;">经过</span>自动化拆帧的方式，从用户视角对场景进行耗时采集和分析。<span style="color: black;">掌控</span>变量的<span style="color: black;">状况</span>下可与竞品进行性能对比与分析</span><strong style="color: blue;"><span style="color: black;">3.2.3.2 烛龙</span></strong><span style="color: black;"><span style="color: black;">经过</span>侵入式埋点方式，实现了对APP应用的全方位监控，实时采集用户的性能<span style="color: black;">反常</span>数据，快速<span style="color: black;">精细</span>定位问题，<span style="color: black;">发掘</span>性能瓶颈，减少用户流失，<span style="color: black;">提高</span>用户体验</span>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">【3.3 风控】</span></strong></span></h2><span style="color: black;">H5常用的风控手段，集中在反爬和用户身份两大方向，验证的关注点在于“接入的正确性”和“策略的有效性”。</span>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">3.3.1 价格反爬接口三件套</span></strong></span></h3><span style="color: black;">•<strong style="color: blue;">神盾处置</strong></span><span style="color: black;">验证点：</span><span style="color: black;">登录加黑白名单，请求接口，可触发处置，网关返回605</span><span style="color: black;">在处置页放弃验证，可返回上一页，<span style="color: black;">不可</span>循环进入处置页面</span><span style="color: black;">在处置页成功验证，处置页面消失，H5页面重新加载</span><span style="color: black;">•<strong style="color: blue;">神盾接口加固</strong></span><span style="color: black;">验证点：</span><span style="color: black;">入参的h5st正常，验签面板返回结果200，soa接口正常下发数据，前台页面正常展示</span><span style="color: black;">mock入参中<span style="color: black;">反常</span>，验签面板返回非200，soa接口在网关侧拦截（下发403<span style="color: black;">或</span>mock数据），前台页面走业务兜底<span style="color: black;">规律</span></span><span style="color: black;">•<strong style="color: blue;">设备指纹</strong></span><span style="color: black;">验证点：body中传参正确<span style="color: black;">就可</span></span>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">3.3.2 RCS风控</span></strong></span></h3><span style="color: black;">验证点：<span style="color: black;">按照</span><span style="color: black;">区别</span>画像人群的配置策略，验证对应pin触发业务处理<span style="color: black;">规律</span><span style="color: black;">是不是</span>符合预期</span><strong style="color: blue;"><span style="color: black;">4 痛点和不足</span></strong>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">1. 组件测试</span></strong></span></h2><span style="color: black;">组件的代码改动偏底层，测试过程相对黑盒，划定测试范围时，<span style="color: black;">常常</span>只能是重复性回归，<span style="color: black;">由于</span>更加底层的<span style="color: black;">规律</span>测不到，如场景<span style="color: black;">没</span>法创造等。<span style="color: black;">怎样</span><span style="color: black;">加强</span>可测性、<span style="color: black;">增多</span>测试<span style="color: black;">精细</span>性，是<span style="color: black;">必须</span>进一步<span style="color: black;">处理</span>的问题。</span>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">2. 兼容测试</span></strong></span></h2><span style="color: black;">当前设备机型较多，落实到兼容测试，其实是单一<span style="color: black;">行径</span>的重复，靠人工执行耗时长，且覆盖范围有限。但当前缺乏<span style="color: black;">靠谱</span>的自动化<span style="color: black;">工具</span>，<span style="color: black;">能够</span>替代兼容验证，<span style="color: black;">同期</span>降低脚本的<span style="color: black;">守护</span>成本。</span>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">3. 测试素材</span></strong></span></h2><span style="color: black;"><span style="color: black;">触及</span>到权益<span style="color: black;">关联</span>的需求，依赖真实素材，可能会阻碍测试进度。<span style="color: black;">经过</span>mock的方式前提是有一方作<span style="color: black;">保准</span>，或内容已验证，<span style="color: black;">危害</span><span style="color: black;">很强</span>。</span>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">4. 兜底测试</span></strong></span></h2><span style="color: black;">大型互动中，调用接口较多，且交互<span style="color: black;">繁杂</span>，但对健壮性<span style="color: black;">需求</span>较高，兜底工作量<span style="color: black;">很强</span>。当前的兜底自动化<span style="color: black;">工具</span>，还<span style="color: black;">必须</span>丰富支持的场景。</span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">- &nbsp; &nbsp;</span><strong style="color: blue;">END</strong><span style="color: black;">&nbsp; &nbsp; -</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;"></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;"></p>

after6266 发表于 2024-8-31 19:42:57

你的见解独到，让我受益匪浅，非常感谢。

杂家小谈 发表于 2024-9-8 13:32:05

你字句如珍珠，我珍藏这份情。

1fy07h 发表于 2024-11-8 19:09:03

seo常来的论坛，希望我的网站快点收录。

查看完整版本: 京东零售营销H5测试综述