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

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

Ответ 1

Щелкните правой кнопкой мыши объект в консоли Chrome и выберите " Store as Global Variable в контекстном меню. Он вернет что-то вроде temp1 качестве имени переменной.
У Chrome также есть метод copy(), поэтому copy(temp1) в консоли должен скопировать этот объект в ваш буфер обмена.

Примечание по рекурсивным объектам. Если вы пытаетесь скопировать рекурсивный объект, вы получите [object Object]. Этого можно ожидать.

Ответ 2

Попробуйте JSON.stringify(). Скопируйте полученную строку. Не работает с объектами, содержащими циклические ссылки.

Ответ 3

Вы можете скопировать объект в буфер обмена с помощью 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));

Ответ 4

Теперь вы можете выполнить это в Chrome, щелкнув правой кнопкой мыши на объекте и выбрав "Сохранить как глобальную переменную": http://www.youtube.com/watch?v=qALFiTlVWdg

Ответ 5

Выполните следующие действия:

Выведите объект с помощью console.log из вашего кода, например: console.log(myObject)
Щелкните правой кнопкой мыши объект и нажмите "Сохранить как глобальный объект". В этот момент Chrome напечатает имя переменной. Предположим, что это называется temp1.
В консоли введите: JSON.stringify(temp1).
На этом этапе вы увидите весь объект JSON в виде строки, которую вы можете скопировать/вставить.
Вы можете использовать онлайн-инструменты, такие как http://www.jsoneditoronline.org/, чтобы префикс вашей строки на этом этапе.

Ответ 6

Если вы отправили объект по запросу, вы можете скопировать его с вкладки Chrome → Network.

Запрос полезной нагрузки → Просмотр источника

Ответ 7

Использование "Сохранить как глобальную переменную" работает, но оно получает только последний экземпляр объекта, а не тот момент, когда объект регистрируется (поскольку вы, скорее всего, захотите сравнить изменения с объектом по мере их возникновения), Чтобы получить объект в его точную точку во время изменения, я использую это...

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

Назовите его так...

logObject(puzzle);

Возможно, вы захотите удалить регулярное выражение .replace(/./g, ",\n" ), если в ваших данных есть запятая.

Ответ 8

Так,. У меня был этот вопрос. кроме того, что я получил [объект объекта]

Я уверен, что вы могли бы сделать это с рекурсией, но это сработало для меня:

Вот что я сделал в консоли:

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);

Затем вставьте в свой редактор.

Ответ 9

Это должно помочь структурировать глубокие объекты, исключая рекурсивные объекты 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;
  }, ' ');
}

Ответ 10

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

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