How to make Google Chrome Dev Tool Stay on Console? - google-chrome-devtools

Every time I refresh the page Google Chrome Dev Tools switches to Sources tab which is getting very annoying. There is no breakpoint and there is no error so showing me random source files is pretty useless and damn irritating. It does not always do this for all web sites. If I have Console tab selected, how can I force it to stay on Console when refreshing? (67.0.3396.99 (Official Build) (64-bit))

Related

Service-worker.js not available in the for debugging in the chrome dev tools

I understand service-worker runs as a separate thread parallel to the main thread.
I have an android app that runs Webview. My app is in react and i use workbox strategies for caching.
Service worker updates everytime I do a new build. However the source file of service-worker.js is not available in the chrome dev tools for me to debug.
Any idea how i can get the file there so that i can put breakpoints and debug ?
PS: just few days before i could get the file for debugging the dev tools. I am not sure what has changed. I havent changed any settings the the browser.
I'm having the exact same problem with the same symptoms and timeframe. I tried everything I can think of and can no longer get remote debugging of a service worker running in an Android WebView to work.
Like you I am sure it was working in mid-February and stopped working in the last few weeks.
I submitted a bug to Google which you can find here.
I think we can only hope it will be fixed in an upcoming release of Chrome.
You can inspect your extension's service worker but it's tricky, I don't know why Chrome doesn't show the service worker in the default chrome extension devtools.
here is how you can do it:
open chrome://serviceworker-internals/?devtools
find your extension there, there is a textarea that shows console logs, every console log will show the extension path in chrome e.g.
Console: {"lineNumber":688,"message":"[crx-helper] connection error","message_level":3,"sourceIdentifier":3,"sourceURL":"chrome-extension://aobpjedackhiamobjolncblfckdgfjbk/background.bundle.js"}
get that sourceUrl chrome-extension://aobpjedackhiamobjolncblfckdgfjbk/background.bundle.js yours will have a different id, which you can also see in chrome://extensions
paste that path in a new tab and open devtools (screenshot).

Uninstalling PWA for development testing (windows)

