Site html inspector install#

Once you have the bookmarklet added to your bookmarks bar, execute it on any website, open the console, then run HTMLInspector.inspect(). In fact, I’ll make it even easier for you you can create a bookmarklet with the code in this Gist. This script uses the HTML Inspector code as hosted on cdnjs. Note: As pointed out in the comments, you have to run the final line as a separate command, after executing the first three lines, for this to work. appendChild (htmlInsp ) Īfter those are executed, you can then run the following in the console: HTMLInspector. src = '///ajax/libs/html-inspector/0.8.1/html-inspector.js' document. Open your browser’s developer tools console and run the following commands: var htmlInsp = document. You can run it on any remote or local website in a few seconds, in any browser that has developer tools installed. inspect ( ) īut unless you’re customizing the script, you don’t need to do any of the above. Then you need to execute it, as shown below: HTMLInspector. If you choose to download the tool manually, all you need to do is grab a copy of html-inspector.js from the project’s root directory, including it at the bottom of your document after all other scripts have loaded.

Site html inspector install#

Or you can install with Bower for use in the browser: bower install html-inspector To install and use via the command-line, you can use NPM, which requires PhantomJS: npm install -g html-inspector Below is a brief description of the install methods, and then I’ll explain an even better method to get it to run on any website, remote or local. If you’re doing testing on your own non-production code, you can simply include the HTML Inspector script in any of your pages, at the bottom, then run it by calling the primary method.