云文档页面定制调试工具
该工具仅适用于私有化 WPS365 版本
1. 工具概述
当开发者对某开放能力感兴趣时,会关注:如何实现?开发难度高吗? 传统作法有两种:
- 只看开放能力介绍文档,但文档仅提供代码示例,无法直观感受具体使用难度。
- 在环境中试用,但耗资源、耗时间,无法快速判断。
针对这类问题,我们提供了云文档页面定制调试工具
2. 使用指南
👉 安装浏览器扩展插件
TIP
通过已解压文件引入 考虑到代码安全问题,暂时不上架至应用商店,仅提供本地文件通过已解压文件引入方式。 本地安装:下载在线调试工具 v0.0.1
Google 浏览器
打开 Google 浏览器,点击右上角拼图
图标,在弹出的页面中点击管理扩展程序
此页面是扩展插件管理页面,安装后的插件都会在此处显示,我们开启开发者模式
后点击加载已解压的扩展程序
并选择我们解压后的文件夹
加载成功后我们可以点击拼图图标将插件固定
在首页上便于后续使用
Edge 浏览器
打开 Edge 浏览器,点击右上角拼图
图标,在弹出的页面中点击管理扩展程序
此页面是扩展插件管理页面,安装后的插件都会在此处显示,我们开启开发人员模式
后点击加载已解压的扩展程序
并选择我们解压后的文件夹
加载成功后我们可以点击拼图图标将插件固定
在首页上便于后续使用
👉 功能介绍
插件弹出页
点击插件图标会展示插件的弹出页面,接下来进行简单功能介绍
![]() 默认情况 | ![]() 自行修改代码后 |
---|
此处功能较为简单,主要为当前脚本配置,可以自行设置脚本开启与否,并查看当前脚本代码是否进行了修改,支持代码一键拷贝,个人配置存储在本地空间。
- 预览图为当前默认代码所使用开放能力对应位置展示。
- 根据 tab 栏可切换分类,预置了文件操作项修改的两钟定制能力代码。
- 标签逻辑为未修改时展示默认,修改后展示为自定义。
- 点击卡片右下角图标可进行启用/禁用状态切换
插件设置页
在弹出页面点击设置可以进入设置页面
点击设置后设置页面如图所示
- 点击查看按钮可查看当前脚本的设置内容,
- 点击编辑可开始编辑状态,支持自定义编辑脚本内容,
- 点击保存可保存自定义内容并运行在页面上(开启功能后)。
- 重置功能为如修改后不满意当前效果,可点击重置代码后保存从而回退到预设脚本中
TIP
使用 console.log 在控制台未成功打印信息
- 在网页后加入?debugger 查看打印信息
- 使用 console.info,console.warn 等其余打印方法
👉 功能演示
若网速较慢/环境异常情况下,会出现插件脚本执行时 sdk 仍未初始化完成情况,此时会导致插件未生效,需检查原因。