oioConsole
一个轻量、针对网页的前端开发者调试面板。
oioConsole 是框架无关的,可以在 Vue、React 或其他任何框架中使用。
功能特性
- 查看GraphQL的接口请求
- 快速查看到接口的模型和方法
- 格式化请求中的GraphQL语句
- 格式化请求中的响应
- 支持重试请求
- 支持跳转到oinone管理后台的调试页面进一步查看接口 【前端6.4.0版本后支持】
- 提供快捷文档和工具的跳转链接
详情可参考下方的截图。

使用方式
直接插入到 HTML
<!-- 根据环境条件引入 oioConsole调试控制台 -->
<% if (process.env.NODE_ENV === 'development') { %>
<script src="https://pamirs.oss-cn-hangzhou.aliyuncs.com/oinone/oinoneconsole/latest/oioconsole.min.js"></script>
<script>
const mode = localStorage.getItem('mode')
// 开发模式下打开控制台,不需要的可以删掉
if (mode === 'dev') {
new window.OioConsole({
// network: {
// maxNetworkNumber: 100, // 最多显示多少条网络请求
// longRequestTime: 400, // 单位:毫秒ms,超过多少毫秒的请求会显示为长请求
// }
});
}
</script>
<% } %>

进阶用法
可以根据cross-env插件自定义其他环境变量来判断是否需要加载调试工具

Oinone社区 作者:nation原创文章,如若转载,请注明出处:https://doc.oinone.top/kai-fa-shi-jian/25348.html
访问Oinone官网:https://www.oinone.top获取数式Oinone低代码应用平台体验