Как скопировать наблюдаемую переменную javascript в Chrome?
Я поставил точку останова в javascript и проверил некоторый код с Chrome. Я также добавил выражение часов для значения.
Chrome разбивается на точку останова и показывает значение. Однако значение очень велико, и оно не отображает все. Я перемещаю разделитель окна влево, но он останавливается на среднем экране. Когда я дважды нажимаю на наблюдаемую переменную, он хочет отредактировать выражение. Когда я нажимаю один раз и перетаскиваю его, он выбирает видимый текст, но не все. Щелчок правой кнопкой ничего не делает.
Вот что я вижу
url: "m=mtgoxUSD&SubmitButton=Draw&r=&i=&c=0&s=&e=&Prev=&Next=&t=S&b=&a1=&m1=10&a2=&m2=25&x=0...
Я хочу скопировать все выражение без ...
в конце. Как я могу это сделать?
Ответы
Ответ 1
Вот что я делаю.
Изменить:. Это работает с переменными области видимости, которые находятся ниже панели "Наблюдения".
-
Дважды щелкните значение, чтобы перейти в режим редактирования.
-
Ctrl + A (windows) или Cmd + A (mac), чтобы выбрать все значение.
-
Ctrl + C (или Cmd + C) для копирования.
Ответ 2
Я добавляю поздний ответ спустя почти 3 года, потому что с текущими инструментами Chrome Dev Tools ни один подход не работает, если у вас есть массив или даже просто вложенное свойство Object в этой переменной, следуя двум ответам, вы просто закончите копирование строки с большим количеством строк Array[size]
или Object
, чередующихся в фактическом значении объекта, совершенно бесполезно для сложных иерархий объектов.
Предлагаемые подходы одобрены, если вам просто нужно вручную перемещаться по значению, но не нужно копировать его по запросу в вопросе.
То, что я рекомендую вместо этого, особенно если вам нужно скопировать наблюдаемое значение, чтобы использовать его в качестве содержимого новой переменной, заключается в том, чтобы выгрузить его на консоль после того, как он был сжат.
Показать консоль Javascript и введите:
console.log(JSON.stringify(my_watched_var))
Таким образом, полная структура будет отображаться в чистом Javascript, полностью переработанном/с возможностью копирования.
Ответ 3
Покажите консоль, затем введите отображаемое выражение и нажмите. Вы увидите всю ценность, и вы сможете ее выбрать и скопировать.
В то время как отладчик приостановлен, это работает даже с выражениями, которые включают локальные переменные, которые находятся в области действия в текущей точке выполнения.
Ответ 4
Командная строка консоли Chrome DevTools имеет встроенную функцию "копирование":
copy(my_variable)
Если значение my_variable
не является строкой, оно будет автоматически преобразовано в JSON. Полученная строка остается в системном буфере обмена для вставки.
Здесь справочный документ.
Ответ 5
Посмотрите на этот ответ Есть ли способ автоматического расширения объектов в Chrome Dev Tools?", он выполняет итерации по всем свойствам объекта и показывает полный иерархии, включая тип данных и значения.
Полезно, если вам нужно сравнить два состояния приложения.
Ответ 6
Эта ссылка имеет удивительное описание: https://scottwhittaker.net/chrome-devtools/2016/02/29/chrome-devtools-copy-object.html
шаги:
1) Щелкните правой кнопкой мыши переменную и выберите "Добавить как глобальную переменную"
2) В консоли напишите копию (temp1)
3) Откройте любой редактор и вставьте