HTML5 Canva瀏覽器相容檢查

2022-04-07 21:24:14 字數 620 閱讀 3316

【問題描述】不是所有的瀏覽器都支援html5。編寫web**時,若使用了html5元素,在不支援html5的瀏覽器中,可能會出現相容性的問題,如頁面顯示混亂。為此有必要對不支援html5的瀏覽器做相應的處理。

【解析】

其實很簡單,在 onload方法中引用下述方法即可:

[html] 

function supports_canvas()  

else  

}  function supports_canvas()

else   

}body中引用示例

[html]    

else子句中的內容可替換為相容性的**。  

【示例效果】  

【例項】

在網上看到乙個很有愛的例子,示例的執行效果如下(修改過的版本):

有一點美中不足,那就是這個**是基於html5寫的,有些瀏覽器不支援。利用上述方法進行改進:

加入如下**:

[html] 

if(!document.createelement('canvas').getcontext)  

if(!document.createelement('canvas').getcontext) ie8 執行效果:

瀏覽器相容

瀏覽器相容問題一 不同瀏覽器的標籤預設的外補丁和內補丁不同 問題症狀 隨便寫幾個標籤,不加樣式控制的情況下,各自的margin 和padding差異較大。碰到頻率 100 解決方案 css裡 備註 這個是最常見的也是最易解決的乙個瀏覽器相容性問題,幾乎所有的css檔案開頭都會用萬用字元 來設定各個標...

瀏覽器相容

1 css bug css樣式在各瀏覽器中解析不一致的情況,或者說 css樣式在瀏覽器中不能正確顯示的問題稱為 css bug.2 css hack css中,hack 是指一種相容 css在不同瀏覽器中正確顯示的技巧方法,因為它們都屬於個人對 css 的非官方的修改,或非官方的。有些人更喜歡使用 ...

瀏覽器相容

所謂的瀏覽器相容性問題,是指因為不同的瀏覽器對同一段 有不同的解析,造成頁面顯示效果不統一的情況。在大多數情況下,我們的需求是,無論使用者用什麼瀏覽器來檢視我們的 或者登陸我們的系統,都應該是統一的顯示效果。所以瀏覽器的相容性問題是前端開發人員經常會碰到和必須要解決的問題。在學習瀏覽器相容性之前,我...