пятница, 19 июля 2013 г.

Команда copy в Chromium DevTools

А вот и ещё одна команда, которая может оказаться чрезвычайно полезной как при отладке, так и при разработке веб приложений.


Значение любой переменной, любого свойства, да и вообще всего, что приводится к строке можно запросто скопировать в буфер обмена без лишних телодвижений. Нужно лишь вызвать из консоли DevTools команду copy() с нужными аргументами.

Например, получить html содержание DOM элемента:

copy(document.querySelector('#myId').innerHTML)

Или получить красивый JSON из объекта:

var obj = {one:1,two:'two',three: [123+542, { a: 'b' }, [2,36, 7]]};
copy(JSON.stringify(obj, null, 2))

{
  "one": 1,
  "two": "two",
  "three": [
    665,
    {
      "a": "b"
    },
    [
      2,
      36,
      7
    ]
  ]
}

Готово!

Жалко, что пока так нельзя вставить =)

var clone = paste();
ReferenceError: paste is not defined

Хорошего дня!