I have a problem with Chrome running on my PC.
Websites are running fine on Chrome, but whenever I open developer tools (F12), Chrome blocks that site's javascript. Keep the developer tools opened, and refresh the page (F5), Chrome loads the site with without any scripts.
This happens to all websites.
Incognito mode doesn't encounter the issue.
I checked settings in Chrome and it allows JS.
I tried to disable extensions, doesn't work.
I re-installed Chrome, doesn't work.
I tried to run using a different Chrome user account. Work fine.
But I am a developer so I don't want to use incognito mode all the time or use different account.
Please help,
Hoang
Edit:
* Add screenshot
Select settings from "Inspect element window" and untick the "disable Javascript" check box
Related
I encountered an issue while debugging Javascript in the Dev Tools in Chrome.
Even when I have deactivated the breakpoints from the button, it still stops at them.
like this
I haven't enabled the "Pause on exceptions" button and the only thing that works is when I disable the breakpoints one by one (not having 'tick' on them).
disabled breakpoint
I noticed that this appeared in a week or so.
My browser is Version 78.0.3904.108 (Official Build) (64-bit)
It happened to me when I had another browser tab open on the same domain and the dev tool was open in that other tab too.
in that case you need to decative the debugger in both tabs or better close the other tab.
Edit: The issue is gone now, with the last update from chrome.
I want disabled site-isolation in chrome so that I can see the cookie in request header easily.I Starting Chrome with the --disable-site-isolation-trials in the past.But when chrome version after 72.It becomes useless.How I can do in the newest chrome
Open chrome://flags/#enable-site-per-process and search for "Disable site isolation". If you're confident with Google and want to get more comprehensive guarantee, just choose Default.
Current version (Chrome 75) crashes when switching flag Disable site isolation to disabled, relaunch browser and open developer tools (aka. inspect).
I'm trying to debug my site in IE11 but it crashes when opening developer tools by F12.
Apparently this could be because of a CSS loading twice
https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7115490/
How can I find which CSS causes the issue? I tried to look at the CSS resources loaded in Chrome in the Network tab, but there's no same css called twice. I am not sure it would even display it twice there.
Is there a tool or technique I can use?
Follow these steps to check if (IE or) your web page is loading duplicate CSS files:
Disable script debugging to prevent IE from crashing.
IE > Tools > Internet options > Advanced > Browsing > [X] Disable script debugging (Internet Explorer)
Press F12 to open the Developer Tools window.
Click on the Network tab.
Filter traffic by CSS files.
Content type > [X] Style sheets
Browse to or reload your web page and check to see if there are multiple CSS files loaded twice.
I want to write an extension which can be used on mobile chrome, but it seems google doesn't supply a way to do that. So I was thinking to add my extension to developer tools panels using the api chrome.devtools.panels.create. For web page, my new panel can show on the dev tools panel bar, but for mobile chrome using adb to do a remote debug, my new panel won't appear on the dev tools panel.
At first I think it is a dead end, but after that I found extension "page speed" can be seen when using adb to do a remote debug. I copy the manifest.json content ,and replace it with my own content, but it still can't work.
Does any one know how to write a extension/devtools panel to debug chorme mobile?
This doesn't directly answer your question, but if you're ultimately looking for a way to get devtools on mobile, it's now possible on the latest Chrome stable (and newer) channels.
http://www.html5rocks.com/en/tutorials/developertools/mobile/
No, you cannot build extensions for mobile chrome at this time. See the FAQ.
How can I see javascript error when loading chrome extensions? I've tried using developer tools but I don't see any errors there. Also if I use console.log, I don't see any output in the console.
Anyone have any ideas?
http://code.google.com/chrome/extensions/tut_debugging.html
Go to the Extensions page (chrome://extensions), and make sure Developer mode is still enabled. The Extensions page doesn't need to be open for the following to work. The browser remembers the setting, even when the page isn't shown.
Right-click the extension's icon and choose the Inspect popup menu item. The popup appears, and a Developer Tools window like the following should display the code for popup.html.
The above answer doesn't work anymore. Sadly the Inspect Popup menu item has been removed from Chrome.
But this answer works:
Debug popup.html of a Chrome Extension?
(More precisely: the second comment of the first answer on the above page helps).