Internet Explorer Developer Tools how to preserve log upon navigation? - javascript

I'm looking for the way to log stuff in Internet Explorer Developer Console that preserve page refresh.
Under Google Chrome and Firefox's Firebug it's an option for that, but I could not find it under IE.
I'm using IE 9.

In IE Developer Cosole go to Tools -> Clear Entries on Navigate and uncheck what you want to stay in log.

In Internet Explorer 11 there is now a button ("Clear entries on navigate") which one must toggle for enabling/disabling the IE to clear the network logs on navigation or even http redirect.
MSDN: http://msdn.microsoft.com/en-us/library/ie/dn255004(v=vs.85).aspx

In Internet Explorer 11 there is a button that you can click to delete or preserve console logs on navigation. If you want to preserve your console logs, then just untick the button (highlighted red in my screenshot).

Clear entries on navigate is a toggle switch with on and off states. When in the off state, network traffic for a window or tab is recorded continuously as the browser moves from page to page. When in the on state, recorded traffic is cleared each time you navigate to a new page. This is turned on by default.
Please note: Dev tools will close if the redirected domains navigate from a protected mode site to a non-protected mode site, e.g. from internet zone to intranet zone

Related

Unable to set/edit cookies in Chrome

I realised today, that I'm no longer able to edit or create new cookies in Chrome. It works in Firefox and Safari as of now.
I go to Developer Tools > Applications > Cookies and try to change their values. The line turns red and if I click out, it resets to what it was.
Do I have to deactivate something somewhere?
yep, solved by:
search in chrome settings for flags by entering in the url field chrome://flags
search Partitioned cookies and set it to enable
Restart chrome (might need to refresh the page after the restart)

open IE browser by default

I created a web site where I would like to have 1 of the button of my menu navigation to open the internet explorer browser. Since the URL I am pointing for this specific button can only be view with IE and not with Chrome, Firefox etc... Which mean if someone is using Chrome for example and want to access this specific link by clicking on it it will open IE browser and see the content. This is feasible? thanks in advance
No, this is not feasible.
Opening in another browser is totally user side. You would have to alert the user that this page is best viewed in Internet Explorer and leave it up to them to download/open Internet Explorer to view it.

IE11's F12 developer tools lack option to keep console on navigation

Trying to debug a problem that's IE-11 specific, I would like to see the console messages logged when a certain control is clicked. But the control refreshes the page, which makes F12 tools automatically clear the console, so whatever is logged just before that, I don't get to see!
Past versions of IE had an option to keep the console contents on navigation. Is this option available in IE11? If so, where is it? If not, is there some other way to view the console that doesn't immediately discard the message I want to see?
In with the latest F12 update to IE11 (that came as part of the Win8.1 Update) there is now a button to disable "Clear on Navigate"
Additionally, you can enable IE to record messages in the Console at all times instead of only when the Console is open.
For all the changes to the IE11 F12 dev tools see: http://support.microsoft.com/kb/2929437
Ran into this and I didn't find a good solution, but I found a hacked one that worked well enough for me to debug.
Use window.onbeforeunload to pop up a window so you can at least see the values before they are purged.
See: Prompting and preventing user from navigating away/closing a page

Set focus on web page rather than Firefox debugger after refreshing page

I'm using the default Firefox web developer tools. Firefox 20.0, Mac OS X 10.7.
If I have the developer tools' Debugger panel open (but not focused), and refresh the page, focus goes to the debugger panel rather than the refreshed page. Can I set focus to go to the refreshed page instead?
If I have the Web Console panel open instead, that doesn't steal the focus - ideally I'd like to get the debugger to behave the same way.
My program uses document keyup and keydown events, and the page needs focus for these to work. Having to click on the page each time is proving surprisingly annoying (it's only a small thing, but it's doubling the amount of work required for each refresh!).
This is still an annoyance, as of Firefox 61.0.2 (Windows 7).
The only workaround I've found is to have Developer Tools set to run in "Separate window" mode - instead of docked to the browser, like:
use this on page
<body onload = "window.focus();">

How to make Google Chrome JavaScript console persistent?

Since I'm building a dynamic site, I need to track the changes between pages, ie. Ajax calls, POST, GET stuff and similar stuff.
I'm looking for the same functionality like in Firebug (where you can enable "persistent" and the console is not cleared every time you reload a page or submit a form.
So, my questions is: is there a way to make Google Chrome JavaScript console persistent?
(And if yes, how?)
Update: Copying the answer here, if anyone's still looking for this, Chrome 14+ has a setting in Developer Tools > Settings labelled "Console: Preserve log on navigation".
Update 2: the latest versions of Chrome (33+) have this option by right-clicking in the console.
Update 3 (late 2017): The latest versions of Chrome (60+) have this option by opening the console, clicking the gear in the top right corner and selecting "preserve log"
If anyone's still looking for this, I'm on Chrome 15.0.874.58 beta-m and I have a checkbox in Developer Tools > Settings labelled "Console: Preserve log on navigation". Does the job nicely.
at Version 67.0.3396.87 (Official Build) (64-bit)
Unfortunately, Chrome doesn't support that functionality yet, although there was talk in December 2010 about adding in the next major release...
This answer is no longer valid
As of Chrome Version 73.0.3683.86 (Official Build) (64-bit):
Click the ellipsis in top right of Developer Tools
Navigate to Settings > Preferences > Console
Check Preserve log upon navigation
Try this to enable console on popups
I had the "preserve logs" options enabled and still had the Console losing focus to the Sources tab. If that happens (apparently during debugging), it helps to disable "Focus sources panel when triggering a breakpoint" in "Settings > Preferences > Sources".
In Chrome v102
I opened Chrome Dev Tools,
I clicked on "gear" icon (Top right corner)
Enable "Preserve log" checkbox

Categories

Resources