Javascript脚本文件加载后，通过DOM API和CSSOM API来操作DOM Tree和CSS Rule Tree。浏览器渲染 浏览器引擎通过CSS Rule Tree构建Rendering Tree（渲染树）。布局阶段：在屏幕上绘制渲染树中所有节点的几何属性，如位置，宽高和大小等，该...
Javascript脚本文件加载后，通过DOM API和CSSOM API来操作DOM Tree和CSS Rule Tree。浏览器渲染 浏览器引擎通过CSS Rule Tree构建Rendering Tree（渲染树）。布局阶段：在屏幕上绘制渲染树中所有节点的几何属性，如位置，宽高和大小等，该...
通用组件类WVUI的JSAPI提供显示加载提示框、隐藏加载提示框、隐藏软键盘等相关能力。WVUI.showLoadingBox 显示一个加载提示框。iOS 效果 Android 效果 输入参数 无输入参数。回调参数 无回调参数，如果成功显示加载提示框，则进入 success ...
Load 页面完全加载时间 loadEventStart-fetchStart Load=首次渲染时间+DOM解析耗时+同步JS执行+资源加载耗时。FirstByte 首包时间 responseStart-domainLookupStart 第一包接收的时间。表 2.区间段耗时字段含义 上报字段 描述 计算公式 ...
Load 页面完全加载时间 loadEventStart-fetchStart Load=首次渲染时间+DOM解析耗时+同步JS执行+资源加载耗时。FirstByte 首包时间 responseStart-domainLookupStart 第一包接收的时间。表 2.区间段耗时字段含义 上报字段 描述 计算公式 ...
获取js失败 问题描述 本地调试组件时，弹出 获取/127.0.0.1:8001/main.js 失败 的错误提示。解决方案 检查是否已经运行 npm run start。检查本地端口是否正确。检查是否是 HTTPS证书问题。HTTPS证书问题 问题描述 本地调试组件时，弹出 ...
错误上报 打开 错误上报 开关，表示允许SDK上报JS错误和资源加载错误。上报资源性能数据 打开 上报资源性能数据 开关，表示允许SDK上报资源性能数据（js、css、image、audio、video）。上报请求数据 打开 上报请求数据 开关，表示允许SDK...
前端监控 用ARMS前端监控诊断页面缓慢问题 用ARMS前端监控诊断JS错误 诊断网页加载过慢的问题 与可观测链路 OpenTelemetry 版前后端打通 其他更多操作请参见 前端监控最佳实践。用户体验监控 用户体验监控关联Trace 其他更多操作请参见 ...
JS错误概览 JS错误概览 仪表盘展示JS错误的详细信息，包括JS错误数、JS错误率、JS错误影响用户数等。API请求概览 API请求概览 仪表盘展示API请求的详细信息，包括请求总数、成功请求总数、失败请求总数、缓慢次数等。资源访问概览 资源访问...
此功能根据用户名称或用户ID实现全链路追踪，复现用户访问的行为轨迹，包括页面加载、接口请求、JS错误和用户操作等，帮助有效定位和分析出错原因。功能入口 登录 ARMS控制台。在左侧导航栏选择 前端监控>前端列表，然后单击目标应用名称。...
H5 性能 对 H5 页面性能进行监控和分析，覆盖 H5 页面的浏览量（PV）、用户量（UV）、页面加载时长、慢加载占比和 JS 错误数。崩溃分析 监控 App 的闪退、卡死、卡顿等崩溃类事件，并及时上报 App 对应的内存堆栈信息，方便定位问题。监控...
使用 mPaaS 提供的 Nebula 容器加载 H5 页面时，Nebula 容器会自动统计页面的行为数据、加载性能，捕获异常报错等数据，方便您更好地跟踪 H5 页面加载时的各项数据。本文将引导您集成 Nebula 容器自动化埋点能力及查看埋点数据。前置条件 ...
为了 防止加载外部页面滥用 App 信息，建议在打开 URL 时以及使用 JSAPI 时对 URL 进行校验，确保是 App 业务内的 URL 才能进行加载打开或限制 URL 的 JSAPI 调用范围和权限，以防因为未鉴权造成问题。具体鉴权方法请参考以下文档：设置 JS...
提供开箱即用的仪表盘，用于分析用户访问行为（PV、UV、地域、设备、习惯、交互等）、页面性能（白屏时间、页面完全加载时间等）、API请求（调用的返回值、耗时、成功率等）、资源加载（加载耗时、成功请求数、资源错误数等）、JS错误...
完全加载用时：浏览器加载完整个页面及其所有相关资源（例如图片、样式表等）的时间，但不包括一些异步资源和延迟加载资源。整体用时：页面全部资源加载完成的时间，包括异步资源和延迟加载的资源等。拨测次数：从当前地域发起的总拨测次数...
为了 防止加载外部页面滥用 App 信息建议在打开 URL 时以及使用 JSAPI 时对 URL 进行校验，确保是 App 业务内的 URL 才能进行加载打开或限制 URL 的 JSAPI 调用范围和权限，以防因为未鉴权造成问题。具体鉴权方法请参考以下文档：设置 JS...
慢会话追踪功能可提供页面加载过程中静态资源加载的性能瀑布图，帮助您根据页面性能数据详细了解页面资源加载情况，并快速定位性能瓶颈。前提条件 重要 静态资源加载信息的上报是在页面加载时触发的，上报信息量较大。加载耗时大于8秒时会...
代码示例 显示/隐藏全局
加载框：点击以下按钮看不同效果</h1><p>注意安卓下显示 loading 后，会覆盖整个界面，所以请使用系统回退键关闭 loading</p><a href="
javascript:void(0)"class="btn show">显示 loading</a><a href="
javascript:...
如何查看当前应用已注册的所有 JSAPI 和 Plugins 解答：打开一个 H5 页面，进入 Xcode View 层级页面，在 lldb 控制台使用 po[[PSDService sharedInstance]jsApis]查看所有 JSAPI。同理使用 po[[PSDService sharedInstance]plugins]查看...
性能分析的功能分类如下：JS异常 API请求监控 用户感知 加载性能 慢加载 白屏监控 数字体验的功能分类如下：性能评分 用户追踪 告警监控的功能分类如下：告警列表 监测告警 配置管理的功能分类如下：开关与采样配置 JS异常 概述 此模块支持...
src/common 用以放置项目中使用的 CSS、JS、IMG 文件。src/layout 对应./src/pages/${pageName} 的各个页面，可以在 package.json 中配置对应页面使用的 HTML 模板路径。支持 Nunjucks 语法。src/pages 此目录用于存放各个页面。页面存放于...
spin-icon-indicator 自定义加载图标外层样式 amd-loading-spin-icon-small 加载图标样式 amd-loading-spin-icon-medium 加载图标样式 amd-loading-spin-icon-large 加载图标样式 amd-loading-spin-icon-x-large 加载图标样式 amd-loading-...
因为 H5 App 是在 mPaaS 容器中加载的，所以需要界定这类问题是否与容器相关。处理方法 iOS 平台 当前mPaaS iOS平台上的容器是基于WKWebView实现的（60 基线之后，并配置启用 WKWebView），可以通过如下方法确认前端问题是否与容器相关：...
代码示例 显示/隐藏全局
加载框：点击下面按钮查看效果</h1><a href="
javascript:void(0)"class="btn show">显示 loading</a><a href="
javascript:void(0)"class="btn hide">隐藏 loading</a><script>function ready(callback){/如果 ...
代码示例 显示/隐藏全局
加载框：点击下面按钮查看效果</h1><a href="
javascript:void(0)"class="btn show">显示 loading</a><a href="
javascript:void(0)"class="btn hide">隐藏 loading</a><script>function ready(callback){/如果 ...
用户访问业务时，整个访问过程大致可以分为三个阶段：页面生产时（Server端状态）、页面加载时和页面运行时。为了保证线上业务稳定运行，应用上线前通常会在Server端对业务的运行状态进行各种监控。现有的Server端监控系统相对已经很成熟了...
Web&H5监控主要面向浏览器页面和移动端H5页面性能采集，提供包括页面访问、资源加载、API请求调用、JS错误等性能数据的采集、分析能力，支持单用户会话追踪，还原真实用户操作场景，采集问题堆栈及上下文信息，快速追溯问题根源，帮助研发...
小程序监控主要面向如钉钉、微信等超级App中的小程序应用，提供包括页面访问、资源加载、API请求调用、JS错误等性能数据的采集、分析能力，支持单用户会话追踪，还原真实用户操作场景，采集问题堆栈及上下文信息，快速追溯问题根源，帮助...
控制台发布新版本离线包后，客户端不能正常加载到新的离线包 解答：在查看此问题解决方案前，确认您已理解 离线包更新原理，客户端不能正常加载新包，离线包渲染在任一阶段都有可能出错，下面将一一进行排查。查看全量更新离线包的 RPC ...
如果 页面加载详情 区域的页面完全加载时间偏高，或 页面加载瀑布图 区域的DOM解析和资源加载耗时偏高，表示页面打开缓慢的原因可能是前端资源加载缓慢，那么您需要执行 步骤5 进行排查。在左侧导航栏选择 应用>API详情。在 API请求列表 页...
若您最终访问的页面是单独加载生成的js、css资源的话，无需配置 publicPath。如果是直接使用index.html则请参考下面的例子，根据您实际情况进行配置。展开查看示例代码 import fs from 'fs';import path from 'path';const packagejson=fs....
若您最终访问的页面是单独加载生成的js、css资源的话，无需配置 publicPath。如果是直接使用index.html则请参考下面的例子，根据您实际情况进行配置。展开查看示例代码 import fs from 'fs';import path from 'path';const packagejson=fs....
若您最终访问的页面是单独加载生成的js、css资源的话，无需配置 publicPath。如果是直接使用index.html则请参考下面的例子，根据您实际情况进行配置。展开查看示例代码 import fs from 'fs';import path from 'path';const packagejson=fs....
若您最终访问的页面是单独加载生成的js、css资源的话，无需配置 publicPath。如果是直接使用index.html则请参考下面的例子，根据您实际情况进行配置。展开查看示例代码 import fs from 'fs';import path from 'path';const packagejson=fs....
自定义 JSAPI 时，handleEvent 和 interceptEvent 有什么区别？解答：如果监听容器自己处理的事件，需要将自定义 JSAPI 添加到 handleEvent 里，并返回 true。返回 true，表示事件将停止传递；返回 false，表示事件将继续传递给其他插件。...
错误描述 H5 应用无法正常显示，可能是部分加载或完全白屏状态。在开发过程中，H5 应用可能需要引用众多的页面资源。如果是通过 HTTP 协议引用的资源，在 iOS 平台上通过离线包打开时则可能存在无法加载的情况。H5 容器打开离线包时，实际...
重要 JS-SDK V1.1.10及以上版本支持此功能。仅PC端支持此功能。语法 表达式.ActiveDocument.ActiveWindow.ActivePane.Pages 表达式：文档类型应用对象 示例 async function example(){ await instance.ready();const app=instance....
ARMS前端监控专注于对Web场景、Weex场景和小程序场景的监控，从页面打开速度（测速）、页面稳定性（JS诊断错误）和外部服务调用成功率（API）这三个方面监测Web和小程序页面的健康度。前置概念 阅读本文前，您可能需要了解如下概念：什么是...
自定义 JSAPI 时，interceptEvent 和 handleEvent 有什么区别？解答：如果您要监听容器的其他事件，写在 interceptEvent 里；如果事件只是您自己处理的，写在 handleEvent 里，返回 true 就行。如果返回 true，事件将停止传递，如果返回 ...
此外，请检查构建时是否删除和重命名了资源文件-20201 AlicomC4ErrorCodeTimeout 加载超时-20210 AlicomC4ErrorCodeEvaluatingJavascriptFail 执行JavaScript脚本失败-20211 AlicomC4ErrorCodeJavascriptError JavaScript返回错误-20290 ...