Giter Club home page Giter Club logo

opensumi-devtools's Introduction

OpenSumi DevTools

Contributing

Please read CONTRIBUTING if you are new here or not familiar with the basic rules of Git/GitHub world.

Quickstart

  1. Clone this repository

  2. cd into this repository

  3. yarn install

  4. yarn run start

  5. Load the freshly built unpacked extension on Chrome following:

    1. Access chrome://extensions/

    2. Check "Developer mode"

    3. Click on "Load unpacked extension"

    4. Select the "build" folder under the project root directory

    5. Keep "service worker" DevTools page open (why?)

  6. Happy hacking!

HMR & auto-reload

If you are developing Options page or Popup page, each time you save files the pages will hot replace the modules without refreshing, which means you can see the changes right away.

However, if you are developing Background or ContentScripts, each time you save files the service worker will reload the extension automatically. And if you are developing ContentScripts, then pages that injected with ContentScripts will refresh themselves to run the newest scripts.

opensumi-devtools's People

Contributors

tyn1998 avatar

Watchers

 avatar

opensumi-devtools's Issues

走通 injected-script -> content-script -> background -> devtools page

捕获到的消息没法直接给devtools page;走通这个流程,应该就能把捕获到的消息传给devtools page了。

injected-script -> content-script:

content-script -> background:

(content-script ->) background -> devtools page:

头脑风暴:功能设想

  • 对于request,记录request到requestResult的时间
  • 统计消息的大小
  • 记录消息的时刻
  • 如果能知道发送消息的模块,可以基于消息数量或消息总大小呈现treemap
  • 可以ignore指定模块的消息捕获

[feat] catch returned data after onRequest

突然发现自己一直没考虑onRequest后再return给后端data的消息,如果考虑进来,那么可能会用↓↑表示onRequest+return data,于是columns还要改进。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.