Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

chii

Package Overview
Dependencies
Maintainers
1
Versions
49
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

chii

Chrome devtools framework

  • 1.7.1
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
2.2K
decreased by-29.04%
Maintainers
1
Weekly downloads
 
Created
Source

中文

Chii

NPM version Build status License

Remote debugging tool like weinre, replacing web inspector with the latest chrome devtools frontend.

Chii

Demo

Demo

Browse it on your phone: https://chii.liriliri.io/test/demo.html

Open https://chii.liriliri.io/ and click inspect to start debugging the demo page.

In order to try it for different sites, execute the script below on browser address bar.

javascript:(function () { var script = document.createElement('script'); script.src="//chii.liriliri.io/target.js"; document.body.appendChild(script); })();

Install

You can get it on npm.

npm install chii -g

Usage

Start the server with the following command.

chii start -p 8080

Use this script to inject the target code into your webpage.

<script src="//host-machine-ip:8080/target.js"></script>

Then browse to localhost:8080 to start debugging your page.

It's also possible to embed devtools in the same page using iframe. All you have to do is setting an extra embedded attribute on the script element.

<script src="//host-machine-ip:8080/target.js" embedded="true"></script>

Visit https://chii.liriliri.io/test/demo.html?embedded=true to see how it works.

  • whistle.chii: Whistle Chii plugin.
  • chobitsu: Chrome devtools protocol JavaScript implementation.

Contribution

Read Contributing Guide for development setup instructions.

Keywords

FAQs

Package last updated on 27 Nov 2022

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc