Enable Chrome Developer Tools When They Are Greyed Out: A Step-by-Step Guide

chrome://flags: Try Experimental Features & Activate Debug ToolsIn this post, we will talk about chrome://flags, which can help you activate additional debugging tools or try out new or experimental features in Chrome.

Chrome DevTools is a set of web developer tools built directly into the Google Chrome browser. Chrome DevTools can help you edit pages on-the-fly and diagnose problems quickly. The JavaScript portion of the Chrome DevTools site (JavaScript) includes a tutorial and video that teaches you all the things you can do to debug your JavaScript code. Most of these are included in the 2.1 Script Debugger. See the 2.1 Script Debugger Overview section for a list of capabilities provided in the 2.1 Script Debugger.

chrome developer tools greyed out

Download Zip

I'll walk through all the major features of the elements tabof the Chrome developer tools. Click here to open in a separate tab and followalong with this tutorial (unfortunately, you'll have to switch back and forthbetween that tab and this one to do so). Now, open up the chrome developertools and take a look at the result.

I feel the browser dev tools is a very handy tool for students to have access to explore and understand how the different elements on a page work. Some schools do block this because they feel the students could misuse this feature. If there is an effective firewall in place and the log settings are turned on for all network activity it is easy to track which chromebook is causing a nuisance. Innocent until proven guilty, right?

However, I found a workaround. If I go into the browser developer tools, I can delete the "disabled" attribute on the radio button, fill in the IP addresses, and submit the form. The IPs will persist as long as I don't make any other changes on that page. Weird.

2ff7e9595c