Coder Social home page Coder Social logo

Comments (10)

JonShort avatar JonShort commented on May 20, 2024 10

For others which find this issue after searching something like 'React devtools codesandbox' and need a workaround - You can now use the React DevTools by opening the iframe in a new window:
image

Then use the DevTools on the new tab 👍

Thanks to Kent C Dodds for revealing this solution to me!

from codesandbox-client.

lbogdan avatar lbogdan commented on May 20, 2024 2

And for those who search for "vue devtools codesandbox", this also works for Vue! 🙂

from codesandbox-client.

lbogdan avatar lbogdan commented on May 20, 2024 1

Just in time for the spring cleaning, so that I can close this long-standing issue! 👏

from codesandbox-client.

lbogdan avatar lbogdan commented on May 20, 2024 1

Hint: it doesn't need to be detected in order to work (if you look closely you'll see my Vue icon is grayed, too). Just open Chome DevTools and go to the Vue tab. 🙂

from codesandbox-client.

ryanbraganza avatar ryanbraganza commented on May 20, 2024

It looks like to debug an iframe, the React devtools electron app can be used. See facebook/react-devtools#76

Is there a way to modify the <head> to add a <script> before the bundle?

screen shot 2017-07-21 at 8 34 34 am

from codesandbox-client.

artivilla avatar artivilla commented on May 20, 2024

Happy to help here. Not sure which direction @CompuIves wants to take this -- as a separate window which is odd to me or part of the react dev tools plugin. There are also several places where react-dom is initialized so not sure where I'd place the block if (window.parent !== window) { mentioned in facebook/react-devtools#76.

from codesandbox-client.

PeterKnight avatar PeterKnight commented on May 20, 2024

I've had no luck getting vue devtools to work on codesandbox even with the sandbox running inside a new window, has anyone else? When I move any vue project from codesandbox to local machine it does work however.

from codesandbox-client.

lbogdan avatar lbogdan commented on May 20, 2024

@PeterKnight It's working here:
screen shot 2018-09-25 at 14 52 16

from codesandbox-client.

PeterKnight avatar PeterKnight commented on May 20, 2024

for me the vue devtools extension shows "Vue.js not detected", I'm running windows 10 x64 and have tried 3 different browsers with the latest vue devtools installed.

from codesandbox-client.

PeterKnight avatar PeterKnight commented on May 20, 2024

Lol, it does! Thanks @lbogdan

from codesandbox-client.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.