I installed my PWA on windows through developer's console, and now can't uninstall it to test installing it. I've tried removing service worker from chrome, but it will just get reregistered after I open the PWA through windows (if server is on). When I right click on it and choose uninstall it takes me to windows app and features there's no entry for it, meanwhile the actual shortcut for it surely just leads to chrome with app ID in URL. Trying to install the PWA after everything I've tried will not give me the prompt again to add it to homescreen.
url: makpal.now.sh
screen:
The PWA apps reside in apps menu chrome://apps/ of chrome, and quite possibly exclusively under a different tab (a grayish second bar at the bottom of window), which is where you'd get the option to delete them that works.
EASY STEPS to Remove (uninstall) PWA App on Desktop:
1) Open Chrome Browser
2) Click > Apps button
3) Right click > App you want to remove
4) Select > Remove from Chrome... > Remove.
5) App gone. :)
On Mobile: drag to trashcan.
If you installed PWA using chrome then paste below in chrome URL bar and hit enter:
chrome://apps
Right click on desired app and click remove from chrome
Found the list of PWAs here.
C:\Users\{username}\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Chrome-Apps
You can delete them from there.
If you have installed to Windows OS using developer console, I assume you have done it using the Chrome menu -> "Install to desktop" (if it comes as "add to desktop, it means your site is not meeting minimum PWA cirteria).
If you have installed in any other way, please be specific on what option you have used. It also contradicts at the end of your question, where you were complaining on "Install prompt" is not coming again for "add to home screen". From all I know, install prompt is not supported in Chrome for Windows yet(I know it works in Chrome for Android).
On your other question on service worker getting re-registered every time you visit, that's how they are supposed to work. They will get registered even if you visit a PWA site(adding to home screen is not needed, it will still register service worker and you get all caching benefits)
You can test all these PWA behaviors for this PWA compliant site -> https://pwa.rocks/
If you need more clarity, please rephrase your question to what exactly is happening and what use case is failing, along with supporting code. A link your your site will be best to debug for the community, if that's publicly available.
The Most useful answer I found: (for chrome)
Open Chrome and go to apps
Right click the PWA you want to remove
Click on "Remove from Chrome..."
I faced the same issue when I was built my first PWA and then when I Open anything else with live server it directed me to my PWA site.
You can also go to you windows control panel \ programs then uninstall from there. ( Referring to the PWA that you installed, not uninstalling the browser )

get classic dev mode does not work

I am using GWT 2.6.1 and I want to debug my application as it was before in Eclipse 4.4 (Luna).
When I start debugging in Classic Dev Mode, I get a white blank screen on Chrome. When I open debug screen in Chrome, I see the error message : " Failed to load resource: net::ERR_CONNECTION_REFUSED".
How can I debug in old fashioned way?
Thx in advance.
HDayi
The Dev Mode plugin has been deprecated a long time ago for both chrome and firefox.
If you really want to keep using the old dev mode, the only browser that will allow you to use it right now is Internet Explorer.
If you can, you should consider switching to the all new GWT 2.7 which contains significant improvement to the super dev mode that replaces the old hosted mode, with greatly improved recompilation times.

Chrome does not show network traffic of Silverlight RIA services messages after update to version 32.0.1700.76 m

Couple days ago Google Chrome automatically updated from version 31.* to version 32.0.1700.76 m. After that happened it does not show in DevTools network traffic request/responses of "application/msbin1" type anymore. These requests are visible in all other browsers' dev tools (FireFox, IE) and in Fiddler, but not in Chrome. Also Chrome's popup menu in this version is very glitchy.
I don't see the way to downgrade Chrome to previous version. Please help I don't want to uninstall Chrome.
Network traffic does not even show resources (XAP file) a page loads.
Example:
http://www.microsoft.com/silverlight/pixel-shader/demo/
This page loads file SilverlightShaderApp.xap, however dev tools of new Chrome's version never shows it in network tab.
I posted the question here, because it's developers question, not just chrome users.
I reported this issue on google chrome forum as well: here.
Possibly related bugs:
Issue 173844: Developer tools (Network section) don't show response of requests from flash applications
Issue 335502: XMLHttpRequests from Silverlight is not visible in devtools network tab
To avoid the bug, you could downgrade to Chrome 31. A fully offline installer can be downloaded from http://download.oldapps.com/Chrome/31.0.1650.39_chrome_installer.exe.
If you downgrade Chrome, don't forget to disable auto-update. Also, "star" the relevant issues on Chromium's issue tracker so you'll receive email notifications for progress updates. When the issue is fixed, enable auto-update again.
Often, starting a new version of Chrome renders a profile unusable for older Chrome versions ("Your profile can not be used because it is from a newer version of Google Chrome."). When you see such message on start-up, either delete your old profile (don't forget to make a back-up!) (you can also try to delete some files, according to various users, deleting "Web Data" and "Web Data-journal" is sufficient), or launch Chrome with a new profile directory (--user-data-dir=path\to\profile-dir).
For more information on user profiles, see http://www.chromium.org/user-experience/user-data-directory.

gwt developer tools IE8 plugin install problem on Windows 7

Today I started testing a gwt application on a new notebook with Windows 7. Testing with Firefox went OK, then I started it in IE8. The "Development Mode requires the Google Web Toolkit Developer Plugin" comes up, fine, click on Download. A moment (and a download) later, an IE security warning window comes up ("Do you want to run this software?"), click Run. BTW, I started IE as Administrator...
Then a nice progress bar is displayed, with an "Initializing..." the text above, and it stays stuck forever.
Any ideas?
I had same issue, I think the installer isn't registering the plugin dll correctly. You can do this manually in a command prompt via:
regsvr32.exe "C:\Users\<your user name>\AppData\Local\Google\Google Web
Toolkit\Developer Plugin\IE\oophm.dll"
This is based on a post on the GWT groups.