執行與Firebug，Chrome開發人員工具等類似功能的網站

我正在尋找一個網站，其中複製了至少一些Firebug，Chrome開發人員工具等最基本的功能，但這對於非開發人員使用。執行與Firebug，Chrome開發人員工具等類似功能的網站

最起碼，我希望能夠告訴一個非開發人員：

訪問http://checkthedom.com/sitethatneedschecking.com
將鼠標懸停在文本的特定段落或一些其他元素
告訴我的字體etc被用於那個元素

我需要找到一個這樣做的網站，因爲我不能要求非開發者使用bookmarklets或者安裝瀏覽器插件或遵循指示離子會根據他們使用的特定瀏覽器而變化。

我在下面粘貼了一張圖片，顯示了我希望非開發人員看到的內容。

有沒有這樣的網站？

enter image description here

來源

2013-05-02 steven_noble

這聽起來很適合_your_需求。誰能說別人不需要其他信息？顏色，定位等等。不久之後，你剛剛得到了Firebug。話雖如此，如果它不存在，你應該建立它。我相信它仍然是一個非常受歡迎的工具！ – 2013-05-02 12:59:34

如果網站做了所有的螢火蟲，那會很好。我只是不想讓人們避免提到一個潛在的網站，因爲它只是做了一些螢火蟲。 – 2013-05-02 13:04:49

嗯，我只是給它一個鏡頭，但它可能會是一個真正的鬥爭。要加載您網域中的其他網站，您需要使用iframe。如果你這樣做，你不能在子框架上執行任何js。壞消息！書架市場，不幸的是，你可能是最好的選擇。我建立了一個[使用jQuery的小例子]（http://jsfiddle.net/YufVv/），如果你將它轉換成純ps，你可以創建一個相對較小的書店來解決這個問題。 – 2013-05-02 13:17:34

我試過一對夫婦的網站做到這一點：

雖然它不顯示CSS作爲一個彈出（這是在窗口的右側），Firefox built-in 3D viewer可能有助於可視化網站。

來源

2013-05-02 13:36:14 andyb

謝謝。像XRAY這樣的書籤是我的靈感。但我正在尋找一種方法來實現這一點，而不要求非開發人員安裝書籤。再次感謝。 – 2013-05-02 23:42:17

執行與Firebug，Chrome開發人員工具等類似功能的網站

回答

相關問題