Как скопировать наблюдаемую переменную 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) Откройте любой редактор и вставьте