Friday, August 30, 2013

Forcing Disabled Web Controls with Chrome

So you've been poking around some website and you've noticed some web control that supposedly can change a property of your browsing experience, but is disabled.  There's a relatively simple way to force the state of pretty much any standard web forms control, disabled or hidden.

First, get to the page that displays the control you want to force in Google Chrome.  Press the F12 key to open the developer's client-side page editor.  This will display a tree of the HTML elements Chrome is aware of.  Mousing over one of these elements will highlight the area of the page contained in the technical element; expand all the things until only the control is highlighted.

Scroll to the right to find something like "hidden" or "disabled".  Double-click that text area to enter editing mode and delete the restricting keywords.  After you press Enter, Chrome will do another set of render passes, reflecting the changes you just made.  Set the state of your control how you normally would and press the appropriate submit button.  It's not guaranteed that the server is programmed to respect any state on that control, but there's a decent chance they weren't expecting this.

No comments:

Post a Comment