Использование Plunker, как получить доступ к переменной из консоли браузера

Я использую Plunker (http://plnkr.co/) для тестирования JavaScript. Из консоли браузера я хочу получить доступ к переменным, которые я определил в сценарии.

В Plunker кто-нибудь может сказать мне, как получить доступ к переменной «someValue» из консоли браузера.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    <script type="text/javascript">
      var someValue = 3
      console.log(someValue);
    </script>
</body>
</html>

javascript plunker
person Mike Barlow - BarDev    schedule 16.07.2013    source источник

Ответы (4)


arrow_upward
31
arrow_downward

Я придумал одно возможное решение. В инструментах разработчика Google Chrome в нижней части консоли разработчика «верхний фрейм» можно изменить на «run.plnkr.co» (см. изображение ниже). Это изменит область действия консоли, и теперь можно будет получить доступ к переменным в скрипте.

Plunker в Google Chrome

Вот ответ для jsFiddle: Переменные доступа в jsFiddle из консоли Javascript?

person Mike Barlow - BarDev    schedule 16.07.2013
comment
Проблема в том, что при обновлении предварительного просмотра вы можете вернуться к верхнему кадру. Таким образом, все, что записывается в консоль при загрузке, пропускается. - person Hal Carleton; 24.08.2014

arrow_upward
1
arrow_downward

или вы можете использовать http://jsbin.com/, который отображает консоль напрямую

person Nadir    schedule 30.04.2016

arrow_upward
1
arrow_downward

использование отдельного окна помогло мне отладить области видимости и все такое.

просто следуйте инструкциям ниже, а затем нажмите F12

развернуть в отдельное окно

person DL Narasimhan    schedule 25.07.2016

arrow_upward
0
arrow_downward

Попробуйте использовать console.debug( variable );

Посмотрите и в этом посте:

Разница между console.log() и console.debug()?

person jcdsr    schedule 24.04.2017