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

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



답변

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

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

Chrome DevTools에서 Javascript 객체 복사

재귀 객체에 대한 참고 사항 : 재귀 객체 를 복사하려고하면을 얻을 수 [object Object]있습니다. 탈출구 copy(JSON.stringify(temp1))는 객체가 유효한 JSON으로 클립 보드에 완전히 복사되므로 많은 리소스 중 하나를 사용하여 원하는대로 형식을 지정할 수 있습니다.


답변

시도하십시오 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”) 정규식을 제거 할 수 있습니다.