Pergunta

Eu quero adicionar um botão para um dos nossos sites que irá permitir que o usuário preencha um bug com o nosso sistema de rastreamento de bugs.

Um dos pedidos de recurso é que uma tampa de tela da página em questão ser enviado junto.

Sem instalar algo na máquina usuários finais, como posso fazer isso? O javascript ter algum tipo de tampa tela api?

Foi útil?

Solução

Você pode agarrar a innerHTML da página e, em seguida, processá-lo no servidor:

document.getElementsByTagName('html')[0].innerHTML;
// this would also be interactive (i.e. if you've
// modified the DOM, that would be included)

Outras dicas

Não, javascript não tem nada parecido com isso.

Eu tenho medo que isso vai ser muito difícil. Eu não posso pensar qualquer coisa que possa fazer isso sem instalar no computador dos usuários.

Eu gostaria de ser provado errado, mas pelo menos esta é uma resposta para você.

obter tanta informação como você pode sobre o ambiente do usuário usando jQuery. agente (jQuery.support) / user / biscoitos / form valores de entrada, o URL (para obter os parâmetros e saber qual página tinha um erro)

Enviar a fonte da página, como mencionada por Moff. Tente serialização o DOM como é agora para que você possa comparar o que é diferente da página original.

Também é útil para enviar a fonte da página se você precisa mantê-lo para fins históricos, uma vez que quando você atualizar a página, ela será tornado diferente.

Eu sugiro algum tipo de integração com FireShot que é um complemento gratuito Firefox / IE.

Concordo com as outras respostas -. Nenhum dado

No entanto, existe um plugin firefox, o Pérola Crescent página Saver , que pode valer a pena olhando para para tarefas relacionadas.

Dê uma olhada em pagecrop (implementado com jQuery + jCrop plug-in)

que deve estar faltando alguma coisa, mas você não pode simplesmente ...

Imprensa PrtScr no teclado e colar em email.

Consulte esta questão . Basicamente, não, não com javascript. Talvez com ActiveX, mas que está de volta à instalação de coisas no PC do cliente.

Considere escrever um script do lado do servidor que se repete a solicitação do usuário exatamente (assumindo que não é depois de um POST) e armazenar o arquivo HTML resultante.

Você pode olhar em usar uma solução baseada na web, como o oferecido em Super tela! ou < a href = "http://www.webshotspro.com/" rel = "nofollow noreferrer"> WebShotsPro.com . Dependendo de suas necessidades, tais como screenshots de áreas específicas de páginas ou páginas inacessíveis do mundo exterior, ele pode não funcionar para você, mas é uma idéia.

Você também pode dar uma olhada em como Evernote faz a sua captura de tela e talvez você pode amarrar-se para isso, ou criar sua própria extensão do Chrome. https://chrome.google.com/webstore/detail / evernote-web-clipper / pioclpoplcdbaefihamjohnefbikjilc? hl = en

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top