Is it posible to execute part of a js file only when I have the developer tools opened?

I want something like

#if DEBUG
executeMethodOnlyInDebugger();
#endif

but for JavaScript.

Is it posible to execute part of a js file only when I have the developer tools opened?

I want something like

#if DEBUG
executeMethodOnlyInDebugger();
#endif

but for JavaScript.

• javascript
• debugging
• browser

• 1 Well, you could always set your own flags inside the code, and just switch the value when you need to debug. – MinusFour Commented Oct 19, 2015 at 14:36
• 4 this is a duplicate of: stackoverflow./questions/16765287/… – Saar Commented Oct 19, 2015 at 14:37
• 3 That would be nice, but you'd never be able to rely on all browsers doing the same thing. Safer to just set the flag manually. – user1106925 Commented Oct 19, 2015 at 14:38
• 1 That duplicate is specific to Chrome (and is now outdated). I think the OP wants to know if there's some standardized way. – user1106925 Commented Oct 19, 2015 at 14:43

5 Answers 5

No, there is no conditional pilation natively in javascript.

Not really. But you can use devtools-detect for that. See the following answer: enter link description here

Try this library: https://github./sindresorhus/devtools-detect

It does some inspection of the window object and emits an event when it detects the console has opened. I would probably be wary of including this in production code but it could make for a useful debugging tool in your use case.

I dont think there is a way to check for that in Chrome and Firefox. The best bet is to have a debug flag in your code.

Although IE gives console as undefined when developer tool is not open. So for IE you can just do:

if(console){
  //dev tools is open
} else{
  //dev tools not open
}

Also have a look here for more info on chrome: Find out whether Chrome console is open

For ASP.NET

In _Layout.cshtml (for MVC) or Master (for web forms), add the following:

<script>
    @if (HttpContext.Current.IsDebuggingEnabled)
    {
    @:var DEBUG = true;
    }
    else
    {
    @:var DEBUG = false;
    }
    alert('DEBUG: ' + DEBUG);
</script>

The beauty of this is that you can turn it on/off using a configuration value in Web.config to allow debugging in any environment:

<system.web>
    <pilation debug="false" />
</system.web>