Devtools tab not showing about angular

[JeanMeche]

Do you have it maybe in the expanded menu ?

[mackelito]

Nope...

[JoostK]

Is it an Incognito tab?

[zeljkoantich]

Yeah, I had the same issue on Linux Google Chrome Version 121.0.6167.139 (Official Build) (64-bit).

I got the tab back, after removing/reinstalling Angular DevTools + Browser restart.

[mackelito]

Yeah, I had the same issue on Linux Google Chrome Version 121.0.6167.139 (Official Build) (64-bit).

I got the tab back, after removing/reinstalling Angular DevTools + Browser restart.

I have tried to reinstall and restart so many times now :D

[mackelito]

Is it an Incognito tab?

No.. not incognito.. but I did try there as well (after enabled in incognito)

[mrByco]

Same issue

[JeanMeche]

Could you check if of the extension page you have an error button for the Angular devtools ?

[mackelito]

Sorry for the late reply.. no errors at all

[AhsanAyaz]

I also don't see the Angular tab in the chrome devtools.

[markusahrweileramcon]

same here

[DmitryAvanesov]

same issue

[jbjhjm]

same issue here, reinstalled DevTools plugin, no errors being reported, tab will not appear.

[eneajaho]

same issue, no error, just doesn't show up

[jamesdanielspassle]

Same issue. I uninstalled and reinstalled dev tools. All I had to do was close and re-open the tab. I didn't need to close Chrome or restart my machine. I'm not even sure I needed to uninstall DevTools

[cmrabet]

Same issue here; Chrome Version 123.0.6312.58.

Re-installed, restarted, etc.. many times. Tab doesn't show up, entry menu doesn't show up under more tools either.

[fonnerk]

Same issue here: Chrome Version 123.0.6312.86

Reinstalled, restarted. Tab does not show up in developer tools... Interestingly on another system of mine running chrome it worked fine...

Also of note... the pinned extension DOES show up when hitting my angular site... so the extension is running to a degree... it detects their is an angular site. The Angular tab in the dev tools window is just not showing up.

while troubleshooting... I turned on developer mode for extensions... which gave me a setting for the extension to collect errors... I turned that on in angular dev tools and after loading my test app, I saw an errors button on the extension.

Error displayed in the errors screen for the angular dev tools extension.

=====================================

Uncaught Error: Extension context invalidated.

Context
http://localhost:4301/

Stack Trace
app/ng_validate_bundle.js:1 (anonymous function)

"use strict";(()=>{window.addEventListener("message",e=>{e.source===window&&e.data&&chrome.runtime.sendMessage(e.data)});if(document.contentType==="text/html"){let e=document.createElement("script");e.src=chrome.runtime.getURL("app/detect_angular_for_extension_icon_bundle.js"),document.documentElement.appendChild(e),document.documentElement.removeChild(e)}})();

=====================================

Let me know if I can provide anything else that would help.

[ahulist]

I think it depends on when you open the Dev Tools. If you access an Angular app and then open the Dev Tools - it works. If you open the Dev Tools first (e.g. on an empty tab), Angular tab is not there and it does not appear after opening an Angular app in this tab.