Javascript / Chrome-웹킷 관리자에서 객체를 코드로 복사하는 방법

Javascript / Chrome-웹킷 관리자에서 객체를 코드로 복사하는 방법

---

javascript 객체를 기록하기 위해 javascript에서 console.log 문을 수행하고 있습니다. 일단 완료되면 해당 객체를 자바 스크립트 코드로 복사하는 방법이 있는지 궁금합니다. 내가하려고하는 것은 파일을 서버없이 로컬로 실행할 수 있도록 ajax를 사용하여 작성된 객체를 XML 피드를 정적 javascript 객체로 구문 분석하는 것입니다. Chrome 관리자 창에 객체의 스크린 샷을 포함 시켜서 내가하려는 일을 볼 수 있습니다.

---

1. Chrome 콘솔에서 객체를 마우스 오른쪽 버튼으로 클릭 Store as Global Variable하고 상황에 맞는 메뉴에서 선택 합니다. temp1변수 이름 과 같은 것을 반환합니다 .

2. Chrome에는 copy()방법도 있으므로 copy(temp1)콘솔에서 해당 개체를 클립 보드에 복사해야합니다.

재귀 객체에 대한 참고 사항 : 재귀 객체 를 복사하려고하면을 얻을 수 [object Object]있습니다. 이것은 예상됩니다.

---

시도하십시오 JSON.stringify(). 결과 문자열을 복사하십시오. 순환 참조가 포함 된 객체에는 작동하지 않습니다.

---

copy (JSON.stringify (Object_Name));을 사용하여 클립 보드에 객체를 복사 할 수 있습니다 . 콘솔에서.

예 :-콘솔에 아래 코드를 복사하여 붙여넣고 Enter 키를 누릅니다. 이제 다른 곳에 붙여 넣으십시오 (Windows의 경우 CTRL + V 또는 Mac의 경우 CMD + V). 그러면 { "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-> 네트워크 탭에서 객체를 복사 할 수 있습니다.

페이로드 요청-> 소스보기

---

"글로벌 변수로 저장"을 사용하면 작동하지만 개체가 기록되는 순간이 아니라 개체의 최종 인스턴스 만 가져옵니다 (변경 사항을 개체와 비교하려는 경우가 많으므로). 정확한 수정 시점에 객체를 얻으려면 이것을 사용합니다 ...

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

그렇게 부르세요 ...

logObject(puzzle);

데이터에 쉼표가 있으면 .replace (/./ g, ", \ n") 정규식을 제거 할 수 있습니다.

---

그래서,. 나는이 문제가 있었다. 내가 제외하고는 [object object]

나는 당신이 재귀로 이것을 할 수 있다고 확신하지만 이것은 나를 위해 일했다 :

콘솔에서 수행 한 작업은 다음과 같습니다.

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) 명령을 사용 하십시오 : 여기에 이미지 설명을 입력하십시오. 그런 다음 원하는 위치에 데이터를 붙여 넣을 수 있습니다. 유용한 희망 /

참고 URL : https://stackoverflow.com/questions/10305365/javascript-chrome-how-to-copy-an-object-from-the-webkit-inspector-as-code