檢測瀏覽器以確定顯示閃存或html

我有關於在不同的網頁瀏覽設備上顯示不同內容的問題。我知道用CSS我可以根據瀏覽器的寬度大小顯示不同的樣式表。但我現在面臨的挑戰是Flash內容，我爲我的公司網站設置了Flash內容，並且我們都知道移動設備不支持Flash。爲了解決這個問題，我考慮爲移動設備製作一個簡單的HTML版本的網站。但是，我可以使用什麼來確定何時加載Flash或何時加載HTML？例如，如果我要通過桌面訪問該網站，FLASH網站將會加載，如果我要使用手機訪問該網站，則會加載HTML網站。我很新的網頁設計，所以任何形式的幫助將不勝感激。非常感謝提前檢測瀏覽器以確定顯示閃存或html

來源

2014-01-27 user2943852

我只是經常去與HTML/CSS/JS;閃光燈死了。 CSS3現在有很多功能。 –

[Javascript中的跨瀏覽器Flash檢測]的可能重複（http://stackoverflow.com/questions/159261/cross-browser-flash-detection-in-javascript） – bjb568

對不起，這個愚蠢的問題，但是HTML/CSS/JS能夠創建可以在Flash中創建的效果？然而，我並不需要花哨的效果，也許只是頁面轉換，畫廊效應等 – user2943852

理論上你可以用媒體查詢做到這一點：

@media only screen and (max-width: 480px){ 
    .flash{ 
    display: none; 
    } 

    .html-content{ 
    //css styles for html mobile site 
    } 
} 

@media only screen and (min-width: 481px){ 
    .flash{ 
     //styles for flash container 
    } 

    .html-content{ 
     display: none; 
    } 
}

但喬希C是正確的，你應該避免閃光這些天，使用CSS3或JS

來源

2014-01-27 05:20:18 jmore009

Thx jmore的建議和片段，現在看看它 – user2943852

檢測瀏覽器以確定顯示閃存或html

回答

相關問題