在任何網頁內顯示窗口

-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

在任何網頁內顯示窗口

回答

相關問題