Displaying 1 to 20 from 41 results

chromedp - Package chromedp is a faster, simpler way to drive browsers (Chrome, Edge, Safari, Android, etc) without external dependencies (ie, Selenium, PhantomJS, etc) using the Chrome Debugging Protocol

  •    Go

Package chromedp is a faster, simpler way to drive browsers in Go using the Chrome Debugging Protocol (for Chrome, Edge, Safari, etc) without external dependencies (ie, Selenium, PhantomJS, etc).NOTE: chromedp's API is currently unstable, and may change at a moments notice. There are likely extremely bad bugs lurking in this code. CAVEAT USER.

chrome-devtools-autosave - Auto-saving CSS and JavaScript changes from the Chrome Developer Tools

  •    Javascript

Chrome DevTools Autosave consists of a Chrome extension and a server. The extension pushes changed files to the server. The server resolves URL of these files and overwrites the old ones with the new ones. Open example/index.html locally (using file:// scheme). Edit some CSS and JS. That’s it. Files have been saved.

betwixt - :zap: Web Debugging Proxy based on Chrome DevTools Network panel.

  •    Javascript

Betwixt will help you analyze web traffic outside the browser using familiar Chrome DevTools interface. Download the latest release for your operating system, build your own bundle or run Betwixt from the source code.




lighthouse - Auditing, performance metrics, and best practices for Progressive Web Apps

  •    Javascript

Lighthouse analyzes web apps and web pages, collecting modern performance metrics and insights on developer best practices. Lighthouse is integrated directly into the Chrome Developer Tools, under the "Audits" panel.

code-snippets - Chrome DevTools code snippets

  •    Javascript

Read Code Snippets tutorial, Performance profiling using DevTools code snippets and How to improve Angular application performance using code snippets. Note: code snippets do NOT have access to the full console API, for example no access to console.monitor.

devtools-frontend - The Chrome DevTools UI

  •    Javascript

The client-side of the Chrome DevTools, including all JS & CSS to run the DevTools webapp. It is available on NPM as the chrome-devtools-frontend package. It's not currently available via CJS or ES2015 modules, so consuming this package in other tools may require some effort.

rendora - dynamic server-side rendering using headless Chrome to effortlessly solve the SEO problem for modern javascript websites

  •    Go

Rendora can be seen as a reverse HTTP proxy server sitting between your backend server (e.g. Node.js/Express.js, Python/Django, etc...) and potentially your frontend proxy server (e.g. nginx, traefik, apache, etc...) or even directly to the outside world that does actually nothing but transporting requests and responses as they are except when it detects whitelisted requests according to the config. In that case, Rendora instructs a headless Chrome instance to request and render the corresponding page and then return the server-side rendered page back to the client (i.e. the frontend proxy server or the outside world). This simple functionality makes Rendora a powerful dynamic renderer without actually changing anything in both frontend and backend code. Dynamic rendering means that the server provides server-side rendered HTML to web crawlers such as GoogleBot and BingBot and at the same time provides the typical initial HTML to normal users in order to be rendered at the client side. Dynamic rendering is meant to improve SEO for websites written in modern javascript frameworks like React, Vue, Angular, etc...


chromedp - A faster, simpler way to drive browsers supporting the Chrome DevTools Protocol.

  •    Go

Package chromedp is a faster, simpler way to drive browsers supporting the Chrome DevTools Protocol in Go using the without external dependencies (ie, Selenium, PhantomJS, etc). Please see the examples project for more examples. Please refer to the GoDoc API listing for a summary of the API and Actions.

remotedebug-ios-webkit-adapter - Debug Safari and WebViews on iOS from tools like VS Code, Chrome DevTools, Mozilla Debugger

  •    TypeScript

RemoteDebug iOS WebKit Adapter is an protocol adapter that Safari and WebViews on iOS to be debugged from tools like VS Code, Chrome DevTools, Mozilla Debugger.html and other tools compatible with the Chrome Debugging Protocol. Before you use this adapter you need to make sure you have the latest version of iTunes installed, as we need a few libraries provided by iTunes to talk to the iOS devices.

DejaVue - Visualization and debugging tool built for Vue.js

  •    Javascript

5. Click "load unpacked extension", and choose the entire folder.

devtools-docs - The legacy documentation for Chrome DevTools.

  •    HTML

You're looking at the previous home of the official Chrome DevTools documentation on developer.chrome.com (aka "DCC"). Head over to the new DevTools homepage for updated docs and tutorials and contribute by submitting pull requests to the WebFundamentals repository.

storyboard - End-to-end, hierarchical, real-time, colorful logs and stories

  •    Javascript

A library, plus a Chrome DevTools extension.If you only want the (less powerful) CLI tool, see this section.

debugger-protocol-viewer - DevTools Protocol API docs—its domains, methods, and events

  •    HTML

Explore the Chrome DevTools Protocol, its methods, events and basic documentation. We deploy to https://chromedevtools.github.io/devtools-protocol/ despite the source living here. The repo/branch layout is described here. Master branch of this repo is deployed every hour (on the 15 minute mark) via the devtools-protocol/scripts/update-n-publish-docs.sh script.

chrome-protocol-proxy - Chrome Debugging Protocol Proxy - reverse websocket proxy suitable for debugging a debugger 😎

  •    Go

chrome-protocol-proxy is small reverse websocket proxy designed for chrome debugging protocol. It's purpose is to capture messages written to and received from Chrome Debugging Protocol, coalesce requests with responses, unpack messages from Target domain and provide easy to read, colored output. This tool is a fork of (and heavily inspired by) chromedp-proxy.

chrome-devtools-protocol - Chrome Devtools Protocol client for PHP

  •    PHP

PHP client for Chrome Devtools Protocol. Headless Chrome supports feature called browser contexts - they're like incognito windows - cookies, local storage etc. are not shared. After browser context is destroyed, user data created in given context, are destroyed.

captureCalls

  •    Javascript

There are two ways to use captureCalls.js: a Chrome extension or a standalone script. Once installed, it runs on all web sites and defines captureCalls function globally, so it can be used not only in DevTools console but in all JavaScripts as well.