當前位置：首頁 » 編程語言 » html5判斷瀏覽器

html5判斷瀏覽器

發布時間: 2021-03-10 20:21:14

1. 怎麼檢測瀏覽器是否支持html5

利用HTML5新標簽對象的方法來進行檢測，比如Canvas對象的getContext()、Video對象的canPlayType等。如果瀏覽器支持HTML5，則返回相應的期望值（返回函數體，布爾值為true），否則無法獲得期望值（返回undefined，布爾值為false）。

Canvas對象的getContext

//方法一

/**

*[supportHtml5言成科技&HTML5學堂]

*@return{[type]}[description]

*/

functionsupportCanvas(){

return(typeofdocument.createElement('canvas').getContext==="function");

}


console.log(supportCanvas());

Video對象的canPlayType

//方法二

/*

*[supportsVideo言成科技&HTML5學堂]

*@return{[type]}[description]

*/

functionsupportVideo(){

return!!document.createElement('video').canPlayType;

}


console.log(supportVideo());

2. 如何判斷瀏覽器是否支持HTML5 Canvas

需要准備的材料分別有：電腦、瀏覽器、html編輯器。

1、首先，打開html編輯器，新建html文件，版例權如：index.html。

3. 怎麼判斷瀏覽器是否支持html5的某些屬性例如:required,placeholder.還有其它

常規的做法就是先判斷瀏覽器的類型與版本號，然後可以判斷是否支持HTML5.

比較省事的做法就是執行HTML5中的特有函數，有try可以測試是否正確執行。由於各瀏覽器版本對html5的支持度不同，這種情況只適用使用大多數的html5方法或屬性。

4. jquery 判斷瀏覽器是否支持HTML5

判斷瀏覽器是否支持HTML方法較多，下面的供參考；得到結果後就可以給出自己的提示信息了，可以創作發揮。例子中就只是一個簡單的alert提示
<script type="text/javascript">
window.onload = function() {
if (window.applicationCache) {
alert("瀏覽器支持HTML5");
} else {
alert("瀏覽器不支持HTML5");
}
}
</script>

5. html5中怎麼判斷瀏覽器類型

用JS來判斷：

<script>
	(){
		varuserAgent=navigator.userAgent;//取得瀏覽器的userAgent字元串
		varisChrome=userAgent.indexOf("Chrome")>-1;//判斷是否Chrome瀏覽器
		varisOpera=userAgent.indexOf("Opera")>-1;//判斷是否Opera瀏覽器
		varisIE=userAgent.indexOf("compatible")>-1&&userAgent.indexOf("MSIE")>-1&&!isOpera;//判斷是否IE瀏覽器
		varisFF=userAgent.indexOf("Firefox")>-1;//判斷是否Firefox瀏覽器
		varisSafari=userAgent.indexOf("Safari")>-1;//判斷是否Safari瀏覽器

		if(isIE){
			varIE5=IE55=IE6=IE7=IE8=false;

			varreIE=newRegExp("MSIE(\d+\.\d+);");
			reIE.test(userAgent);

			varfIEVersion=parseFloat(RegExp["$1"]);
			IE55=fIEVersion==5.5;
			IE6=fIEVersion==6.0;
			IE7=fIEVersion==7.0;
			IE8=fIEVersion==8.0;

			if(IE55){return"IE55";}
			elseif(IE6){return"IE6";}
			elseif(IE7){return"IE7";}
			elseif(IE8){return"IE8";}
		}
		elseif(isFF){return"FF";}
		elseif(isChrome){return"Chrome";}
		elseif(isOpera){return"Opera";}
		elseif(isSafari){return"Safari";}
	}

	console.log(myBrowser());//會輸出你使用的瀏覽器類型
</script>

6. 怎麼知道瀏覽器是否支持html5

可以通過檢查是否瀏覽器支持某個特定的html5功能，比如檢查是否支持canvas：

varsupportCanvas=(typeofdocument.createElement('canvas').getContext==="function");
if(supportCanvas){
//...
}else{
alert("檢測回到您正在使用舊版瀏答覽器，推薦您升級到新版以獲取最佳體驗！");
}

第二種方法：

functionsupports_video(){
return!!document.createElement('video').canPlayType;
}

if(supports_video()){
//...
}else{
alert("檢測到您正在使用舊版瀏覽器，推薦您升級到新版以獲取最佳體驗！");
}

7. 怎麼判斷瀏覽器是否支持html5的indexedDB

