开通了静态网站托管，index.html可以访问，但是css/...
问题描述 开通了静态网站托管，index.html可以访问，但是css/xxx.css不起效果（本地没问题），什么原因？解决方案 排查步骤:1.优先看网络请求有没有报错项 2.找一下这个css文件有没有请求下来 经排查css中有@charset"UTF-8"导致的,去掉就...
DataV自定义组件性能优化
当条件语句特别多时：使用的优先级为，查找表>switch>if-else 加速代码解析编译速度-函数优化：函数在定义期间，只会被“预解析”，只有被调用时才会进行“解析”编译。如果函数需要被立即执行，那么对其进行“预解析”就是资源浪费。因此...
配置H5构建流水线
配置用于H5应用构建的流水线。操作说明 打开流水线编辑界面，具体操作参见 打开流水线编辑界面。单击 构建 阶段的区域框，打开 阶段配置 右侧栏。在 阶段配置 右侧栏，配置相关信息。选项 说明 阶段名称 设置本阶段的名称。超时时间（分钟...
生成 H5 离线包
生成一个离线包主要分为以下两步：构建前端.zip 包 在线生成.amr 包 构建前端.zip 包 根据离线包使用的场景不同，配置路径分为以下两种：全局资源包 普通资源包 说明 在同一个 H5 离线包中，全局资源包与普通资源包不可共存。离线包 ID（即...
样式语法
上文示例 动态绑定 class 组件的 CSS 样式，可以动态绑定不同的选择器（selector）。媒体查询@media 模板模式中引入 CSS 规范内的媒体查询能力，主要用于处理移动端 UI 适配相关工作。相对于 ...
H5自定义错误UI
相关联的CSS如下表所示。Class名称 说明.prism-ErrorMessage 最外层容器的Class。prism-error-content 错误消息显示区域。prism-error-operation 处理动作显示区域。prism-detect-info 其它信息显示区域。比如uuid、requestId等，主要是...
功能点示例
CSS Modules CSS Modules 指的是我们像 JS 模块一样去引入我们的 CSS 代码,代码中的每一个类名都是引入对象的一个属性,编译时会将 CSS 类名加上唯一 hash 值。如果你的自定义组件需要支持低版本浏览器,推荐使用 CSS Modules 隔离样式.在...
Linux系统云虚拟主机通过网站后台上传文件异常
问题描述 使用Linux系统云虚拟主机上传网站程序之后，访问网站发现页面排版有问题，本文以织梦CMS程序为例进行介绍，如下图所示，CSS样式文件加载失败，部分图片不显示。问题原因 加载的CSS文件和图片在上传过程中损坏，或者上传的文件本身...
逻辑渲染
当 v-show 结果为 true 时，相当于给该节点的 CSS 样式增加一个 display:flex。当 v-show 结果为 false 时，相当于给该节点的 CSS 样式增加一个 display:none。(exist4)"></div>v-if v-if 指令用于条件性地渲染一块内容。这块内容只会在...
使用UIWebView在iOS App中接入HTML5滑块验证
随着混合模式移动应用（Hybrid App）开发技术的日益成熟，您可以通过在App业务中启用WebView组件的方式直接接入移动端HTML5业务类型的滑动验证组件，实现App业务中的人机对抗。用户只需通过类似滑动解锁的方式来实现验证码，对正常用户来说...
页面优化
在某些特殊情况下，开启页面优化功能，改写网站页面中的HTML文件、CSS文件、JS文件可能会影响到网站的业务逻辑，客户端访问改写以后的网站页面可能会出现类似 Hydration completed but contains mismatches.这样的报错，这个时候关闭页面...
使用WKWebView在iOS App中接入验证码2.0（Swift）
随着混合模式移动应用（Hybrid App）开发技术的日益成熟，您可以通过在App业务中启用WKWebView组件的方式，直接接入移动端HTML5业务类型的阿里云验证码2.0，实现App业务中的人机对抗。本文介绍如何在iOS App中接入 验证码2.0。背景信息 ...
在Android App中接入HTML5滑块验证
} 步骤 3：在HTML5页面对应的服务端集成滑动验证服务端SDK 在HTML5业务页面对应的服务端中，集成滑动验证提供的服务端功能SDK。关于HTML5页面的前端接入代码集成方式，请参见滑动验证服务端代码集成。示例效果 完成上述步骤后，您的Andriod...
使用WKWebView在IOS App中接入滑动验证（Swift）
function(data){/调用WkScriptMessageHandler协议实现的JavaScript方法获取参数sessionID及sig window.console&console.log(data.sessionId)window....HTML5页面对应的服务端集成滑动验证服务端SDK 在HTML5业务页面对应的服务端中...
使用WKWebView在iOS App中接入滑动验证（OC）
function(data){/调用WkScriptMessageHandler协议实现的JavaScript方法获取参数sessionID及sig window.console&console.log(data.sessionId)window....HTML5页面对应的服务端集成滑动验证服务端SDK 在HTML5业务页面对应的服务端中...
使用WebView在Android App中接入验证码2.0
随着混合模式移动应用（Hybrid App）开发技术的日益成熟，您可以通过在App业务中启用WebView组件的方式，直接接入移动端HTML5业务类型的阿里云验证码2.0，实现App业务中的人机对抗。本文介绍如何在Android App中接入 验证码2.0。背景信息 ...
页面优化
开启页面优化功能，CDN 进行页面优化时，会改变文件的MD5值，导致优化后文件的MD5值和源站文件的MD5值不一致。如果源站开启了Gzip压缩或Brotli压缩，CDN 的页面优化功能将会失效，CDN 会将源站压缩后的文件透传给客户端。在不关闭源站的...
可视化编排页面
表单（输入组件）：拖拽上传、表单容器、文本输入框、下拉单选、下拉多选、数字输入框、数字范围、开关、日期、时间选择、日期范围、单选、多选、平铺明细、表格明细、文件上传、富文本输入框、级联单选、评分、级联多选、滑块、标签。...
text
属性名 类型 默认值 描述 最低版本 selectable Boolean false 是否可选-space String-显示连续空格-decode Boolean false 是否解码-number-of-lines number-多行省略，值须大于等于 1，表现同 CSS 的-webkit-line-clamp 属性一致。...
设备环境探测
本文介绍设备环境探测类WVNativeDetector相关的JS API，供您在通过跨平台DevOps创建H5端应用或者小程序时参考。设备环境探测类WVNativeDetector的JS API提供获取设备相关信息的能力，例如设备型号、CPU和内存使用率。WVNativeDetector....
配置skinLayout属性
播放按钮 Loading动画 Controlbar的UI 您可以通过配置播放器的CSS文件：aliplayer-min.css，修改skinLayout属性。配置方式，请参见 设置播放器皮肤。skinLayout设置规则 skinLayout属性未设置，则默认显示全部。skinLayout设置为空集合（[]...
启用网站HTML静态化介绍
3Q：静态化后的地址是没有含义的字符，可以自定义页面的链接地址吗？A：可以。可在支持自定义地址的页面中进行设置，文章、产品可以在对应的文章产品编辑弹窗进行设置；4Q：开启html静态化后，jsp的链接还可以访问，会有什么影响吗？A：...
配置skinLayout属性
播放按钮 Loading动画 Controlbar的UI 您可以通过配置播放器的CSS文件：aliplayer-min.css，修改skinLayout属性。配置方式，请参见 设置播放器皮肤。skinLayout设置规则 skinLayout属性未设置，则默认显示全部。skinLayout设置为空集合（[]...
集成插件
CSS 样式请在项目的 app.acss 中说明。需要覆盖的 CSS.screen { position:relative;background:rgba(31,33,41,0.95);}.screen.full { height:100vh;}.screen.full.content { height:100vh;}.screen.flex { height:100%;}.screen.flex....
icon
loading(1.7.2)size Number 23 icon 大小，单位 px-color Color-icon 颜色，同 CSS 的 color-图示 代码示例<block a:for = "{{iconType}}" ><view class="item"><icon type = "{{item}}" aria-label = "{{item}}" size = "45" /><text>{{item}}</text></...
配置重写
操作样例 样例 待重写URI 目标URI 执行规则 结果说明 样例一/hello/index.html Redirect 客户端请求 http://example.com/hello ，SCDN节点将返回302让客户端重新请求 http://example.com/index.html 的内容。样例二^/hello$/index.html ...
浏览器兼容性和已知问题
Webkit issue&Webkit issue iOS15.x和16.x播放视频时有概率黑屏，建议减少对video元素及其父元素的css修改。Webkit issue iOS15.x使用蓝牙耳机播放音频时有概率失真，建议增加提示使用用户蓝牙耳机可能会出现问题，或升级系统版本。Webkit ...
接入视频剪辑Web SDK
4.8.6 数据结构说明：PlayerAspectRatio enum PlayerAspectRatio { w1h1='1:1',w2h1='2:1',w4h3='4:3',w3h4='3:4',w9h16='9:16',w16h9='16:9',w21h9='21:9',} VoiceConfig interface VoiceConfig { volume:number;音量，取值0~100，默认值...
其它特性
本文介绍其它特性的JSAPI，供您在通过跨平台DevOps创建H5端应用或者小程序时参考。页面加载完毕事件WindVaneReady 当页面加载完毕后，WindVane会引发WindVaneReady事件，页面可以监听这一事件，获取页面加载状态。页面刷新、页面历史记录回...
获取网页元素的HTML代码
2.输入项 说明 请参照可视化编辑器内组件面板中各输入项的帮助信息 3.输出项 说明 请参照可视化编辑器内组件面板中各输出项的帮助信息 4.组件使用示例 4.1.组件配置示例 在 已打开的浏览器对象 中，选择前置组件（打开新网页 或 获取已打开...
使用 SDK（版本＝10.1.32）
本文将向您介绍 10.1.32 基线下 H5 容器 SDK 的使用。重要：自 2020 年 6 月 28 日起，mPaaS 停止维护 10.1.32 基线。请参考 使用 SDK（版本≥10.1.60）使用 10.1.60 或 10.1.68 基线。tick { font-size:15px;color:#7ab55c;}.cross { font...
快速开始
本文介绍如何将 H5 容器和离线包组件接入到 iOS 客户端。H5 容器和离线包支持 基于 mPaaS 框架接入、基于已有工程且使用 mPaaS 插件接入 和 基于已有工程且使用 CocoaPods 接入 三种接入方式。通过使用 H5 容器和离线包可以实现初始化容器...
接入视频剪辑Web SDK
4.12.2 数据结构说明 PlayerAspectRatio enum PlayerAspectRatio { w1h1='1:1',w2h1='2:1',w4h3='4:3',w3h4='3:4',w9h16='9:16',w16h9='16:9',w21h9='21:9',} VoiceConfig interface VoiceConfig { volume:number;音量，取值0~100，默认值...
自定义错误页
操作步骤 自定义报错页面可分为以下 2 步：在 H5 基类中监听 kEvent_Navigation_Error 方法。通过 MPH5WebViewController()接口，引入-(void)handleEvent:(PSDEvent*)event 方法：(void)handleEvent:(PSDEvent*)event {[super handleEvent:...
如何判断页面问题是否与 H5 容器相关
背景 在 H5 App 的开发过程中，开发者可能会遇到各种前端问题，如渲染问题、卡顿或其他前端异常情况。因为 H5 App 是在 mPaaS 容器中加载的，所以需要界定这类问题是否与容器相关。处理方法 iOS 平台 当前mPaaS iOS平台上的容器是基于...
iOS 小程序自定义报错页面
操作步骤 自定义报错页面可分为以下 2 步：在 H5 基类中监听 kEvent_Navigation_Error 方法。通过 MPH5WebViewController()接口，引入-(void)handleEvent:(PSDEvent*)event 方法：(void)handleEvent:(PSDEvent*)event {[super handleEvent:...
resource
Kylin-plugin-resource 插件是针对 ...上述对 vue 的依赖使用，会做如下处理：在生成的 HTML 模板中注入<script src="https://gw.alipayobjects.com/as/g/h5-lib/vue/2.5.13/vue.min.js">脚本资源。把上述 vue 依赖重定向为 window.Vue 的值。
rich-text
节点 属性 a-abbr-b-blockquote-br-code-col span,width colgroup span,width dd-del-div-dl-dt-em-fieldset-h1-h2-h3-h4-h5-h6-hr-i-img alt,src,height,width ins-label-legend-li-ol start,type p-q-span-strong-sub-sup-table width ...
如何使用RPA编辑器发送邮件
对应授权码可以在邮箱提供方对应设置页面获取 test.password="xxxx"#创建邮件正文文本，邮件正文使用Html进行编辑，方便插入表格及字体样式 text=test.create_html_table([["标题1","标题2","标题3"],[1,2,3]])text="邮件发送测试</h1><p>...
静态网站托管最佳实践
请等待3~5分钟至开通完成。步骤四：上传文件 准备文件，本教程使用如下两个简单的HTML文件。index.html 文件内容如下：<html><title>Index page</title><body><h2>Hello World!body></html>error.html 文件内容如下：<html><title>...
- 产品推荐
- 这些文档可能帮助您