Javascript / Chrome - як скопіювати об’єкт з інспектора веб-браузера як код

Я роблю оператор console.log у своєму javascript, щоб увійти в об'єкт javascript. Мені цікаво, чи є спосіб, як тільки це зробити - скопіювати цей об’єкт як код JavaScript. Я намагаюся зробити це перетворити об’єкт, створений за допомогою ajax для розбору каналу XML, у статичний об’єкт JavaScript, щоб файл міг працювати локально, без сервера. Я включив знімок екрана об’єкта у вікно хромованого інспектора, щоб ви могли бачити, що я намагаюся зробити.

1. Клацніть правою кнопкою миші об’єкт на консолі Chrome і виберіть Store as Global Variableіз контекстного меню. Він поверне щось на зразок temp1імені змінної.

2. У Chrome також є copy()метод, тому copy(temp1)в консолі слід скопіювати цей об’єкт у буфер обміну.

Примітка щодо рекурсивних об'єктів: Якщо ви намагаєтесь скопіювати рекурсивний об'єкт, ви отримаєте [object Object]. Вихід із цього - copy(JSON.stringify(temp1))об’єкт буде повністю скопійований у буфер обміну як дійсний JSON, тож ви зможете відформатувати його за своїм бажанням, використовуючи один із багатьох ресурсів.

Спробуйте JSON.stringify(). Скопіюйте отриманий рядок. Не працює з об’єктами, що містять кругові посилання.

Ви можете скопіювати об’єкт на дошку для відеокліпів за допомогою copy (JSON.stringify (Object_Name)); в консолі.

Наприклад: - Скопіюйте та вставте наведений нижче код у консоль та натисніть клавішу ENTER. Тепер спробуйте вставити (CTRL + V для Windows або CMD + V для mac) його десь ще, і ви отримаєте {"name": "Daniel", "age": 25}

var profile = {
    name: "Daniel",
    age: 25
};

copy(JSON.stringify(profile));

Тепер ви можете це зробити в Chrome, клацнувши правою кнопкою миші на об'єкті та вибравши "Зберегти як глобальну змінну": http://www.youtube.com/watch?v=qALFiTlVWdg

Виконайте наступні дії:

1. Виведіть об'єкт з console.log з вашого коду, як-от так: console.log (myObject)
2. Клацніть правою кнопкою миші на об’єкті та натисніть «Зберегти як глобальний об’єкт». У цей момент Chrome надрукував би ім'я змінної. Припустимо, це називається "temp1".
3. В консолі введіть: JSON.stringify(temp1).
4. У цей момент ви побачите весь об'єкт JSON як рядок, який ви можете скопіювати / вставити.
5. Ви можете використовувати онлайн-інструменти, такі як http://www.jsoneditoronline.org/, щоб вподобати рядок у цей момент.

Якщо ви надіслали об’єкт через запит, його можна скопіювати на вкладці Chrome -> Network.

Запит корисної навантаження -> Переглянути джерело

Використання "Зберігати як глобальну змінну" працює, але він отримує лише остаточний екземпляр об'єкта, а не той момент, коли об'єкт реєструється (оскільки ви, ймовірно, хочете порівнювати зміни з об'єктом у міру їх виникнення). Щоб отримати об'єкт в його точний момент часу, коли він буде змінений, я використовую це ...

function logObject(object) {
    console.info(JSON.stringify(object).replace(/,/g, ",\n"));
}

Назвіть це так ...

logObject(puzzle);

Можливо, ви захочете видалити .replace (/./ g, ", \ n") регулярний вираз, якщо у ваших даних є кома.

Тому,. У мене виникло це питання. за винятком я отримав [об'єкт об'єкта]

Я впевнений, що ви могли це зробити за допомогою рекурсії, але це працювало для мене:

Ось що я зробив у своїй консолі:

var object_that_is_not_shallow = $("all_obects_with_this_class_name");
var str = '';
object_that_is_not_shallow.map(function(_,e){
    str += $(e).html();
});
copy(str);

Потім вставте у свій редактор.

Це повинно допомогти впорядкувати глибокі об'єкти, виключаючи рекурсивні Windowта Nodeоб'єкти.

function stringifyObject(e) {
  const obj = {};
  for (let k in e) {
    obj[k] = e[k];
  }

  return JSON.stringify(obj, (k, v) => {
    if (v instanceof Node) return 'Node';
    if (v instanceof Window) return 'Window';
    return v;
  }, ' ');
}

Клацніть правою кнопкою миші дані, які потрібно зберегти

• По-перше, клацніть правою кнопкою миші на даних, які ви хочете зберегти -> виберіть "Зберегти як глобальну змінну". І нова змінна темп відобразиться внизу: (змінна темпп): нова змінна темп з'явиться в консолі
• Копія команди другого використання (temp_variable_name) на зразок малюнка: введіть тут опис зображення. Після цього ви можете вставити дані в будь-яке місце, де вам потрібно. сподіваюсь на корисні /

Додайте це до консолі та виконайте

copy(JSON.stringify(foo));

Це копіює ваш JSON у буфер обміну