search

warrenday / graphql-network-inspector

A better network inspector for viewing and debugging GraphQL requests.
MIT License
466 stars 46 forks source link

GraphQL tab not appearing on Chrome #62

Closed GeeDat closed 3 months ago

GeeDat commented 2 years ago

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 1) Go to a page using GraphQL in Chrome. 2) Hit F12. 3) Dev Tools appear 4) GraphQL tab does not appear

Expected behavior Grpah QL tab will appear in DevTools on Chrome

Desktop (please complete the following information):

warrenday commented 2 years ago

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.

GeeDat commented 2 years ago

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.

warrenday commented 2 years ago

Ok thanks for raising, slightly concerning. Yeah please update if the issue persists.

warrenday commented 2 years ago

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

Screenshot 2022-03-30 at 13 04 10

Or checkout the general network inspector at https://medium.com

This is in early beta so let me know what you think!

GeeDat commented 2 years ago

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: @.***>

warrenday commented 2 years ago

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!

Xapphire13 commented 11 months ago

@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

Odonno commented 11 months ago

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.

warrenday commented 11 months ago

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?

Xapphire13 commented 11 months ago

Seems be to limited to GraphQL Network Inspector; React and Apollo extensions for example are behaving correctly.

warrenday commented 11 months ago

@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.

warrenday commented 3 months ago

Closing as we have a new thread for this https://github.com/warrenday/graphql-network-inspector/issues/111