Score
0
Watch 4 Star 13 Fork 2

WeBank / wt-consoleJavaScriptApache-2.0

Create your Gitee Account
Explore and code with more than 5 million developers,Free private repositories !:)
Sign up
A lightweight, extendable react-native developer and tester tool spread retract

  • JavaScript 82.3%
  • Objective-C 8.0%
  • HTML 3.1%
  • Starlark 3.1%
  • Java 2.4%
  • Other 1.1%
Clone or download
Loading...
README.md

wt-console

Open Source Love JavaScript Style Guide

注:从WeTrident项目提炼而来。

📥 安装

  • npm i @webank/wt-console --save
  • yarn add @webank/wt-console

💡 背景

App开发过程中,经常会遇到一个场景就是,测试说我遇到一个xxx问题,但是不能复现,之前比较多的解决方案是基于文件日志。我们自己使用过程中发现文件日志太重,而且测试同学取日志的学习成本太高。于是在web项目中开始使用类似vConsole这一类的工具,又因为我们主要使用到的日志查看和日志上传功能。因此我们在React Native实现了类似vConsole的功能,同时在陆续扩展一些功能。

🌱 特性

  1. 通过简单的接入即可在App内查看日志,提供优美的日志格式展示。
  2. 支持配置ignoreRedBoxignoreYellowBox,用于屏蔽React Native上的红屏和警告
  3. 支持展示Network信息(目前支持fetch api的展示)
  4. 结合 wt-console-server 可以很方便的实现日志上传功能。

📱 截图

📗 基本用法

TianYan嵌入到App最外层View中:

export default class SimpleApp extends Component {
  render () {
    return (
      <View style={styles.container}>
        {/* other view */}
        <TianYan />
      </View>
    )
  }
}

❤️ 我们的其他项目

🤝 类似项目

  • web-console:H5-based mobile web debugging tool similar to chrome devtools.
  • vConsole:A lightweight, extendable front-end developer tool for mobile web page.

Comments ( 0 )

Sign in for post a comment

JavaScript
1
https://gitee.com/WeBank/wt-console.git
git@gitee.com:WeBank/wt-console.git
WeBank
wt-console
wt-console
master

Search