如何判斷瀏覽器是IE並套用相應的程式碼? (If IE技巧)

如果你是一個網頁設計師,那當你在設計網頁時最討厭的一件事一定是:瀏覽器相容性,每一種瀏覽器對於CSS、JavaScript的支援都不一樣,往往你的CSS語法用Cgrome瀏覽器看的時候很正常,可是換成Firefox卻會有不同效果出現,而這種情況又以IE最常發生,因為IE對於CSS、JavaScript的支援度最差,別的瀏覽器可能是效果不同,IE卻有可能是沒有效果… 所以這篇文章就是要教大家如何去針對IE瀏覽器或非IE瀏覽器套用特定的程式碼、CSS語法

有些人會使用Javascript來判斷瀏覽器,並且套用相對應瀏覽器的程式碼,但事實上使用Javascrip判斷不是最好的作法,如果使用者停用Javascrip的話那網頁就可能變得一團亂,其實可以直接用HTML語法來判斷使用者的瀏覽器:是不是IE、還有IE的版本,那就叫做IE判斷式

IE判斷式:

一.檢查是否為IE:

二.檢查IE的版本:

三.當瀏覽器版本低於X時:

四.當瀏覽器的版本高於X時:

以上四種是最常見的用法,當你寫入這樣的HTML時,瀏覽器會去判斷他自己是否符合條件,如果符合條件就會顯示出標籤內的資料,不符合條件的話就會直接跳過他

需要注意的是以上的寫法「必須要是IE才行」,也就是說你可能設定IE 8以上才會顯示,但是用上面的寫法,當訪客使用Chrome、Firefox等瀏覽器時…. 也不會顯示你要顯示的內容,如果你要做到「當瀏覽器不是IE 8及使用其他瀏覽器時要顯示…」的話:

<--

條件式說明:lte、gte、lt、gt

在剛剛的條件是裡面你應該有注意到lte、gte、lt、gt這些關鍵字吧~ 下面會簡單介紹lte、gte、lt、gt這些字的用處

  • lte:當版本不大於(小於等於)時顯示
  • lt:當版本小於時顯示
  • gte:當版本不小於(大於等於)時顯示
  • gt:當版本大於時顯示

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *