0

私が使用しようとしている方法は次のようなものです：

  1. スクリプトは、「CSS3」プロパティがユーザー ブラウザで使用可能かどうかを確認します (transition プロパティ)。
  2. そうでない場合は、JavaScript ファイルがフォールバックとしてダウンロードされます (これによりアニメーションが実行されます)。

私の質問は:

JS ファイルをユーザーのブラウザにダウンロードするにはどうすればよいですか? これは可能ですか？他にどのような方法をお勧めしますか?

PS: この分野では本当に新しいので、助けてください! ありがとうございました！

4

2 に答える 2

0

なぜ後でスクリプトをダウンロードするのですか？スクリプトを直接頭に置き、if-else-clauseでラップして、CSS3が使用可能な場合は何もしないようにします...

それ以外の場合は、DOMを変更して、新しいスクリプトを先頭に配置できます...

于 2012-12-19T11:20:02.103 に答える
0

これは非常に単純な実装で、css 遷移のサポートをチェックし、存在しない場合は外部 JS ファイルをロードします。

HTML

 <!-- make sure you include <script> link to to modernizr.js in your <head> before this script -->
    <script>
      // if browser does not support transitions. If not, load in our polyfill
        Modernizr.load({
          test: Modernizr.csstransitions,
          nope: '/js/polyfill.js'
        });// END Modernizr.load
    </script>

さらに、古いブラウザで最新の機能を再現するために使用できるポリフィルのリストを次に示します (ただし、ここでは注意してください。パフォーマンスに大きな影響が及ぶ可能性があります)。

それが役立つことを願っています!

于 2012-12-19T23:00:08.777 に答える