2016-08-24 94 views
3

首先,我見過的重複爲什麼#影子根我的文檔中,爲什麼它覆蓋我的CSS

What is #shadow-root, and why does it put display none on my font awesome classes?

HTML/CSS - DIV Element hidden when it shouldn't be?

然而這兩種建議問題與adblock,我已完全禁用adblock。

我更關心#shadow-root的來源,因爲我當然沒有把它放在那裏。

我讀過,有一個選項在鉻來禁用它(有趣的是,我已禁用...),但這意味着任何人使用我的網站將需要做同樣的事情,我寧願只是完全消除它,因爲它在我的應用程序中沒有任何用處。

我也搜索了很多關於陰影的文章,他們都沒有提供任何有關它爲什麼似乎無緣無故的見解。

從我在檢查器/視圖頁面源中看到的,我的應用程序的全部內容都被渲染到這個陰影中,因此沒有收到我的任何樣式。

我用的滑軌,反應,終極版,反應,終極版,反應路由器

Chrome開發者工具屏幕 enter image description here

頁面源代碼的屏幕 enter image description here

注意,源無關,在反應的div應該渲染。

附加信息: 顯示器上的鍍鉻無樣式頁面在正常隱姓埋名

不會在Safari

+1

你能提供一個現場實例或者你所看到的截圖嗎?您在隱身標籤中看到了相同的內容嗎? –

+0

這是什麼#shadow-root?一個CSS選擇器?一個帶有id =「shadow-root」的HTML? – Oriol

+0

...但是你看到'#shadow-root'在隱身標籤的開發工具中嗎? –

回答

3

在所有的工作中大量的鍍鉻插件在您檢查自動創建這個影子的根。例如,自從我下載Vimium以來,我已經在Chrome瀏覽器打開的任何頁面的底部有一個shadowroot div。沒什麼可擔心的。

0

我遇到了同樣的問題,發現它是添加#shadow-root的Adblock Plus。由於上面的資源,我能夠確定問題

0

對我來說,它也是一個Adblocker(uBlock),它實際上隱藏了我製作的顯示導入推文的網頁的一部分。關閉我的網站的adblocker修復它。

相關問題