Показать окно внутри любой веб-страницы

Question

Я хочу реализовать для себя утилиту, которая должна обеспечить небольшую консоль, где я могу запускать случайные JS в любом браузере (так же, как консоль Firebug - я не изобретаю колесо, я просто хочу сделать то, что мне нужно, и просто веселиться, делая это).

Таким образом, сценарий использования будет следующим:

1. Нажмите на закладку в любом браузере.
2. Показывает диалог (очень похожий на диалог jQuery или аналогичный) с текстовой областью и парой кнопок.
3. Пользователь вводит JS в текстовую область.
4. Пользователь нажимает кнопку, и она выполняется.
5. Пользователь закрывает диалоговое окно.

Я не знаю, как отобразить хороший диалог на любой веб-странице (Gmail, новости, статические страницы и т. Д.).

Я думаю, что можно было бы создать диалоговое окно jQuery (или другую библиотеку) и показать его на странице. Но это может привести к множеству проблем, так как диалог может конфликтовать с CSS страницы, JS и так далее.

Таким образом, вопрос в том, как отобразить настраиваемое диалоговое окно на любой веб-странице из всех (основных) браузеров, использующих JavaScript.

ПРИМЕЧАНИЕ: я не хочу иметь всплывающее окно. С IFRAME все будет в порядке, но мы не можем его использовать, поскольку DOCTYPE веб-страницы может не поддерживать его.

Спасибо
Дмитрий.

Answer 1

http://getfirebug.com/lite.html

Работает в IE, Opera, Safari - в основном предоставляет функциональность firebug в любом браузере.

Answer 2

букмарклетов - это фрагменты кода JS, так что вы можете в основном разрабатывать любые JS-программы и использовать их через букмарклет ... просто делайте то, что вы делаете в обычном режиме. проверьте, как работают другие закладки.

относительно отображения окна - используйте эффект лайтбокса (слой DIV поверх другого контента).