Depurar JS do navegador sem um servidor / localhost

Question

Depurar JS do navegador sem um servidor / localhost

#1 resposta do (3 votos)
#2 resposta do (1 votos)
#3 resposta do (0 votos)

2

Então, algo que faço com muita frequência é escrever scripts aleatórios no JS sem realmente fazer parte de um aplicativo. Para executá-los, basta colá-los no console do Chrome of FF, que funciona como um REPL, ou se eu realmente precisar de mais depuração, basta adicioná-lo ao meu aplicativo de teste no host local e pesquisá-lo no navegador. Existe uma maneira de obter toda a boa depuração de um navegador (pontos de interrupção, locais, etc), sem que seja servido de um servidor? , por exemplo, apenas copiando e colando meu código no console ou algo assim?

debug javascript browser-addons

por sazpaz 28.10.2012 / 22:42

3 respostas

1

Se você tiver o php instalado, você pode executar um script .vbs para colar o conteúdo em um arquivo e executar um servidor php na hora. testjs.vbs:

Set objHTML = CreateObject("htmlfile")
ClipboardText = objHTML.ParentWindow.ClipboardData.GetData("text")
Set fs= CreateObject("Scripting.FileSystemObject")
Set file= fs.CreateTextFile("testjs.html", True)    
file.WriteLine "<!DOCTYPE html><html><body><h3>JS test</h3><script>"
file.WriteLine ClipboardText
file.WriteLine "</script></body></html>"
file.Close
Set osh = WScript.CreateObject("WScript.Shell")
osh.Run "explorer http://localhost:8000/testjs.html"
osh.Run "cmd /K php -S localhost:8000"

Copie seu código JS para o Clipboard e execute este script.

Por outro lado, eu tenho um arquivo phpserver.BAT no meu shell: pasta sendto (Windows) para executar um servidor php para cada pasta que eu envio para - > phpServer.bat. Ele contém os mesmos comandos cmd usados acima. shell: sendto / phpserver.bat:

explorer http://localhost:8000
php -S localhost:8000

Você estava perguntando sobre uma solução sem servidor, mas isso é muito rápido e útil. Para desligar o servidor on-the-fly você só precisa fechar a janela do console do php. Note que se você não tiver o diretório home do seu php na sua variável de ambiente PATH, você terá que especificar o caminho completo para o php. Geralmente C: \ Arquivos de Programas \ php ...

Btw, você conhece o NodeJs? (JS rodando no servidor, com console, etc)

por 14.06.2013 / 23:21

0

Para o FireFox, o FireBug e o JSFiddle são itens indispensáveis para a depuração. Você não só poderá depurar com pontos de interrupção, mas também modificar quaisquer dados como parte da transação.

Para o Chrome, ele é incorporado: link ... clique com o botão direito do mouse em um elemento e vá inspecionar . Como alternativa, se você quiser uma única interface, confira o Firebug Lite for Chrome.

IE9 / 10 ... aperte F12 para ferramentas de desenvolvedor, eles têm capacidade de depuração.

IE8 (não sei, nunca me incomodo em verificar isso)

IE7, você precisará baixar as ferramentas de desenvolvedor da Microsoft.

por 28.10.2012 / 23:18

Tags debug javascript browser-addons

É possível usar uma conta da Microsoft e não efetuar login com uma senha? Computador de mesa é iniciado, o BIOS é executado, desliga

score 3 · Accepted Answer

Você pode usar o link .

JS Bin is a webapp specifically designed to help JavaScript and CSS folk test snippets of code, within some context, and debug the code collaboratively.

JS Bin allows you to edit and test JavaScript and HTML (reloading the URL also maintains the state of your code - new tabs doesn’t). Once you’re happy you can save, and send the URL to a peer for review or help. They can then make further changes saving anew if required.

Atualização:

Eu não acho que você pode colocar um ponto de interrupção como o script que você escreve é automaticamente verificada pelo jsbin na janela do console e se houver um erro após a atualização, ele será pausado no depurador.

Sevocênãoatualizarapágina,elaseráavisadaenquantovocêdigitasobrepossíveiserros.

Também para sua informação, o script que você escreve é analisado pelo jsbin, então é armazenado no recurso de edição.