Suggest Firefox Apollo DevTools as well as Chrome. (#7461)

#7454 (comment)
apollographql · Dec 11, 2020 · dbf2c66 · dbf2c66
1 parent df7e5a5
commit dbf2c66
Showing 1 changed file with 18 additions and 7 deletions.
diff --git a/src/core/ApolloClient.ts b/src/core/ApolloClient.ts
@@ -206,14 +206,25 @@ export class ApolloClient<TCacheShape> implements DataProxy {
         typeof window !== 'undefined' &&
         window.document &&
         window.top === window.self &&
-        !(window as any).__APOLLO_DEVTOOLS_GLOBAL_HOOK__ &&
-        window?.navigator?.userAgent?.indexOf('Chrome') > -1
+        !(window as any).__APOLLO_DEVTOOLS_GLOBAL_HOOK__
       ) {
-        invariant.log(
-          'Download the Apollo DevTools ' +
-            'for a better development experience: ' +
-            'https://chrome.google.com/webstore/detail/apollo-client-developer-t/jdkknkkbebbapilgoeccciglkfbmbnfm',
-        );
+        const nav = window.navigator;
+        const ua = nav && nav.userAgent;
+        let url: string | undefined;
+        if (typeof ua === "string") {
+          if (ua.indexOf("Chrome/") > -1) {
+            url = "https://chrome.google.com/webstore/detail/" +
+              "apollo-client-developer-t/jdkknkkbebbapilgoeccciglkfbmbnfm";
+          } else if (ua.indexOf("Firefox/") > -1) {
+            url = "https://addons.mozilla.org/en-US/firefox/addon/apollo-developer-tools/";
+          }
+        }
+        if (url) {
+          invariant.log(
+            "Download the Apollo DevTools for a better development " +
+              "experience: " + url
+          );
+        }
       }
     }