posso impedir que o Chrome trunque cadeias no console de desenvolvimento?

38
> 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)"

Eu realmente quero o objeto completo, mas o Chrome quer cortar o resultado em cerca de 80 caracteres. Eu não vejo nada nas configurações do console que mudaria isso.

    
por jcollum 10.01.2014 / 19:53

7 respostas

2

Atualize o Chrome para a versão 32, que não faz mais isso, como mostra esta imagem:

    
por 27.02.2014 / 17:56
35

Descobri recentemente que as ferramentas de desenvolvimento do Chrome têm uma função copy que copia para a área de transferência - sem truncagem! Facilmente, também serializa objetos para elementos JSON e DOM para HTML, direto para a área de transferência.

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

Desde que eu estava tentando copiar uma longa string para a área de transferência para análise em outro lugar, isso atendia perfeitamente às minhas necessidades

    
por 24.09.2014 / 16:14
13

console.dir(longstringhere) funciona.

copy também não funcionou, estava dizendo que é undefined .

    
por 27.06.2016 / 12:53
5

Este comportamento ainda existe no Chrome versão 37.0.2062.103.

Você pode contornar isso durante a depuração usando: document.write ('Meu texto de depuração muito longo');

    
por 19.09.2014 / 21:23
4

Eu uso o seguinte:

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

copie o texto do campo de edição.

    
por 27.07.2015 / 16:11
2

No Chrome 58 (talvez anterior), você pode usar a opção de menu Store as Global Variable no menu contextual de qualquer valor no console, aninhada em qualquer nível. Ele atribui o valor selecionado a uma variável com um nome exclusivo, que é registrado imediatamente no console.

Tentei em um valor de 400 KB!

Fonte: link

    
por 04.06.2017 / 19:00
1

O comprimento da string que é renderizada para o console é limitado programaticamente dentro inspector.js. Está definido para 150 caracteres por padrão. Não há CSS que você possa aplicar porque está sendo renderizado no console como HTML O texto já foi truncado.

Você pode mudar, mas vai dar um pouco de trabalho:

Ferramentas necessárias e úteis:

• ack (brew instalar ack) ou ag. (para procurar grandes arquivos de texto muito rápido).

• paktools para python. Para descompactar os recursos do Chrome para poder editá-los. link .

• editor de texto de escolha.

  1. copie ou navegue para qualquer versão do Chrome que você tenha. Estou usando o cromo como exemplo, mas o caminho é o mesmo em outras versões:

    cd "/Applications/Chromium.app/Contents/Versions/YOURVERSION/Chromium Framework.framework/Resources/"
    
  2. Clone ou faça o download dos paktools. Isso permitirá que você descompacte o cromo recursos, edite-os e, em seguida, reembale-os. Coloquei o meu no meu ~./bin , mas você pode colocá-los em qualquer lugar. Exemplos irão espelhar meu caminho:

  3. Agora, na pasta Chrome/.../Chrome Framework.framework/Resoures , execute: python2 ~/.bin/unpack.py resources.pak e cd ./resouces

  4. Você terá que descobrir onde está. Os arquivos mudam o tempo todo e por isso nunca é o mesmo. $ ag "static linkify" Isso me levou a 28542 . Eu modifiquei a função para o padrão de 2000 caracteres, e também atualizado o css para que eu pudesse rolar horizontalmente no console.

  5. agora retorne da pasta de recursos que você descompactou e é o pai dele. Executar: python2 ~/.bin/pack.py resources e voila. Reinicie o Chrome e seus devtools agora são personalizados.

AVISO: 6. A equipe do devtools envia atualizações das versões do framework sem que você saiba. E você perderá todos os seus mods se eles o fizerem. Eu bloqueio por executando /Users/Op/Library/Google/GoogleSoftwareUpdate/GoogleSoftwareUpdate.bundle/Contents/Resources/ksinstall --uninstall e matando todos os deamons keystone etc.

Funciona como um encanto.

    
por 14.07.2017 / 21:00