在任何网页内显示窗口

-1

我想为我自己实现一个应用程序，它应该提供一个小型控制台，我可以在任何浏览器中执行随机JS（很像Firebug的控制台 - 我不会重新发明轮子，我只是想做一些我需要的东西，然后玩得开心）。在任何网页内显示窗口

所以使用用例将是这样：

点击任何浏览器一个书签。
它显示对话框（非常像jQuery对话框或类似的）与文本区域和几个按钮。
用户在文本区域输入JS。
用户单击一个按钮并执行。
用户关闭对话框。

我不知道我怎么能在显示漂亮的对话框任何网页（如Gmail，新闻，静态页面，等等）。

我认为可以创建一个jQuery对话框（或其他库）并将其显示在页面上。但是这可能会导致很多问题，因为对话框可能会与页面CSS，JS等发生冲突。

所以问题是如何在使用JavaScript的所有（主要）浏览器的任何网页上显示自定义对话框。

注意：我不想要一个弹出窗口。 IFRAME可以，但是我们不能使用它，因为网页的DOCTYPE可能不支持它。

谢谢，
德米特里。

来源

2009-12-20 Dmytrii Nagirniak

bookmarklets是一些JS代码，所以你基本上可以开发任何类型的JS程序，并通过书签使用它...只是做你通常会做的事情。检查其他书签如何工作。

关于窗口显示 - 使用类灯箱效果（DIV分层的其他内容）。

来源

2009-12-20 22:52:26 dusoft

我知道bookmarlet是什么。主要问题是窗口。是的，我们可以肯定地使用DIV，但是如何在不知道DOCTYPE的情况下创建div，并且通常不了解页面的内容？如果您将添加一个DIV并尝试附加一个窗口 - 由于在页面上应用了其他CSS，窗口的位置可能会出错。 – 2009-12-20 23:16:10

是什么？ DIV与DOCTYPE有什么关系？如果你不是在谈论HTML 2.0，那么所有最新版本都有DIV。重新CSS - 你得到了JavaScript的服务，所以只是获得屏幕/可见宽度和高度，并把它放在中心。使用attribute！！imporant来覆盖原始文档CSS – dusoft 2009-12-21 00:24:25

DIV与DCOTYPE无关，当然。对不起，我很困惑：我的意思是说，不同的渲染模式和不同的DOCTYPE可以影响DIV出现的位置和方式。所以很难保存对话框的CSS会显示在页面上。所以也许还有其他的方法已知。 – 2009-12-21 02:36:10

http://getfirebug.com/lite.html

在IE，歌剧，Safari浏览器 - 基本上让你在任何浏览器Firebug的功能。

来源

2009-12-21 02:42:05 Erik

正如我在问题中提到的那样，我不是在寻找Firebug在所有浏览器中工作。我想做我自己描述的，为了乐趣和作为研发。 – 2009-12-21 02:49:19

在任何网页内显示窗口

回答

相关问题