Internet Explorer上的Crossrider擴展性能

我正在使用Crossrider開發跨瀏覽器擴展。該擴展將版本的Twitter Bootstrap注入到頁面中，並將其用作爲擴展注入的許多組件的樣式的基礎。到目前爲止，我已經在Google Chrome，Mozilla Firefox和Internet Explorer上測試了此擴展。Internet Explorer上的Crossrider擴展性能

像往常一樣Chrome和Firefox渲染組件沒有問題。但是，IE9非常適合注入組件。比較頁面的外觀：Google Chrome，以及它在IE9中的呈現方式：Internet Explorer。

有沒有人知道爲什麼IE瀏覽器如此糟糕地呈現組件？在IE9上訪問Bootstrap網站，一切都很正常。

謝謝你的時間。

來源

2013-01-23 Oliver Spryn

如果不能測試實際的擴展名，但由於很多CSS3效果沒有被應用，我預計它會使用IE文檔模式爲舊版IE進行渲染。你是否包含文檔類型？否則，您可能需要嘗試設置X-UA兼容性元標記：http://blogs.msdn.com/b/ie/archive/2010/06/16/ie-s-compatibility-features-for-site- developers.aspx –

@dstorey是的，儘管源代碼的第一行和DTD之間有一個換行符，但我的擴展增強的古代網站的文檔類型是「HTML 4.01 Transitional」。 –

它說它在F12開發工具中使用了什麼渲染模式？如果它不是IE9，切換到IE9模式是否解決了這個問題？ –

正如評論中所述，該頁面是在IE7模式下呈現的，該模式不支持Twitter引導使用的很多CSS3屬性。

您可以告訴IE9使用X-UA兼容性元素以後的渲染模式。以下文章[0]解釋了這一點。

[0] http://msdn.microsoft.com/en-us/library/jj676915(v=vs.85).aspx

例如，<meta http-equiv="x-ua-compatible" content="IE=9" >力IE9標準模式。值爲edge強制使用最新版本。

來源

2013-01-24 19:40:30

Internet Explorer上的Crossrider擴展性能

回答

相關問題