2012-01-04 77 views
0

我正在使用GWT/Spring開發Web應用程序。目前我的appln只支持IE7。它也支持其他瀏覽器,如Firefox。但是對齊在瀏覽器中發生了變化。如何使Web應用程序視圖在所有瀏覽器中都相同?請幫幫我。支持所有瀏覽器的Web應用程序?

謝謝!

+0

問題是你直到現在定製的東西。一般來說,這是關於應用CSS嘗試錯誤的方法。 – home 2012-01-04 11:53:20

+0

您是否使用_standard mode_或_quirks mode_?你在使用_layout panels_嗎?最後,在所有瀏覽器中,您都不會實現像素完美的渲染,用戶不會介意:只有開發人員使用多個瀏覽器並在它們之間比較結果。 – 2012-01-04 16:59:22

回答

0

Dojo是一個很好的用戶界面庫來看看......

雖然jQuery是更著名的瀏覽器支持,道場要簡單得多。

但是總的來說,沒有硬編碼的方法可以讓每個瀏覽器顯示完全相同的內容。瀏覽器支持的重點在於爲所有瀏覽器提供一個不錯的界面,而不是完全相同的界面。總的來說,只要你使用嚴格的HTML標準,你就會好起來的。

希望這有助於

+0

GWT也是一個不錯的產品,OP說它現在正在使用。我懷疑從GWT切換到任何JS庫會解決這個問題。 – 2012-01-04 16:55:25

+0

true ..我只建議這是一個完全基於UI的解決方案,因爲它沒有太多的服務器端依賴關係 – MozenRath 2012-01-05 10:27:34

-1

的JQuery可能對你有所幫助,但要記住100%跨瀏覽器的支持,而有些髒的調整真的很難實現..

this is a nice link跨瀏覽器的jQuery支持

+0

OP說他已經在使用GWT了;如果他無法使用GWT創建跨瀏覽器的應用程序,切換到jQuery將無濟於事(實際上可能完全相反) – 2012-01-04 16:56:54

+0

@ThomasBroyer,對GWT沒有任何意見... – aProgrammer 2012-01-05 05:24:00

2

在跨瀏覽器兼容性方面沒有銀彈。這是一個巨大的領域,高度依賴於您爲應用程序開發的特定HTML和CSS。爲了實現這種「像素完美」兼容性,可以輕鬆進行小時和數小時的調整,並且往往不值得。就像Piyush提到的那樣,在你希望支持的瀏覽器中確保你的網站看起來不錯(不是破壞版面)可能會更有成效,而不是試圖讓它看起來完全一樣。

我可以給你的最好的建議是遵守HTML標準(哪些標籤可以嵌套在其中,等等),使用CSS進行樣式設計,不要過度使用表格,除非你絕對必須和不要創建佈局如果一個元素是一個像素關閉就會中斷(就像因爲它將101像素寬而不是100)而將內聯div移動到新行一樣。

編輯:這是一個非常有用的小型JavaScript庫,我已經使用了好幾次,http://rafael.adm.br/css_browser_selector/。它的功能是根據瀏覽器向您的<html>元素添加類。這樣,您就可以創建特定的CSS來針對單個(或家庭)瀏覽器,以用於那些必須進入並且專門針對一個瀏覽器的特殊情況。

0

我也有GWT-Spring應用程序。我使用Sencha的EXT-GWT-GXT。 GWT基本上爲不同的瀏覽器編譯組件。

<module> 
     <set-property name="user.agent" value="gecko1_8,ie6" /> 
    </module> 

編譯爲不同的瀏覽器的代碼。但正如所有應用程序一樣,我們針對不同的瀏覽器使用不同的css,並根據需要對其進行調整。有相當少的JavaScript庫可以幫助你,但你可能會遇到與GWT的集成問題。