graphql-network-inspector
graphql-network-inspector copied to clipboard
warrenday
GraphQL tab not appearing on Chrome
Describe the bug The GraphQL tab no longer appears in Chrome DevTools. Closing and opening the Dev Tools (F12) multiple times will usually make it appear but today nothing is working. It has worked perfectly until 2-3 weeks ago
To Reproduce
- Go to a page using GraphQL in Chrome. 2) Hit F12.
- Dev Tools appear
- GraphQL tab does not appear
Expected behavior Grpah QL tab will appear in DevTools on Chrome
Desktop (please complete the following information):
- OS: Mac OS Monterey 12.3
- Chrome Version 99.0.4844.83 (Official Build) (x86_64)
Are other devtools extensions also not loading?
I have had this issue before when my chrome account was synced between two machines. One had the extensions and one didn't causing it to disappear.
Hard to point to the actual reason though. I'll try to recreate on my end but haven't had the same issue so far.
HI, It is only the GraphQL devtool. My other 2 colleagues who use the tool have been reporting the same. This morning. I closed Chrome down completely and re-opened and it came back after a few F12s. I'll see if it gets worse over time again.
Ok thanks for raising, slightly concerning. Yeah please update if the issue persists.
Hey @GeeDat I thought you may be interested to know there is also a desktop version of the app. If you're on mac this will allow you to inspect traffic from any app/browser plus do things like mock live requests with mock data.
You can download the app from here https://graphproxy.com
Give the mocking a try on this pokemon api https://graphql-pokeapi.graphcdn.app
Or checkout the general network inspector at https://medium.com
This is in early beta so let me know what you think!
Hi, Thanks Warren, I already use Insomnia for most of my GraphQL dev testing/mocking. The great thing about the browser version is I can open it in a rtab next to a page and see/test the queries with no need to set up authorization stuff, so it is super quick for sanity what is being reported on other environments.
George
On Wed, 30 Mar 2022 at 13:10, Warren Day @.***> wrote:
Hey @GeeDat https://github.com/GeeDat I thought you may also be interested to know there is also a desktop version of the app. If you're on mac this will allow you to inspect traffic from any app/browser plus do things like mock live requests with mock data.
You can download the app from here https://graphproxy.com
Give the mocking a try on this pokemon api https://graphql-pokeapi.graphcdn.app [image: Screenshot 2022-03-30 at 13 04 10] https://user-images.githubusercontent.com/2871038/160831177-85149031-9bcd-41f3-934e-398669c0e1af.png
Or checkout the general network inspector at https://medium.com
This is in early beta so let me know what you think!
— Reply to this email directly, view it on GitHub https://github.com/warrenday/graphql-network-inspector/issues/62#issuecomment-1083060407, or unsubscribe https://github.com/notifications/unsubscribe-auth/AWTQHKMNPJ7ET7QPUDVA5O3VCRACHANCNFSM5R2FRGQQ . You are receiving this because you were mentioned.Message ID: @.***>
Love insomnia, especially for sending requests to test GraphQL/Rest API's.
I think Graph Proxy solves a slightly different problem though, it's more like Charles Proxy but purpose built for GraphQL.
The mocking/proxy allows you to intercept requests sent from any app. So your website for example could request a list of users but Graph Proxy would catch that request and send back any data you decide, your website would be unaware this happened, so no code changes needed.
Thank you for the insight also!
@warrenday, this issue started happening for me and a number of coworkers. Maybe a Chrome update caused it to stop working?
My coworkers use Chrome, but I use Microsoft Edge and it was working for me until this week when Edge updated to 115.0.1901.200
I can confirm this. Yesterday, I had to close/reopen DevTools on Edge to see the tab again. This is the first time this has ever happened.
No updates on our side, so it will be related to a new browser release. I'll take a look and see what could be causing.
Is this only affecting graphql inspector, or other custom dev extensions too?
Seems be to limited to GraphQL Network Inspector; React and Apollo extensions for example are behaving correctly.
@Xapphire13 Could you confirm your operating system details?
I've just tested on latest Edge and Chrome with Mac (M1 Chip) - both are loading the extension. Potentially could be a windows issue, or a non apple silicon mac.
Closing as we have a new thread for this https://github.com/warrenday/graphql-network-inspector/issues/111