Как написать приложение для тестирования в реальном времени для HTML и JS и записывать события загрузки страницы

Question

Я пишу в браузере приложение Chrome, которое позволит пользователям редактировать код HTML и JS, а затем иметь возможность протестировать свои изменения в реальном времени.

Мой текущий способ сделать это - создать новое окно с JavaScript, создать IFrame в этом окне, а затем внедрить пользовательский HTML или JS-код в IFrame. Однако проблема в том, что события загрузки страницы IFrame не могут использоваться тестируемым сценарием. Мое приложение может вручную вызывать testWindow.iframe.contentWindow.onload, но это не будет работать с различными событиями и методами, используемыми различными библиотеками JS для их событий в стиле "domready".

Возможно, это невозможно, и мне просто нужно отправить код на сервер и сделать так, чтобы сервер его вывел. Я заметил, что приложения типа jsfiddle на самом деле просто спрашивают, какую библиотеку и событие вы хотите.

Есть какие-нибудь идеи о том, как я могу провести живое тестирование в своем приложении и по-прежнему запускать события загрузки страницы для тестируемого JS?

Answer 1

Только что услышал молниеносный разговор http://vowsjs.org/ этим вечером. Пока не использовал его, но я планирую изучить его для тестирования веб-приложений.

Answer 2

Вы можете использовать dispatchEvent в iframe, который, как вы знаете, будет поддерживаться, так как вы создаете приложение Chrome. В качестве альтернативы, для абсолютно определенной кросс-браузерной совместимости (или по какой-либо другой причине) вы также можете отправить скрипт на ваш сервер (используя Ajax), чтобы сохранить его в базе данных, а затем связать с ним в новом окне.