2

コードがすべてのブラウザー html または html5 で正常に動作することを確認する必要があります。Firefox と Chrome の私のコードは正常に動作していますが、IE では問題があります。私はそれらを修正したい...

クライアントが HTML5 をサポートしている場合、このコード セット。そうでない場合は、別のことを行います。

助言がありますか？

4

3 に答える 3

5

Modernizrと呼ばれる機能検出ライブラリが役立ちます。

ドキュメントの例を次に示します。

Modernizr.load({
  test: Modernizr.geolocation,
  yep : 'geo.js',
  nope: 'geo-polyfill.js'
});

条件は、yepジオロケーションが利用可能な場合にロードするスクリプトです。条件は、利用できない場合にロードするスクリプトです。nopeこれには、代替/ポリフィルが含まれます。

HTML5がサポートされているかどうかではなく、使用したいものを正確にテストしたい. これは、ブラウザが HTML5 を部分的にサポートしている可能性があるためです。また、多くの機能が実際には HTML5 ではなく、別の仕様であるためです。(位置情報は HTML5 仕様の一部ではありません)。

于 2013-01-21T13:48:32.723 に答える
1

Internet Explorerで実装する場合、html5に問題があります。あなたが直面する問題のほとんどはcss3から生じます。これを処理するには、cssを手動で変更するか、HTML5Shivのようなものを含めることができます。これは、含める必要のあるURLです。

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

$("body").append(innerShiv("<section></section>"));

上記のリンクも良いです

于 2013-01-21T14:29:28.783 に答える
-1

親愛なるこれは単純な機能です。ライブラリの助けを借りずに、ブラウザがhtml5をサポートしているかどうかを検出できます。

<script>
var test_canvas = document.createElement("canvas") //try and create sample canvas element
var canvascheck=(test_canvas.getContext)? true : false //check if object supports getContext() method, a method of the canvas element
if(canvascheck == true)
{
    alert("This browser support html5");
}
else{

     alert("This browser does not support html5");
}
</script>
于 2013-01-21T14:27:54.570 に答える