H5 应用加载失败：白屏或显示不正确，伴有 Mixed ...
因此，页面中的 HTTP 资源会引起 WebView Mixed Content 警告，部分资源（如 JavaScript 文件、iframe 页面等）会无法加载。问题排查 当发现离线包页面无法正常加载时，可以通过浏览器对 WebView 进行调试。打开 Safari>开发>目标机器>目标...
快速入门
通过flex布局来给iframe弹性高度或者通过js计算设置iframe一个具体高度值，不能用百分比。父级窗口缩放导致预览界面变形问题 遇到此问题则需要父级窗口禁用浏览器自带的缩放功能。Android平台 通过设置viewport的user-scalable属性来禁止父...
文档预览V1/V2版本对比说明
文档预览V2 获取文档地址和AccessToken后，无需指定iframe元素，JS文件会自动在自定块元素下生成iframe，并通过JS文件设置AccessToken即可快捷的实现文档预览。更多信息，请参见 预览原理。预览方式 版本 说明 文档预览V1 智能媒体管理的...
快速入门
获取文档的预览地址和AccessToken后，无需指定iframe元素，JS文件会自动在自定块元素下生成iframe，并通过JS文件设置AccessToken即可快捷的实现文档预览。文档预览时支持自定义配置，包括组件状态、事件、文字相关、表格相关等配置。重要 ...
使用流程
文档预览V2：获取文档的预览地址和AccessToken后，无需指定iframe元素，JS文件会自动在自定块元素下生成iframe，并通过JS文件设置AccessToken即可快捷的实现文档预览。更多信息，请参见 快速入门。文档预览V1的使用步骤如下：创建项目。...
概述
文档预览V2：获取文档的预览地址和AccessToken后，无需指定iframe元素，JS文件会自动在自定块元素下生成iframe，并通过JS文件设置AccessToken即可快捷的实现文档预览。更多信息，请参见 快速入门。计费方式 文档标准型项目支持按QPS计费和...
功能发布记录
新增 提供更丰富的图片、视频、文档等处理能力 2023-01 功能特性 2020年02月 功能名称 变更类型 功能描述 发布时间 相关文档 文档预览V2功能发布 新增 支持文档预览：获取文档的预览地址和AccessToken后，无需指定iframe元素，JS文件会自动...
释放对象
JS-SDK提供的高级接口对象只是iframe内部对象的映射，通过 postMessage 进行通信，所以部分对象需要手动销毁。说明 需要手动释放的对象均会在文档中说明，请以文档说明为准。接入方网页和文档在线编辑的关系如下图所示：手动释放对象 手动...
高级用法
async function exportPdf(){ await wordApp.ActiveDocument.ExportAsFixedFormat()} 释放对象 由于iframe的跨域安全限制，无法直接调用iframe内部的函数和变量，JS-SDK提供的高级接口对象只是iframe内部对象的映射，通过postMessage进行...
实例属性和方法
在初始化WebOffice文档应用时，aliyun.config 方法会返回一个JS-SDK实例，JS-SDK提供了一些实用的实例属性和方法。JS-SDK实例属性列表 实例属性 类型 说明 version string JS-SDK版本。mainVersion string WebOffice版本。url string 文档...
JS-SDK版本
js/1.1.19/aliyun-web-office-sdk.min.js"></script>Release V1.1.19 发布时间：2024-3-4 更新日志：修复全屏事件监听失效。增加新的事件方法：AddApiEventListener，RemoveApiEventListener...
快速入门
实现原理 获取文档的协作地址和AccessToken后，无需指定iframe元素，JS文件会自动在自定块元素下生成iframe，并通过JS文件设置AccessToken实现文档预览和编辑。注意事项 文档在线协作（编辑）和文档预览的接入方式以及前端使用的JS-SDK均...
JavaScript API预览高级功能配置
当使用JavaScript API预览方式时，您可以实现全屏预览、页码跳转控制、预览界面UI自定义、加密文档处理、签名刷新、重试、广告配置等功能以及获取到预览文档渲染的相关信息，方便查看相关数据。重要 此文档已不再维护，建议您使用新版智能...
什么是智能媒体管理
文档预览V2：获取文档的预览地址和AccessToken后，无需指定iframe元素，JS文件会自动在自定块元素下生成iframe，并通过JS文件设置 AccessToken即可快捷的实现文档预览。更多信息，请参见 文档预览V2。图片智能检测 将内容识别、人脸检测等...
发布分享页域名变更常见问题
iframe 或者 轮播页面 组件，如果是，请执行以下步骤：访问新版发布页的分享链接，检查iframe页面内容是否正常加载，如果无法正常加载，请执行下一步。说明 iframe页面没有正常加载，说明这个页面在响应头里做了 X-Frame-Options 限制，您...
发布分享页域名变更常见问题
iframe 或者 轮播页面 组件，如果是，请执行以下步骤：访问新版发布页的分享链接，检查iframe页面内容是否正常加载，如果无法正常加载，请执行下一步。说明 iframe页面没有正常加载，说明这个页面在响应头里做了 X-Frame-Options 限制，您...
防御挂马攻击最佳实践
攻击者通常会使用iframe框架挂马、JS挂马、Body挂马、隐蔽挂马、CSS挂马等方式。挂马攻击通常是通过系统漏洞、SQL注入、文件上传等方式进行的。攻击者利用这些漏洞或技术，在目标服务器或网站中上传恶意文件，并通过一定的手段使其在服务器...
JWT应用接入
self){ let origin='' parent.postMessage({ code:'token',message:{ access_token:'xxxx',refresh_token:'xxxx',.} },endpoint|"*")} 附录1：Node.js 代码实现 JWT应用获取 access_token 以及刷新 access_token 示例代码：const fs=...
文件增值服务
import client from 'client.js' export default { data(){ return { drive_id:'1',file_id:'612cxxxxxxxxxxxxxxxxxxxxxxxxxxxec7d',url:'',status:'loading',/视频状态，可根据状态进行其他操作/video.js配置项 playerOptions:{ controls:...
URL转发类问题排查
隐性URL转发使用的是iframe框架技术，显性URL转发采用的是301（也称之为永久性转移）或302重定向技术（也称之为暂时性转移）。301和302说明 301 redirect:301 代表永久性转移（Permanently Moved）。302 redirect:302 代表暂时性转移...
文件增值服务
import client from 'client.js' export default { data(){ return { drive_id:'1',file_id:'612cxxxxxxxxxxxxxxxxxxxxxxxxxxxec7d',url:'',status:'loading',/视频状态，可根据状态进行其他操作/video.js配置项 playerOptions:{ controls:...
脚本语法
其中 for 循环，支持使用关键词 break（跳出循环）和 continue（跳出本次循环）。重要 若使用 for 语句循环执行流转函数，循环次数不能超过100。流转函数详细信息，请参见 流转数据到数据目的函数。操作符 逻辑运算：&、|。逻辑条件结果为...
WebOffice服务交互流程
} iframe { width:100%;height:100%;}</style></head><body><script src=...
脚本语法
其中 for 循环，支持使用关键词 break（跳出循环）和 continue（跳出本次循环）。重要 若使用 for 语句循环执行流转函数，循环次数不能超过100。操作符 逻辑运算：&、|。逻辑条件结果为非布尔型时，null（空值）表示false，否则为true。...
Web端性能体验功能说明
首次加载跳出率 每个session中，第一个页面完全加载前用户跳出的PV占比 1秒快开比 首屏完全加载时长≤1s的PV占比 2秒快开比 首屏完全加载时长≤2s的PV占比 5秒慢开比 首屏完全加载时长>5s的PV占比 功能介绍 用户感知包含整体趋势、样本分布...
WebOffice预览和协作编辑
}</style></head><body><script src="https://g.alicdn.com/IMM/office-js/1.1.15/aliyun-web-office-sdk.min.js"></script> <div id="weboffice-zone"></div> <script> window.onload = init;async function init(){/填入Weboffice链接和预览...
常见Web漏洞释义
网站挂马攻击：攻击者利用Iframe标签在脚本中嵌入隐藏的恶意网站，用户访问网站时，将被定向到恶意网站，或遭受恶意网站弹窗等。身份盗用：XSS攻击通过盗取用户的 Cookie，从而利用该Cookie盗取用户对该网站的操作权限。如果攻击者通过XSS...
配置参数
动态设置光标颜色 以上配置只在初始化时生效，JS-SDK还提供了动态设置协作用户的光标颜色的接口，示例代码如下。await instance.ready()instance.setCooperUserColor([{ userId:'testuid1',color:'#333333' },{ userId:'testuid2',color:'#...
可视化编排页面
页面编排用于通过低代码可视化方式搭建前端页面，并通过逻辑编排、JS方法实现和用户行为的交互。本文介绍如何新建、编排和管理页面。前提条件 当前应用为轻应用。当前应用处于开发版本，尚未发布。当前账号具有应用开发权限。可视化编排...
常见报错
charset=UTF-8"/><style>body{background-color:#FFFFFF}</style><title>TestPage184</title><script language="javascript"type="text/javascript">window.onload=function(){ document.getElementById("mainFrame").src="http://*.aliyun...
常见报错
charset=UTF-8"/><style>body{background-color:#FFFFFF}</style><title>TestPage184</title><script language="javascript"type="text/javascript">window.onload=function(){ document.getElementById("mainFrame").src="http://*.aliyun...
热线SDK接入（旧版）
如果您是在 iframe 标签内使用软电话SDK，那么需要为 iframe 标签增加 allow="microphone"属性，来允许 iframe 标签获取系统麦克风权限。接入手册 状态流转 蓝色为流转状态触发的事件hook，请参见事件回调枚举。白色为坐席状态，请参见坐席...
基础
本文介绍基础类WVBase相关的JS API，供您在通过跨平台DevOps创建H5端应用或者小程序时参考。基础类WVBase相关JS API提供版本号获取、版本号对比、文本复制粘贴、界面UI背景颜色、安装指导应用程序、当前版本API是否支持等能力。WVBase....
自定义函数开发指南
如果遇到致命错误或业务逻辑上认为有异常需要提前终止函数执行，会通过throw Exception方式跳出函数运行，日志服务可以据此判断函数运行异常，并会按照ETL Job设置的规则重新调用函数执行。如果Shard流量较大，请为函数配置足够的内存规格...
Token鉴权
Node.js示例代码：const crypto=require('crypto');var token="54cc8224a92ddda750600157e17b*;var time=Date.now();var stringToSign=time.toString();var signature=crypto.createHmac('sha256',token).update(stringToSign).digest()...
检测攻击类型说明和防护建议
过滤输入的数据，对例如：“‘”，““”，“<”，“>”，“on*”，script、iframe等危险字符进行严格的检查。这里的输入不仅是用户可以直接交互的输入接口，也包括HTTP请求中的Cookie中的变量，HTTP请求头部中的变量等。不仅验证数据的...
图片编辑器接入指南
} } },postMessage(){ const iFrame=document.getElementById('editor-Iframe');const {sourceLang,targetLang,templateJson}=this.data;if(iFrame){ iFrame.onload=function(){ const data={ sourceLang,targetLang,templateJson,locale:'...
图片编辑器接入指南
} } },postMessage(){ const iFrame=document.getElementById('editor-Iframe');const {sourceLang,targetLang,templateJson}=this.data;if(iFrame){ iFrame.onload=function(){ const data={ sourceLang,targetLang,templateJson,locale:'...
呼出页面嵌入方法
页面脚本 云客服封装了一个 JavaScript API，用于在 iframe 中对云客服进行相关操作。引入容器。引用容器 js-><script src = "https://os.alipayobjects.com/rmsportal/SiSsCwUBQGRzOEv.js">在窗口加载完成后，开始使用。window.onload=...
移动数据分析
可运行demo请参考：alicloud-ios-demo 7.1 代码示例 H5进行自定义事件的上报：JavaScript代码：/通过iframe发起请求，然后在native端进行捕获。var iframe=document.createElement("IFRAME");通过自定义scheme，来判断是正常请求还是H5通信...
- 产品推荐
- 这些文档可能帮助您