Javascript / Chrome - Как скопировать объект из инспектора webkit в виде кода

Я делаю заявление console.log в моем javascript для регистрации объекта javascript. Мне интересно, есть ли способ, как только это будет сделано, - скопировать этот объект в виде кода JavaScript. Я пытаюсь преобразовать объект, созданный с помощью ajax, для анализа потока XML в статический объект javascript, чтобы файл мог работать локально, без сервера. Я включил скриншот объекта в окно Chrome Inspector, чтобы вы могли видеть, что я пытаюсь сделать.

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;
  }, ' ');
}

Щелкните правой кнопкой мыши данные, которые вы хотите сохранить

• Во-первых, щелкните правой кнопкой мыши на данных, которые вы хотите сохранить -> выберите «Сохранить как глобальную переменную», и новая временная переменная будет выглядеть так: (переменная temp3): в консоли появится новая временная переменная
• Во-вторых, используйте команду copy (temp_variable_name), как изображение: введите здесь описание изображения. После этого вы можете вставлять данные в любое место. надеюсь, что полезно /

Добавьте это к своей консоли и выполните

copy(JSON.stringify(foo));

Это копирует ваш JSON в буфер обмена