indexedDB=indexedDB||webkitIndexedDB||mozIndexedDB||null;
if(indexedDB){
alert('支持');
}else{
alert('不支持');
}

PC端支持度：

FireFox 10+（完全支持）、Chrome 23+（完全支持）、Opera15+（15+用的就是專Chrome內核了所以都一樣了，完屬全支持）IE10+（部分支持）

結論：如不考慮IE，目前可放心使用

8. js如何判斷瀏覽器是否支持html5

方法一：

if(typeof(Worker)!=="undefined"){
	alert("支持html5");
}else{

	alert("不支持html5");
}

方法二：

if(window.applicationCache){
alert("支持html5");
}else{

alert("不支持html5");
}

9. 檢測瀏覽器是否支持html5

在全局對象上檢測

<!doctypehtml>
<htmllang="zh_CN">
<head>
<metacharset="UTF-8">
<metaauthor="suifengtec">
<title>applicationCacheTest</title>
<script>
window.onload=function(){
if(window.applicationCache){
document.write("Yes,.");
}else{
document.write("No,.");
}
}
</script>
</head>
<body>
</body>
</html>

在創建的元素上檢測

<!doctypehtml>
<htmllang="zh_CN">
<head>
<metacharset="UTF-8">
<metaauthor="suifengtec">
<title>SimpleSquare</title>
<scripttype="text/javascript">
window.onload=drawSquare;

functiondrawSquare(){
varcanvas=document.getElementById('Simple.Square');
if(canvas.getContext){
varcontext=canvas.getContext('2d');

context.fillStyle="rgb(13,118,208)";
context.fillRect(2,2,98,98);
}else{
alert(".");
}
}
</script>
</head>
<body>
<canvasid="Simple.Square"width="100"height="100"></canvas>
</body>
</html>

檢測某HTML5方法是否返回期望的值

<!doctypehtml>
<htmllang="zh_CN">
<head>
<metacharset="UTF-8">
<metaauthor="suifengtec">
<title>VideoTest</title>
<script>
functionvideoCheck(){
return!!document.createElement("video").canPlayType;
}

functionh264Check(){
if(!videoCheck){
document.write("not");
return;
}

varvideo=document.createElement("video");
if(!video.canPlayType('video/mp4;codecs="avc1.42E01E,mp4a.40.2"')){
document.write("not");
}
return;
}

document.write("Yourbrowserdoes");
h264Check();
document.write("supportH.264video.");
</script>
</head>
<body>

</body>
</html>

檢測HTML5元素是否能保留值

<!doctypehtml>
<htmllang="zh_CN">
<head>
<metacharset="UTF-8">
<metaauthor="suifengtec">
<title>RangeInputTest</title>
<script>
functionrangeCheck(){
vari=document.createElement("input");
i.setAttribute("type","range");
if(i.type=="text"){
document.write("not");
}
return;
}

document.write("Yourbrowserdoes");
rangeCheck();
document.write("supportthe<code><inputtype=range></code>inputtype.");
</script>
</head>
<body>

</body>
</html>

10. 如何判斷瀏覽器不支持html5

JavaScript一種直譯式腳本語言，是一種動態類型、弱類型、基於原型的語言，內置支持類型。
HTML5萬維網的核心語言、標准通用標記語言下的一個應用超文本標記語言（HTML）的第五次重大修改。2014年10月29日，萬維網聯盟宣布，經過接近8年的艱苦努力，該標准規范終於制定完成
接下來我教大家如何用javascript判斷瀏覽器是否支持HTML5
一：
打開編輯器，或者JetBrains WebStorm
我一般用notepad++,其實都一樣，只要能寫代碼，記事本也OK
然後選擇你需要修改的html文件
二：
在文件中，加入如下js代碼
<script>
window.onload = function() {
if (window.applicationCache) {
alert("你的瀏覽器支持HTML5");
} else {
alert("你的瀏覽器不支持HTML5");
}
}
</script>
三：
然後打開你需要測試的瀏覽器，我用的chrome，當然，你也可以測試手機瀏覽器
打開這個文件後會彈出提示。
四：
當然，也有可能你的瀏覽器不支持HTML5，則會彈出，說明你是時候更換瀏覽器了！
五：
到這里，你就可以判斷你的瀏覽器是否支持html5啦，歡迎你加入HTML5，相信你會有更好的體驗

閱讀全文

html5判斷瀏覽器

與html5判斷瀏覽器相關的閱讀推薦