Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/baidu/san-devtools
Browser developer tools extension for debugging San.
https://github.com/baidu/san-devtools
chrome chromium debug devtools extension san
Last synced: 3 months ago
JSON representation
Browser developer tools extension for debugging San.
- Host: GitHub
- URL: https://github.com/baidu/san-devtools
- Owner: baidu
- License: mit
- Created: 2017-04-18T02:24:29.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2023-12-08T12:01:17.000Z (about 1 year ago)
- Last Synced: 2024-10-17T00:20:50.186Z (3 months ago)
- Topics: chrome, chromium, debug, devtools, extension, san
- Language: TypeScript
- Size: 19.2 MB
- Stars: 82
- Watchers: 18
- Forks: 17
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
San DevTools
Development tool for debugging [San.js](https://github.com/baidu/san) applications.
It is exists both as a browser extension and as a common line tool(works with other environments including Safari, IE, San Native and Electron.)
## π Features
- Provide local server command, support remote debugging.
- Built in Chrome Devtools for remote debug mobile page.
- Provide Chrome Extension.
- Support `San Native` debugging (waiting for release).
## π¦ Installation
### standalone
The standalone version exists as a command line tool, and install from NPM or Yarn.
```shell
npm i -g san-devtools
# OR
yarn global add san-devtools
```
### chrome extension
[Get the Chrome Extension](https://chrome.google.com/webstore/detail/san-devtool/fcjifbggoejmfnfcmnaobcppbfhlndad)
OR
Navigate to chrome://extensions in Chrome/Chromium to load the unpacked extension from dist directory.
## π Document
[δΈζζζ‘£](./docs/user_guide.md)
## π€ Quick Start
### standalone
**First:** Start debugging server, and will auto open the remote inspector.
```shell
sand # short for san-devtools
# OR
san-devtools
```
**Second:** Add `ws-backend.js` to the top of the debugging pageοΌbefore san.js).
**Third:** Open the debugging page, and inspector page will auto connected.
### chrome extension
Open the debugging page and san-devtools plugin will show the San version, then open the chrome devtool and will see the San tab.
#### sand options
- --open, -o: Open browser when server start(default: true)
- --port, -p: Port to use (default: 8899)
- --address, -a: Address to use
- --version, -v: Show version number
- --help, -h: Show help
## π» Companions
- [san-devtools](https://github.com/baidu/san-devtools/blob/master/docs/user_guide.md) - Chrome DevTools extension
- [san-router](https://github.com/baidu/san-router) - SPA Router
- [san-store](https://github.com/baidu/san-store) - Application States Management
- [san-update](https://github.com/baidu/san-update) - Immutable Data Update
- [san-factory](https://github.com/baidu/san-factory) - Component register and instantiation
- [santd](https://ecomfe.github.io/santd/) - Components Library following the [Ant Design](https://ant.design/) specification
- [san-mui](https://ecomfe.github.io/san-mui/) - [Material Design](https://www.material.io/) Components Library
- [san-xui](https://ecomfe.github.io/san-xui/) - A Set of SAN UI Components that widely used on Baidu Cloud Console
- [drei](https://github.com/ssddi456/drei/) - VSCode extension for SAN
- [san-cli](https://github.com/ecomfe/san-cli) - A CLI tooling based on SAN for rapid development
- [san-test-utils](https://github.com/ecomfe/san-test-utils) - The unit testing utility library for SAN
- [san-loader](https://github.com/ecomfe/san-loader) - Webpack loader for single-file SAN components
- [san-hot-loader](https://github.com/ecomfe/san-hot-loader) - Webpack loader for SAN components HMR
## βοΈ License
MIT