From 184c708b14e110e1856a381c00e8c8a487b04efc Mon Sep 17 00:00:00 2001 From: Christopher Chedeau Date: Thu, 4 Feb 2016 15:36:28 -0800 Subject: [PATCH] Remove React dev tools upsell Summary: React dev tools have been broken since we moved to web worker but we had a gigantic upsell for them. This must be a very frustrating experience for people just starting to use react native to be told to use something and see that it doesn't work. Removing that upsell until it works again screen shot 2016-02-04 at 2 00 37 pm Closes https://github.com/facebook/react-native/pull/5768 Reviewed By: svcscm Differential Revision: D2903017 Pulled By: vjeux fb-gh-sync-id: 731c5fefbef1a5249d632fc62ca36813533f2639 --- local-cli/server/util/debugger.html | 40 ----------------------------- 1 file changed, 40 deletions(-) diff --git a/local-cli/server/util/debugger.html b/local-cli/server/util/debugger.html index 289b1f53b..3d1c5947e 100644 --- a/local-cli/server/util/debugger.html +++ b/local-cli/server/util/debugger.html @@ -27,12 +27,6 @@ window.onbeforeunload = function() { } }; -window.addEventListener('load', function () { - if (typeof window.__REACT_DEVTOOLS_GLOBAL_HOOK__ === 'undefined') { - document.getElementById('devtools-banner').style.display = 'block'; - } -}); - // Alias native implementations needed by the debugger before platform-specific // implementations are loaded into the global namespace var debuggerSetTimeout = window.setTimeout; @@ -123,46 +117,12 @@ connectToDebuggerProxy(); border-radius: 4px; letter-spacing: 3px; } - #devtools-banner { - display: none; - background-color: #FDFDD5; - padding: 10px; - } - #devtools-banner h3 { - margin: 0; - font-weight: normal; - } - #devtools-banner a { - display: none; - padding: 10px 20px 10px 20px; - margin-bottom: 10px; - color: white; - text-decoration: none; - font-size: 11px; - text-shadow: 0 1px 1px rgba(0,0,0,0.1); - text-transform: uppercase; - font-weight: bold; - background-color: #4d7bd6; - border-radius: 2px; - border: 1px solid #2d53af; - display: inline-block; - } .content { padding: 10px; } -
-

Install React DevTools

-

- React Developer Tools is an extension that allows you to inspect the - React component hierarchies in the Chrome Developer Tools. -

- - Install - -

React Native JS code runs inside this Chrome tab.