개발자 콘솔에서 Chrome이 문자열을 자르지 못하게 할 수 있습니까?


46
> ary = new Array('test msg kinda long but gets the point across and such and it shows ellipsises after a certain point in my test. test msg kinda long but gets the point across and such and it shows ellipsises after a certain point in my test. test msg kinda long but gets the point across and such and it shows ellipsises after a certain point in my test. test msg kinda long but gets the point across and such and it shows ellipsises after a certain point in my test. test msg kinda long but gets the point across and such and it shows ellipsises after a certain point in my test.');
> JSON.stringify(ary)
"["test msg kinda long but gets the point across and such and it shows ellipsises... (length: 116)"

나는 전체 객체를 원하지만 Chrome은 약 80 자로 결과를 자르기를 원합니다. 콘솔 설정에 이것을 바꿀 수있는 것이 없습니다.

답변:


42

최근에 Chrome 개발 도구에 copy자르지 않고 클립 보드에 복사 하는 기능이 있다는 것을 발견했습니다 ! 또한 객체를 JSON으로 직렬화하고 DOM 요소를 클립 보드로 HTML로 직렬화합니다.

copy(someLongString); // no truncation!
copy({ foo : true }); // JSON
copy(someDOMElement); // HTML

다른 곳에서 분석하기 위해 긴 문자열을 클립 보드에 복사하려고 시도했기 때문에 내 요구를 완벽하게 충족했습니다.


3
매끈하다. 정말하지만 질문에 대답하지 않는 대신 댓글을해야한다
jcollum

2
+1 이것은 매우 유용합니다. 기술적으로 질문에 대답하지는 않지만 콘솔에서 잘리지 않은 전체 텍스트를 얻는 방법-질문을 일으키는 문제를 해결합니다. 텍스트 편집기에 붙여 넣기 만하면됩니다.
theyetiman

Chrome에 있습니다 : Uncaught ReferenceError : 복사가 정의되지 않았습니다
arod

3
@arod 콘솔에서만 가능하며 gobally는 아닙니다
WickyNilliams

2
이것은 Firefox에서도 작동합니다.
Björn

16

console.dir(longstringhere) 공장.

copy나에게도 효과가 없었습니다 undefined.


1
여기도 마찬가지입니다. 'console.copy'는 작동하지 않지만 'console.dir'은 작동했습니다. 당신은 내 하루를 구했습니다.
Betty

2
copy함수는 아무것도 출력하지 않으므로 (따라서 undefined예상됩니다) 대신 시스템 버퍼에 인수를 복사 ctrl-v하고 편집기에 붙여 넣기 ( )
nazikus

1
작동하지 않습니다 ....
Yossi Shasho

2
콘솔에서 복사해야합니다 (예 : 값이 열려있는 콘솔, 열린 콘솔, 유형) copy(yourVariable). 또한, 그냥 copy하지console.copy
WickyNilliams

1
JS의 모든 함수는 지정되지 않은 경우 undefined를 반환합니다. 실제로 작동합니다.
atilkan

5

이 동작은 여전히 ​​Chrome 버전 37.0.2062.103에 존재합니다.

다음을 사용하여 디버깅하는 동안이 문제를 해결할 수 있습니다. document.write ( 'My Really Long Debug Text');


Windows 7의 경우 37.0.2062.120 m : 타원이 없습니다.
jcollum

더 이상 작동하지 않습니다 ..
Totty.js

4

나는 다음을 사용한다 :

var text = 'a really long string';
window.prompt("Copy to clipboard", text);

그런 다음 편집 필드에서 텍스트를 복사하십시오.


이 또한 잘립니다
시민 conn

2

다음 그림과 같이 Chrome을 더 이상 버전 32로 업그레이드하십시오.

여기에 이미지 설명을 입력하십시오


2
크롬 카나리아 v36 + ... 여전히 그렇게합니다. ...하지만 이제 길이를 표시하지 않습니다. 예 long string...ends here.
gcb

아직 출시되지 않은 크롬 버전입니다. Ubuntu의 v33에서는 발생하지 않습니다 : imgur.com/RPCgR6f- 시험판 버전을 사용하더라도 내 솔루션으로 문제가 해결되지 않아 저를 다운 시켰습니까?!
jcollum

