google / devtoolsextended Goto Github PK
View Code? Open in Web Editor NEWdevtoolsExtended: Extended Chrome Devtools in a Chrome Extension
devtoolsExtended: Extended Chrome Devtools in a Chrome Extension
DevtoolsExtended Experimental extension of Chrome Devtools: Run Chrome devtools in an iframe hosted in a chrome extension. Connects to Chrome over WebSockets (or the chrome.devtools.debugger extension AP) Extensible, supports devtools extensions for remote debugging, Experimental patches to devtools adding new extension features. Install: Use Chrome Canary (or trunk build) clone this repo, checkout branch 'devtoolsApp' Chrome -> chrome://extensions -> Load Unpacked extensions -> repo directory extension/ Use: Any non-chrome web page: right click Debug with DevtoolsExtended. Extend: Chrome -> chrome://extensions -> DevtoolsExtended -> options Add Extension: give the chrome-extension:// URL to any devtools extension with modified(*) .html files. (*) See the options page for details. Two extensions are configured by default: qpp Querypoint debugging prototype, devtools-save custom file save tool for qpp. These must be installed as chrome-extensions (see the down arrow on the options page) and enabled in the options page. Develop: Beware, this project uses rebase workflow! clone this repo git checkout syncToBlink patches welcome eg via github pull request don't git pull, instead just re-clone the repo Debugging: 1. <path to chrome>chrome --user-data-dir=/work/chrome/9222 --remote-debugging-port=9222 sign in to chrome (we use chrome.storage.sync) 2. <path to chrome> chrome --user-data-dir=/work/chrome/9223 sign in to chrome with the same id as #1 (we use chrome.storage.sync) install devtoolsExtended, open http://localhost:9222, select devtoolsExtended button, then a page thumbnail See tools/readme.txt
To reprdouce using qpp:
Open qpd.html and start qpp.
Click obj.prop on line 23 and select lastChange
Press the button in the debuggee
Mouse over the turn in scrubber bar and hover over the button selector.
When the mouse moves out of the selector, highlight in the debuggee is removed, but an error apears:
Uncaught Error: DOM.hideHighlight() FAILED undefined ExtensionAPI.js:788
There is a crx2app in the devtoolsExtended repo, and there is one pointed to by the error message, but neither work as both require manifest version 2.
我想请问这个怎么使用
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.