Microsoft rebuilt the F12 tools from the ground up in Internet Explorer11. They have a brand new UI and new functionality to make your developing and debugging faster and easier.
You can access them from within a browser window by hitting F12. If your keyboard doesn’t have function keys, you can select ‘F12 developer tools’ from the ‘Tools’ menu.
You can use the Debugger tool to examine what your code is doing, when it’s doing it, and how it’s doing it. Pause code in mid-execution, step through it line-by-line, and watch the state of variables and objects at each step. New features in the Debugger tool include:
- No-refresh debugging. Set your breakpoints and go without reloading and losing state.
- Tabbed document interface for easier management of multiple scripts.
- Scrollbar that highlights breakpoints and search matches.
Development and debugging tasks it makes easier:
- Seeing what led to a function call using the Callstack.
- Making compressed or minified code more readable.
- Monitoring web worker creation and execution.
There are eight distinct tools, each with their own tab in the F12 tools interface. Here you’ll find an image of each tool, a quick summary of what it does and what’s new, and a couple of typical development or debugging tasks the tool makes easier. Check the link ‘Using the F12 developer tools in Internet Explorer 11’ http://msdn.microsoft.com/en-us/library/ie/bg182326(v=vs.85).aspx
Step2: Press the F12 key on your keyboard to open the tools or select ‘F12 developer tools’ from the ‘Tools’ menu. You will see ‘DOM Explorer tool (CTRL + 1)’ left side, click on ‘Debugger (CTRL+3)’
Step3: Click on ‘Open Document (CTRL+O)’ and check CRM page.