1
"문제를 해결하십시오. 이전 브라우저 버전을 실행할 수 없습니다"--- 이전 브라우저 버전이 아닙니다! 나는 우분투에서 v33에 최신 상태입니다. 내 Windows 상자가 최신 상태이며 v34입니다. v36을 어디서 구할 수 있을지 모르겠습니다. "v33에서는 발생하지 않습니다"– 그리고 v33의 스크린 샷이 증명하는 것은 아닙니다.
jcollum

1
중요한 점은이 버그 / 행동이 33 또는 34 후에 다시 삽입
되었다는 것입니다.

1
좋은 데요 버그 보고서를 제출해야합니다. 현재 이후 출시 된 크롬의 버전을 가지고 있지 않습니다, 당신은 최신으로 업데이트 말하는 나를 downvote 안 발표 크롬 수정 그것의 버전. 그리고 Win7의 V34와 Ubuntu의 V33에서도 마찬가지입니다.
jcollum

2

Chrome 58 (이전의 경우) Store as Global Variable에서는 콘솔에있는 모든 값의 상황에 맞는 메뉴 에서 메뉴 옵션을 사용하여 모든 레벨에 중첩 할 수 있습니다. 선택한 값을 고유 한 이름을 가진 변수에 할당하며 이는 콘솔에 즉시 기록됩니다.

400KB 값으로 시도했습니다!

출처 : https://stackoverflow.com/a/41726364/250838


2

콘솔에 렌더링되는 문자열의 길이는 inspector.js 내에서 프로그래밍 방식으로 제한됩니다. 기본적으로 150 자로 설정되어 있습니다. HTML로 콘솔에 렌더링되기 때문에 적용 할 수있는 CSS가 없습니다. 텍스트가 이미 잘 렸습니다.

변경할 수는 있지만 약간의 작업이 필요합니다.

필요하고 유용한 도구 :

• ack (brew install ack) 또는 ag. (큰 텍스트 파일을 정말 빠르게 검색).

• 파이썬 용 paktools. 크롬 리소스의 압축을 풀면 편집 할 수 있습니다. https://github.com/Magister/pak-tools .

• 선택한 텍스트 편집기.

  1. CD를 사용하거나 사용중인 Chrome 버전을 탐색합니다. Chromium을 예로 사용하고 있지만 다른 버전에서는 경로가 동일합니다.

    cd "/Applications/Chromium.app/Contents/Versions/YOURVERSION/Chromium Framework.framework/Resources/"
    
  2. paktools를 복제하거나 다운로드하십시오. 이렇게하면 크롬 리소스의 포장을 풀고 편집 한 다음 다시 포장 할 수 있습니다. 나는 나의 것을 내 안에 두었다 ~./bin. 예는 내 길을 반영합니다.

  3. 지금에 Chrome/.../Chrome Framework.framework/Resoures폴더를 실행합니다 python2 ~/.bin/unpack.py resources.pakcd ./resouces

  4. 어디에 있는지 찾아야합니다. 파일은 항상 변경되므로 동일하지 않습니다. $ ag "static linkify"그것은 나를 데려 갔다 28542. 함수를 기본값으로 2000 자로 수정하고 CSS를 업데이트하여 콘솔에서 가로로 스크롤 할 수있었습니다.

  5. 이제 압축을 푼 resouces 폴더에서 부모 폴더로 CD를 다시 넣으십시오. 실행 : python2 ~/.bin/pack.py resources그리고 짜잔. Chrome을 다시 시작하면 devtools가 사용자 정의됩니다.

경고 : 6. devtools 팀은 사용자 모르게 프레임 워크 버전을 업데이트합니다. 그리고 그렇게한다면 모든 개조를 잃게됩니다. /Users/Op/Library/Google/GoogleSoftwareUpdate/GoogleSoftwareUpdate.bundle/Contents/Resources/ksinstall --uninstall모든 키스톤 데몬 등 을 실행 하고 죽임으로써 차단합니다 .

매력처럼 작동합니다.

여기에 이미지 설명을 입력하십시오

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.